@nldd/design-system 0.8.95 → 0.8.97

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

@@ -12,8 +12,8 @@ export const sheetStyles = css `
 	/* # Host */
 
 	:host {
-		--_width: initial;
-		--_height: initial;
+		--_sheet-width: initial;
+		--_sheet-height: initial;
 
 		/* A pane hides the back button of the bar inside it, because the menu
 		   beside you is the way back. A sheet has no menu beside it, so a bar in
@@ -94,7 +94,7 @@ export const sheetStyles = css `
 			width: 100%;
 			max-width: 100%;
 			max-height: calc(100dvh - var(--semantics-sheets-bottom-top-inset));
-			height: var(--_height, calc(100dvh - var(--semantics-sheets-bottom-top-inset)));
+			height: var(--_sheet-height, calc(100dvh - var(--semantics-sheets-bottom-top-inset)));
 
 			&[open] {
 				animation: sheet-slide-in-bottom var(--semantics-sheets-bottom-animation-duration) var(--primitives-transition-easing-default) backwards;
@@ -108,7 +108,7 @@ export const sheetStyles = css `
 		@media (min-width: ${mdMin}) {
 			inset: var(--semantics-overlays-inset) var(--semantics-overlays-inset) var(--semantics-overlays-inset) auto;
 			border-radius: var(--semantics-overlays-corner-radius);
-			width: min(var(--_width, var(--semantics-sheets-side-md-width)), calc(100vw - var(--semantics-overlays-inset) * 2));
+			width: min(var(--_sheet-width, var(--semantics-sheets-side-md-width)), calc(100vw - var(--semantics-overlays-inset) * 2));
 			height: calc(100dvh - var(--semantics-overlays-inset) * 2);
 
 			&[open] {
@@ -121,7 +121,7 @@ export const sheetStyles = css `
 		}
 
 		@media (min-width: ${lgMin}) {
-			width: min(var(--_width, var(--semantics-sheets-side-lg-width)), calc(100vw - var(--semantics-overlays-inset) * 2));
+			width: min(var(--_sheet-width, var(--semantics-sheets-side-lg-width)), calc(100vw - var(--semantics-overlays-inset) * 2));
 		}
 	}
 
@@ -143,7 +143,7 @@ export const sheetStyles = css `
 		@media (min-width: ${mdMin}) {
 			inset: var(--semantics-overlays-inset) auto var(--semantics-overlays-inset) var(--semantics-overlays-inset);
 			border-radius: var(--semantics-overlays-corner-radius);
-			width: min(var(--_width, var(--semantics-sheets-side-md-width)), calc(100vw - var(--semantics-overlays-inset) * 2));
+			width: min(var(--_sheet-width, var(--semantics-sheets-side-md-width)), calc(100vw - var(--semantics-overlays-inset) * 2));
 			height: calc(100dvh - var(--semantics-overlays-inset) * 2);
 
 			&[open] {
@@ -156,7 +156,7 @@ export const sheetStyles = css `
 		}
 
 		@media (min-width: ${lgMin}) {
-			width: min(var(--_width, var(--semantics-sheets-side-lg-width)), calc(100vw - var(--semantics-overlays-inset) * 2));
+			width: min(var(--_sheet-width, var(--semantics-sheets-side-lg-width)), calc(100vw - var(--semantics-overlays-inset) * 2));
 		}
 	}
 
@@ -168,7 +168,7 @@ export const sheetStyles = css `
 			width: calc(100% - var(--semantics-sheets-bottom-md-inline-inset));
 			max-width: var(--semantics-page-sections-body-max-width);
 			max-height: calc(100dvh - var(--semantics-sheets-bottom-top-inset));
-			height: var(--_height, calc(100dvh - var(--semantics-sheets-bottom-top-inset)));
+			height: var(--_sheet-height, calc(100dvh - var(--semantics-sheets-bottom-top-inset)));
 
 			&[open] {
 				animation: sheet-slide-in-bottom var(--semantics-sheets-bottom-animation-duration) var(--primitives-transition-easing-default) backwards;

package/dist/components/layout/{app-view/app-view.d.ts → shell/shell.d.ts}

@@ -1,5 +1,5 @@
 /**
- * Nederlandse Digitale Dienst App View Component (Lit + TypeScript)
+ * Nederlandse Digitale Dienst Shell Component (Lit + TypeScript)
  *
  * The required root shell of a Nederlandse Digitale Dienst application. Always contains
  * a split view or an nldd-page as direct content.
@@ -7,20 +7,20 @@
  * ## Typography
  * The document font comes from the package stylesheet
  * (`@nldd/design-system/styles`), not from this component: it gives `body` the
- * body font and content color as soon as an app-view is on the page, inside
+ * body font and content color as soon as a shell is on the page, inside
  * `@layer reset` so any rule of your own wins. Import only the tokens
  * (`/styles/tokens`) and text you write in the light DOM keeps the browser
  * default.
  *
  * ## Background color
  * Set background="tinted" to give the whole application a tinted background.
- * All descendants read --context-parent-background-color via --_background-color automatically.
+ * All descendants read --context-parent-background-color via --_shell-background-color automatically.
  * Individual components can override locally with their own background attribute.
  *
  * The same background color is forced on `document.body` so that browser-
  * chrome surfaces (iOS overscroll bounce, status bar, page-margin areas)
  * blend with the app instead of revealing the user-agent's default white.
- * Cleared when the app-view disconnects.
+ * Cleared when the shell disconnects.
  *
  * ## Scroll mode
  * The app scrolls the DOCUMENT (root mode) or lets each `nldd-page` scroll
@@ -29,19 +29,19 @@
  * mean the panes do. An app without such a split view is a single column at
  * every width and therefore scrolls the document too — nested scrolling would
  * cost it the rubber-band and the collapsing browser toolbar on iOS for nothing.
- * Set `--context-scroll-mode` on the `nldd-app-view` itself to override the
+ * Set `--context-scroll-mode` on the `nldd-shell` itself to override the
  * derived mode; an inherited value loses from it.
  *
  * ## Overscroll
  * In nested scroll mode `overscroll-behavior: none` is set on
- * `document.documentElement` and `document.body` while the app-view is
+ * `document.documentElement` and `document.body` while the shell is
  * connected. Combined with `overscroll-behavior: contain` on `nldd-page`'s
  * scroll target, this prevents iOS rubber-band on the viewport when scroll
  * gestures land outside an `nldd-page` (e.g. on a top-bar). In root scroll mode
  * the document itself is the scroller, so this is lifted to let the native
  * rubber-band happen. Cleared on last disconnect.
  *
- * @element nldd-app-view
+ * @element nldd-shell
  *
  * @attr {'base'|'tinted'} background - Background color (cascades to descendants)
  *
@@ -49,7 +49,7 @@
  */
 import { LitElement, PropertyValues } from 'lit';
 import type { ScrollModeConsumer, ScrollModeProvider } from '../../../utilities/scroll-mode-controller.js';
-export declare class NLDDAppView extends LitElement implements ScrollModeProvider {
+export declare class NLDDShell extends LitElement implements ScrollModeProvider {
     static styles: import("lit").CSSResult;
     background: 'base' | 'tinted';
     private _scrollConsumers;
@@ -66,7 +66,7 @@ export declare class NLDDAppView extends LitElement implements ScrollModeProvide
      * split view and push it to every registered layer. Without such a split view
      * the app is a single column at any width, so it scrolls the document: nested
      * scrolling costs you the rubber-band and the collapsing browser toolbar on
-     * iOS for nothing. Set `--context-scroll-mode: nested` on the `nldd-app-view`
+     * iOS for nothing. Set `--context-scroll-mode: nested` on the `nldd-shell`
      * itself to override (an inherited value loses from the derived one).
      */
     private _evaluateScrollMode;
@@ -79,7 +79,7 @@ export declare class NLDDAppView extends LitElement implements ScrollModeProvide
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'nldd-app-view': NLDDAppView;
+        'nldd-shell': NLDDShell;
     }
 }
-//# sourceMappingURL=app-view.d.ts.map
+//# sourceMappingURL=shell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shell.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/shell/shell.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAIjD,OAAO,KAAK,EAAc,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,8CAA8C,CAAC;AAyBvH,qBACa,SAAU,SAAQ,UAAW,YAAW,kBAAkB;IACtE,OAAgB,MAAM,0BAAe;IAGrC,UAAU,EAAE,MAAM,GAAG,QAAQ,CAAU;IAIvC,OAAO,CAAC,gBAAgB,CAAiC;IAIzD,OAAO,CAAC,YAAY,CAA2B;IAK/C,OAAO,CAAC,WAAW,CAAiE;IAIpF,gBAAgB;IAChB,sBAAsB,CAAC,QAAQ,EAAE,kBAAkB,GAAG,IAAI;IAe1D,gBAAgB;IAChB,wBAAwB,CAAC,QAAQ,EAAE,kBAAkB,GAAG,IAAI;IAa5D,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,qBAAqB,CAE3B;IAEF;;;;;;;OAOG;IACH,OAAO,CAAC,mBAAmB;IAqBlB,iBAAiB,IAAI,IAAI;IAYzB,oBAAoB,IAAI,IAAI;IAsBrC,OAAO,CAAC,gBAAgB;IAWf,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAM/C,OAAO,CAAC,oBAAoB;IAOnB,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,YAAY,EAAE,SAAS,CAAC;KACxB;CACD"}

package/dist/components/layout/{app-view/app-view.js → shell/shell.js}

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 /**
- * Nederlandse Digitale Dienst App View Component (Lit + TypeScript)
+ * Nederlandse Digitale Dienst Shell Component (Lit + TypeScript)
  *
  * The required root shell of a Nederlandse Digitale Dienst application. Always contains
  * a split view or an nldd-page as direct content.
@@ -13,20 +13,20 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
  * ## Typography
  * The document font comes from the package stylesheet
  * (`@nldd/design-system/styles`), not from this component: it gives `body` the
- * body font and content color as soon as an app-view is on the page, inside
+ * body font and content color as soon as a shell is on the page, inside
  * `@layer reset` so any rule of your own wins. Import only the tokens
  * (`/styles/tokens`) and text you write in the light DOM keeps the browser
  * default.
  *
  * ## Background color
  * Set background="tinted" to give the whole application a tinted background.
- * All descendants read --context-parent-background-color via --_background-color automatically.
+ * All descendants read --context-parent-background-color via --_shell-background-color automatically.
  * Individual components can override locally with their own background attribute.
  *
  * The same background color is forced on `document.body` so that browser-
  * chrome surfaces (iOS overscroll bounce, status bar, page-margin areas)
  * blend with the app instead of revealing the user-agent's default white.
- * Cleared when the app-view disconnects.
+ * Cleared when the shell disconnects.
  *
  * ## Scroll mode
  * The app scrolls the DOCUMENT (root mode) or lets each `nldd-page` scroll
@@ -35,19 +35,19 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
  * mean the panes do. An app without such a split view is a single column at
  * every width and therefore scrolls the document too — nested scrolling would
  * cost it the rubber-band and the collapsing browser toolbar on iOS for nothing.
- * Set `--context-scroll-mode` on the `nldd-app-view` itself to override the
+ * Set `--context-scroll-mode` on the `nldd-shell` itself to override the
  * derived mode; an inherited value loses from it.
  *
  * ## Overscroll
  * In nested scroll mode `overscroll-behavior: none` is set on
- * `document.documentElement` and `document.body` while the app-view is
+ * `document.documentElement` and `document.body` while the shell is
  * connected. Combined with `overscroll-behavior: contain` on `nldd-page`'s
  * scroll target, this prevents iOS rubber-band on the viewport when scroll
  * gestures land outside an `nldd-page` (e.g. on a top-bar). In root scroll mode
  * the document itself is the scroller, so this is lifted to let the native
  * rubber-band happen. Cleared on last disconnect.
  *
- * @element nldd-app-view
+ * @element nldd-shell
  *
  * @attr {'base'|'tinted'} background - Background color (cascades to descendants)
  *
@@ -57,9 +57,9 @@ import { LitElement } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { reflectNonDefault } from '../../../utilities/reflect-non-default.js';
 import { ScrollModeController, SINGLE_COLUMN_CHANGE_EVENT } from '../../../utilities/scroll-mode-controller.js';
-import { appViewStyles } from './app-view.styles.js';
-import { appViewTemplate } from './app-view.template.js';
-// Track every connected app-view as a stack — the top is the current owner
+import { shellStyles } from './shell.styles.js';
+import { shellTemplate } from './shell.template.js';
+// Track every connected shell as a stack — the top is the current owner
 // of the body-background style. Multiple instances can briefly coexist
 // (tabs, modals, tests). Stack semantics handle disconnect order correctly:
 // the older instance's background is restored when the younger owner leaves.
@@ -74,18 +74,18 @@ function _currentOwner() {
     }
     return null;
 }
-let NLDDAppView = class NLDDAppView extends LitElement {
+let NLDDShell = class NLDDShell extends LitElement {
     constructor() {
         super(...arguments);
         this.background = 'base';
-        // Every layout layer (this app-view, the split views, their panes, nested
+        // Every layout layer (this shell, the split views, their panes, nested
         // pages) registers here so the derived scroll mode can be pushed to it.
         this._scrollConsumers = new Set();
-        // Last mode this app-view derived and published, or null when it defers to an
+        // Last mode this shell derived and published, or null when it defers to an
         // inherited value (no horizontal split view present).
         this._derivedMode = null;
         // Reflects --context-scroll-mode to [data-scroll] (the CSS flow branch) and,
-        // on change, re-applies the document overscroll policy below. app-view's own
+        // on change, re-applies the document overscroll policy below. shell's own
         // controller registers as a consumer too (closest() matches itself).
         this._scrollMode = new ScrollModeController(this, () => this._applyOverscroll());
         this._onSingleColumnChange = () => {
@@ -96,7 +96,7 @@ let NLDDAppView = class NLDDAppView extends LitElement {
     /** @internal */
     registerScrollConsumer(consumer) {
         this._scrollConsumers.add(consumer);
-        // The layer that just arrived may BE the split view this app-view derives
+        // The layer that just arrived may BE the split view this shell derives
         // from: a consumer that renders its split view behind a condition (a
         // loading state, an error takeover, an empty state) swaps it out and back,
         // and while it was gone the derivation said `root`. Re-derive before
@@ -130,7 +130,7 @@ let NLDDAppView = class NLDDAppView extends LitElement {
      * split view and push it to every registered layer. Without such a split view
      * the app is a single column at any width, so it scrolls the document: nested
      * scrolling costs you the rubber-band and the collapsing browser toolbar on
-     * iOS for nothing. Set `--context-scroll-mode: nested` on the `nldd-app-view`
+     * iOS for nothing. Set `--context-scroll-mode: nested` on the `nldd-shell`
      * itself to override (an inherited value loses from the derived one).
      */
     _evaluateScrollMode() {
@@ -211,15 +211,15 @@ let NLDDAppView = class NLDDAppView extends LitElement {
         document.body.style.backgroundColor = `var(${token})`;
     }
     render() {
-        return appViewTemplate(this);
+        return shellTemplate(this);
     }
 };
-NLDDAppView.styles = appViewStyles;
+NLDDShell.styles = shellStyles;
 __decorate([
     property({ reflect: true, converter: reflectNonDefault('base') })
-], NLDDAppView.prototype, "background", void 0);
-NLDDAppView = __decorate([
-    customElement('nldd-app-view')
-], NLDDAppView);
-export { NLDDAppView };
-//# sourceMappingURL=app-view.js.map
+], NLDDShell.prototype, "background", void 0);
+NLDDShell = __decorate([
+    customElement('nldd-shell')
+], NLDDShell);
+export { NLDDShell };
+//# sourceMappingURL=shell.js.map

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

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

package/dist/components/layout/shell/shell.styles.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"shell.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/shell/shell.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,yBA2EvB,CAAC"}

package/dist/components/layout/{app-view/app-view.styles.js → shell/shell.styles.js}

@@ -1,5 +1,5 @@
 import { css } from 'lit';
-export const appViewStyles = css `
+export const shellStyles = css `
 	:host {
 		box-sizing: border-box;
 	}
@@ -9,10 +9,10 @@ export const appViewStyles = css `
 
 	:host {
 		--context-parent-background-color: var(--semantics-surfaces-base-background-color);
-		--_background-color: var(--context-parent-background-color);
+		--_shell-background-color: var(--context-parent-background-color);
 
 		display: flex;
-		background-color: var(--_background-color);
+		background-color: var(--_shell-background-color);
 		width: 100%;
 		height: 100%;
 	}
@@ -23,11 +23,11 @@ export const appViewStyles = css `
 
 	:host([background="tinted"]) {
 		--context-parent-background-color: var(--semantics-surfaces-tinted-background-color);
-		--_background-color: var(--semantics-surfaces-tinted-background-color);
+		--_shell-background-color: var(--semantics-surfaces-tinted-background-color);
 	}
 
 	/* Root-scroll mode — the DOCUMENT scrolls (see ScrollModeController +
-	   --context-scroll-mode). The app-view is the outermost DS layer, so it grows
+	   --context-scroll-mode). The shell is the outermost DS layer, so it grows
 	   with its content (min-height fills the viewport for short pages), letting a
 	   descendant nldd-page's sticky layers stick against the document. */
 	:host([data-scroll="root"]) {
@@ -38,7 +38,7 @@ export const appViewStyles = css `
 
 	/* # Block */
 
-	.app-view {
+	.shell {
 		display: flex;
 		min-width: 0;
 		min-height: 0;
@@ -51,7 +51,7 @@ export const appViewStyles = css `
 
 	/* Root-scroll mode — row axis untouched (this is a column block but a row item
 	   of the host); only stop clipping so descendant sticky layers can escape. */
-	:host([data-scroll="root"]) .app-view {
+	:host([data-scroll="root"]) .shell {
 		overflow: visible;
 	}
 
@@ -75,4 +75,4 @@ export const appViewStyles = css `
 		flex-shrink: 0;
 	}
 `;
-//# sourceMappingURL=app-view.styles.js.map
+//# sourceMappingURL=shell.styles.js.map

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

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

package/dist/components/layout/shell/shell.template.d.ts

@@ -0,0 +1,4 @@
+import { TemplateResult } from 'lit';
+import type { NLDDShell } from './shell.js';
+export declare function shellTemplate(_component: NLDDShell): TemplateResult;
+//# sourceMappingURL=shell.template.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shell.template.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/shell/shell.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAE5C,wBAAgB,aAAa,CAAC,UAAU,EAAE,SAAS,GAAG,cAAc,CAMnE"}

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

@@ -0,0 +1,9 @@
+import { html } from 'lit';
+export function shellTemplate(_component) {
+    return html `
+		<div class="shell">
+			<slot></slot>
+		</div>
+	`;
+}
+//# sourceMappingURL=shell.template.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shell.template.js","sourceRoot":"","sources":["../../../../src/components/layout/shell/shell.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAG3C,MAAM,UAAU,aAAa,CAAC,UAAqB;IAClD,OAAO,IAAI,CAAA;;;;EAIV,CAAC;AACH,CAAC"}

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

@@ -13,11 +13,11 @@ export const spacerStyles = css `
 	/* # Host */
 
 	:host {
-		--_size: var(--primitives-space-16);
+		--_spacer-size: var(--primitives-space-16);
 
 		display: block;
-		width: var(--_size);
-		height: var(--_size);
+		width: var(--_spacer-size);
+		height: var(--_spacer-size);
 		flex-shrink: 0;
 	}
 
@@ -39,23 +39,23 @@ export const spacerStyles = css `
 
 	/* # Size — applies at every breakpoint */
 
-	:host([size="2"]) { --_size: var(--primitives-space-2); }
-	:host([size="4"]) { --_size: var(--primitives-space-4); }
-	:host([size="6"]) { --_size: var(--primitives-space-6); }
-	:host([size="8"]) { --_size: var(--primitives-space-8); }
-	:host([size="10"]) { --_size: var(--primitives-space-10); }
-	:host([size="12"]) { --_size: var(--primitives-space-12); }
-	:host([size="20"]) { --_size: var(--primitives-space-20); }
-	:host([size="24"]) { --_size: var(--primitives-space-24); }
-	:host([size="28"]) { --_size: var(--primitives-space-28); }
-	:host([size="32"]) { --_size: var(--primitives-space-32); }
-	:host([size="40"]) { --_size: var(--primitives-space-40); }
-	:host([size="44"]) { --_size: var(--primitives-space-44); }
-	:host([size="48"]) { --_size: var(--primitives-space-48); }
-	:host([size="56"]) { --_size: var(--primitives-space-56); }
-	:host([size="64"]) { --_size: var(--primitives-space-64); }
-	:host([size="80"]) { --_size: var(--primitives-space-80); }
-	:host([size="96"]) { --_size: var(--primitives-space-96); }
+	:host([size="2"]) { --_spacer-size: var(--primitives-space-2); }
+	:host([size="4"]) { --_spacer-size: var(--primitives-space-4); }
+	:host([size="6"]) { --_spacer-size: var(--primitives-space-6); }
+	:host([size="8"]) { --_spacer-size: var(--primitives-space-8); }
+	:host([size="10"]) { --_spacer-size: var(--primitives-space-10); }
+	:host([size="12"]) { --_spacer-size: var(--primitives-space-12); }
+	:host([size="20"]) { --_spacer-size: var(--primitives-space-20); }
+	:host([size="24"]) { --_spacer-size: var(--primitives-space-24); }
+	:host([size="28"]) { --_spacer-size: var(--primitives-space-28); }
+	:host([size="32"]) { --_spacer-size: var(--primitives-space-32); }
+	:host([size="40"]) { --_spacer-size: var(--primitives-space-40); }
+	:host([size="44"]) { --_spacer-size: var(--primitives-space-44); }
+	:host([size="48"]) { --_spacer-size: var(--primitives-space-48); }
+	:host([size="56"]) { --_spacer-size: var(--primitives-space-56); }
+	:host([size="64"]) { --_spacer-size: var(--primitives-space-64); }
+	:host([size="80"]) { --_spacer-size: var(--primitives-space-80); }
+	:host([size="96"]) { --_spacer-size: var(--primitives-space-96); }
 
 	/* ## Size: flexible — takes all remaining space in the flex parent */
 
@@ -81,33 +81,33 @@ export const spacerStyles = css `
 	/* # Per-viewport size overrides
 	 *
 	 * Each per-breakpoint attribute (sm-size / md-size / lg-size) sets the
-	 * same --_size local var inside its respective @media query, so it wins
+	 * same --_spacer-size local var inside its respective @media query, so it wins
 	 * over the base [size] selector at that breakpoint via cascade source
-	 * order. If only [size] is set, --_size keeps the base value across all
+	 * order. If only [size] is set, --_spacer-size keeps the base value across all
 	 * breakpoints.
 	 */
 
 	/* ## sm: max-width 640px */
 
 	@media (max-width: ${smMax}) {
-		:host([sm-size="2"]) { --_size: var(--primitives-space-2); }
-		:host([sm-size="4"]) { --_size: var(--primitives-space-4); }
-		:host([sm-size="6"]) { --_size: var(--primitives-space-6); }
-		:host([sm-size="8"]) { --_size: var(--primitives-space-8); }
-		:host([sm-size="10"]) { --_size: var(--primitives-space-10); }
-		:host([sm-size="12"]) { --_size: var(--primitives-space-12); }
-		:host([sm-size="16"]) { --_size: var(--primitives-space-16); }
-		:host([sm-size="20"]) { --_size: var(--primitives-space-20); }
-		:host([sm-size="24"]) { --_size: var(--primitives-space-24); }
-		:host([sm-size="28"]) { --_size: var(--primitives-space-28); }
-		:host([sm-size="32"]) { --_size: var(--primitives-space-32); }
-		:host([sm-size="40"]) { --_size: var(--primitives-space-40); }
-		:host([sm-size="44"]) { --_size: var(--primitives-space-44); }
-		:host([sm-size="48"]) { --_size: var(--primitives-space-48); }
-		:host([sm-size="56"]) { --_size: var(--primitives-space-56); }
-		:host([sm-size="64"]) { --_size: var(--primitives-space-64); }
-		:host([sm-size="80"]) { --_size: var(--primitives-space-80); }
-		:host([sm-size="96"]) { --_size: var(--primitives-space-96); }
+		:host([sm-size="2"]) { --_spacer-size: var(--primitives-space-2); }
+		:host([sm-size="4"]) { --_spacer-size: var(--primitives-space-4); }
+		:host([sm-size="6"]) { --_spacer-size: var(--primitives-space-6); }
+		:host([sm-size="8"]) { --_spacer-size: var(--primitives-space-8); }
+		:host([sm-size="10"]) { --_spacer-size: var(--primitives-space-10); }
+		:host([sm-size="12"]) { --_spacer-size: var(--primitives-space-12); }
+		:host([sm-size="16"]) { --_spacer-size: var(--primitives-space-16); }
+		:host([sm-size="20"]) { --_spacer-size: var(--primitives-space-20); }
+		:host([sm-size="24"]) { --_spacer-size: var(--primitives-space-24); }
+		:host([sm-size="28"]) { --_spacer-size: var(--primitives-space-28); }
+		:host([sm-size="32"]) { --_spacer-size: var(--primitives-space-32); }
+		:host([sm-size="40"]) { --_spacer-size: var(--primitives-space-40); }
+		:host([sm-size="44"]) { --_spacer-size: var(--primitives-space-44); }
+		:host([sm-size="48"]) { --_spacer-size: var(--primitives-space-48); }
+		:host([sm-size="56"]) { --_spacer-size: var(--primitives-space-56); }
+		:host([sm-size="64"]) { --_spacer-size: var(--primitives-space-64); }
+		:host([sm-size="80"]) { --_spacer-size: var(--primitives-space-80); }
+		:host([sm-size="96"]) { --_spacer-size: var(--primitives-space-96); }
 
 		:host([sm-size="flexible"]) {
 			min-width: 0;
@@ -131,24 +131,24 @@ export const spacerStyles = css `
 	/* ## md: 641px–1007px */
 
 	@media (min-width: ${mdMin}) and (max-width: ${mdMax}) {
-		:host([md-size="2"]) { --_size: var(--primitives-space-2); }
-		:host([md-size="4"]) { --_size: var(--primitives-space-4); }
-		:host([md-size="6"]) { --_size: var(--primitives-space-6); }
-		:host([md-size="8"]) { --_size: var(--primitives-space-8); }
-		:host([md-size="10"]) { --_size: var(--primitives-space-10); }
-		:host([md-size="12"]) { --_size: var(--primitives-space-12); }
-		:host([md-size="16"]) { --_size: var(--primitives-space-16); }
-		:host([md-size="20"]) { --_size: var(--primitives-space-20); }
-		:host([md-size="24"]) { --_size: var(--primitives-space-24); }
-		:host([md-size="28"]) { --_size: var(--primitives-space-28); }
-		:host([md-size="32"]) { --_size: var(--primitives-space-32); }
-		:host([md-size="40"]) { --_size: var(--primitives-space-40); }
-		:host([md-size="44"]) { --_size: var(--primitives-space-44); }
-		:host([md-size="48"]) { --_size: var(--primitives-space-48); }
-		:host([md-size="56"]) { --_size: var(--primitives-space-56); }
-		:host([md-size="64"]) { --_size: var(--primitives-space-64); }
-		:host([md-size="80"]) { --_size: var(--primitives-space-80); }
-		:host([md-size="96"]) { --_size: var(--primitives-space-96); }
+		:host([md-size="2"]) { --_spacer-size: var(--primitives-space-2); }
+		:host([md-size="4"]) { --_spacer-size: var(--primitives-space-4); }
+		:host([md-size="6"]) { --_spacer-size: var(--primitives-space-6); }
+		:host([md-size="8"]) { --_spacer-size: var(--primitives-space-8); }
+		:host([md-size="10"]) { --_spacer-size: var(--primitives-space-10); }
+		:host([md-size="12"]) { --_spacer-size: var(--primitives-space-12); }
+		:host([md-size="16"]) { --_spacer-size: var(--primitives-space-16); }
+		:host([md-size="20"]) { --_spacer-size: var(--primitives-space-20); }
+		:host([md-size="24"]) { --_spacer-size: var(--primitives-space-24); }
+		:host([md-size="28"]) { --_spacer-size: var(--primitives-space-28); }
+		:host([md-size="32"]) { --_spacer-size: var(--primitives-space-32); }
+		:host([md-size="40"]) { --_spacer-size: var(--primitives-space-40); }
+		:host([md-size="44"]) { --_spacer-size: var(--primitives-space-44); }
+		:host([md-size="48"]) { --_spacer-size: var(--primitives-space-48); }
+		:host([md-size="56"]) { --_spacer-size: var(--primitives-space-56); }
+		:host([md-size="64"]) { --_spacer-size: var(--primitives-space-64); }
+		:host([md-size="80"]) { --_spacer-size: var(--primitives-space-80); }
+		:host([md-size="96"]) { --_spacer-size: var(--primitives-space-96); }
 
 		:host([md-size="flexible"]) {
 			min-width: 0;
@@ -172,24 +172,24 @@ export const spacerStyles = css `
 	/* ## lg: min-width 1008px */
 
 	@media (min-width: ${lgMin}) {
-		:host([lg-size="2"]) { --_size: var(--primitives-space-2); }
-		:host([lg-size="4"]) { --_size: var(--primitives-space-4); }
-		:host([lg-size="6"]) { --_size: var(--primitives-space-6); }
-		:host([lg-size="8"]) { --_size: var(--primitives-space-8); }
-		:host([lg-size="10"]) { --_size: var(--primitives-space-10); }
-		:host([lg-size="12"]) { --_size: var(--primitives-space-12); }
-		:host([lg-size="16"]) { --_size: var(--primitives-space-16); }
-		:host([lg-size="20"]) { --_size: var(--primitives-space-20); }
-		:host([lg-size="24"]) { --_size: var(--primitives-space-24); }
-		:host([lg-size="28"]) { --_size: var(--primitives-space-28); }
-		:host([lg-size="32"]) { --_size: var(--primitives-space-32); }
-		:host([lg-size="40"]) { --_size: var(--primitives-space-40); }
-		:host([lg-size="44"]) { --_size: var(--primitives-space-44); }
-		:host([lg-size="48"]) { --_size: var(--primitives-space-48); }
-		:host([lg-size="56"]) { --_size: var(--primitives-space-56); }
-		:host([lg-size="64"]) { --_size: var(--primitives-space-64); }
-		:host([lg-size="80"]) { --_size: var(--primitives-space-80); }
-		:host([lg-size="96"]) { --_size: var(--primitives-space-96); }
+		:host([lg-size="2"]) { --_spacer-size: var(--primitives-space-2); }
+		:host([lg-size="4"]) { --_spacer-size: var(--primitives-space-4); }
+		:host([lg-size="6"]) { --_spacer-size: var(--primitives-space-6); }
+		:host([lg-size="8"]) { --_spacer-size: var(--primitives-space-8); }
+		:host([lg-size="10"]) { --_spacer-size: var(--primitives-space-10); }
+		:host([lg-size="12"]) { --_spacer-size: var(--primitives-space-12); }
+		:host([lg-size="16"]) { --_spacer-size: var(--primitives-space-16); }
+		:host([lg-size="20"]) { --_spacer-size: var(--primitives-space-20); }
+		:host([lg-size="24"]) { --_spacer-size: var(--primitives-space-24); }
+		:host([lg-size="28"]) { --_spacer-size: var(--primitives-space-28); }
+		:host([lg-size="32"]) { --_spacer-size: var(--primitives-space-32); }
+		:host([lg-size="40"]) { --_spacer-size: var(--primitives-space-40); }
+		:host([lg-size="44"]) { --_spacer-size: var(--primitives-space-44); }
+		:host([lg-size="48"]) { --_spacer-size: var(--primitives-space-48); }
+		:host([lg-size="56"]) { --_spacer-size: var(--primitives-space-56); }
+		:host([lg-size="64"]) { --_spacer-size: var(--primitives-space-64); }
+		:host([lg-size="80"]) { --_spacer-size: var(--primitives-space-80); }
+		:host([lg-size="96"]) { --_spacer-size: var(--primitives-space-96); }
 
 		:host([lg-size="flexible"]) {
 			min-width: 0;

package/dist/components/layout/split-views/bar-split-view/bar-split-view.js

@@ -81,7 +81,7 @@ let NLDDBarSplitView = class NLDDBarSplitView extends LitElement {
             // Everything above main sticks to the top and stacks; everything below
             // sticks to the bottom. Dividers are included, so they ride with their bar
             // and count toward the offset. Base offsets are inherited from any
-            // bars/app-view above this one (px values, so nested bars compose).
+            // bars/shell above this one (px values, so nested bars compose).
             const cs = getComputedStyle(this);
             let top = parseFloat(cs.getPropertyValue('--context-inset-top')) || 0;
             for (let i = 0; i < mainIndex; i++) {

package/dist/components/layout/split-views/bar-split-view/bar-split-view.js.map

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