@nldd/design-system 0.8.63 → 0.8.64

package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.js

@@ -5,6 +5,9 @@ const mdMin = unsafeCSS(breakpoints.mdMin);
 const mdMax = unsafeCSS(breakpoints.mdMax);
 const lgMin = unsafeCSS(breakpoints.lgMin);
 export const twoThirdsOneThirdSectionStyles = css `
+	:host {
+		box-sizing: border-box;
+	}
 
 
 	/* # Host */

package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"two-thirds-one-third-section.styles.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AAEvE,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,8BAA8B,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BA4CtB,KAAK;;;;;;2BAML,KAAK,qBAAqB,KAAK;;;;;;2BAM/B,KAAK;;;;;;;;;;;;;;;;2BAgBL,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;2BAuBL,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;;;;;;;;;;;;;CAkB/B,CAAC"}
+{"version":3,"file":"two-thirds-one-third-section.styles.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AAEvE,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,8BAA8B,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BA+CtB,KAAK;;;;;;2BAML,KAAK,qBAAqB,KAAK;;;;;;2BAM/B,KAAK;;;;;;;;;;;;;;;;2BAgBL,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;2BAuBL,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;;;;;;;;;;;;;CAkB/B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"popover.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/popover/popover.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,aAAa,yBAqFzB,CAAC"}
+{"version":3,"file":"popover.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/popover/popover.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,aAAa,yBAwFzB,CAAC"}

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

@@ -3,6 +3,9 @@ import { breakpoints } from '../../../assets/styles/breakpoints.js';
 const smMax = unsafeCSS(breakpoints.smMax);
 const mdMin = unsafeCSS(breakpoints.mdMin);
 export const popoverStyles = css `
+	:host {
+		box-sizing: border-box;
+	}
 
 
 	/* # Host */

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

@@ -1 +1 @@
-{"version":3,"file":"popover.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/popover/popover.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;AAE3C,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;uBAiBT,KAAK;;;;;;;;;;;;;;uBAcL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;uBAyBL,KAAK;;;;;;;;;;uBAUL,KAAK;;;;;;uBAML,KAAK;;;;;;;;;;;;;CAa3B,CAAC"}
+{"version":3,"file":"popover.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/popover/popover.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;AAE3C,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;uBAoBT,KAAK;;;;;;;;;;;;;;uBAcL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;uBAyBL,KAAK;;;;;;;;;;uBAUL,KAAK;;;;;;uBAML,KAAK;;;;;;;;;;;;;CAa3B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"sheet.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/sheet/sheet.styles.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,WAAW,yBAmNvB,CAAC"}
+{"version":3,"file":"sheet.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/sheet/sheet.styles.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,WAAW,yBAsNvB,CAAC"}

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

@@ -4,6 +4,9 @@ const smMax = unsafeCSS(breakpoints.smMax);
 const mdMin = unsafeCSS(breakpoints.mdMin);
 const lgMin = unsafeCSS(breakpoints.lgMin);
 export const sheetStyles = css `
+	:host {
+		box-sizing: border-box;
+	}
 
 
 	/* # Host */

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

@@ -1 +1 @@
-{"version":3,"file":"sheet.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/sheet/sheet.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;AAE3C,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAwFP,KAAK;;;;;;;;;;;;;;;;;;;;;uBAqBL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBA8BL,KAAK;;;;;uBAKL,KAAK;;;;uBAIL,KAAK;;;;;;;;;;;;;;;;;;sBAkBN,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6C1B,CAAC"}
+{"version":3,"file":"sheet.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/sheet/sheet.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;AAE3C,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBA2FP,KAAK;;;;;;;;;;;;;;;;;;;;;uBAqBL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBA8BL,KAAK;;;;;uBAKL,KAAK;;;;uBAIL,KAAK;;;;;;;;;;;;;;;;;;sBAkBN,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6C1B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"spacer.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/spacer/spacer.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,YAAY,yBA2MxB,CAAC"}
+{"version":3,"file":"spacer.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/spacer/spacer.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,YAAY,yBA8MxB,CAAC"}

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

@@ -5,6 +5,9 @@ const mdMin = unsafeCSS(breakpoints.mdMin);
 const mdMax = unsafeCSS(breakpoints.mdMax);
 const lgMin = unsafeCSS(breakpoints.lgMin);
 export const spacerStyles = css `
+	:host {
+		box-sizing: border-box;
+	}
 
 
 	/* # Host */

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

@@ -1 +1 @@
-{"version":3,"file":"spacer.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/spacer/spacer.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,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAmFT,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAyCL,KAAK,qBAAqB,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAyC/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsC1B,CAAC"}
+{"version":3,"file":"spacer.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/spacer/spacer.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,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAsFT,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAyCL,KAAK,qBAAqB,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAyC/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsC1B,CAAC"}

package/dist/components/layout/split-views/bar-split-view/bar-split-view.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bar-split-view.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/split-views/bar-split-view/bar-split-view.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,yBAgF9B,CAAC"}
+{"version":3,"file":"bar-split-view.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/split-views/bar-split-view/bar-split-view.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,yBAmF9B,CAAC"}

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

@@ -1,5 +1,8 @@
 import { css } from 'lit';
 export const barSplitViewStyles = css `
+	:host {
+		box-sizing: border-box;
+	}
 
 
 	/* # Host */

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

@@ -1 +1 @@
-{"version":3,"file":"bar-split-view.styles.js","sourceRoot":"","sources":["../../../../../src/components/layout/split-views/bar-split-view/bar-split-view.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgFpC,CAAC"}
+{"version":3,"file":"bar-split-view.styles.js","sourceRoot":"","sources":["../../../../../src/components/layout/split-views/bar-split-view/bar-split-view.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmFpC,CAAC"}

package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.d.ts

@@ -1,7 +1,7 @@
 /**
  * Nederlandse Digitale Dienst Navigation Split View Component (Lit + TypeScript)
  *
- * A four-column layout with a sidebar, secondary sidebar, main content area, and inspector.
+ * A four-column layout with a primary sidebar, secondary sidebar, main content area, and inspector.
  * The sidebars show navigation or lists, the main area shows primary content,
  * and the inspector shows additional details or properties of the selection.
  * Panes are shown automatically when content is slotted into them.
@@ -11,33 +11,57 @@
  * Use <code>nldd-split-view-pane</code> as direct children for automatic
  * back button handling.
  *
- * @attr {boolean} inspector-auto-hidden       - Inspector hidden to free up space for other panes (read-only, set by the split view)
- * @attr {boolean} inspector-as-sheet          - Always show the inspector as a sheet regardless of available space
- * @attr {boolean} sidebar-as-sheet            - Always show the sidebar as a sheet, keeping main visible at full width
- * @attr {string}  inspector-accessible-label  - Accessible name for the inspector sheet dialog (default: 'Details')
- * @attr {string}  sidebar-accessible-label    - Accessible name for the sidebar sheet dialog (default: 'Navigatie')
+ * @attr {boolean} inspector-auto-hidden                - Inspector hidden to free up space for other panes (read-only, set by the split view)
+ * @attr {boolean} inspector-as-sheet                   - Always show the inspector as a sheet regardless of available space
+ * @attr {boolean} primary-sidebar-as-sheet             - Always show the primary sidebar as a sheet, keeping main visible at full width
+ * @attr {string}  inspector-accessible-label           - Accessible name for the inspector sheet dialog (default: 'Details')
+ * @attr {string}  primary-sidebar-accessible-label     - Accessible name for the primary sidebar sheet dialog (default: 'Navigatie')
+ * @attr {boolean} sidebar-as-sheet                     - @deprecated alias for primary-sidebar-as-sheet (kept for backwards compatibility)
+ * @attr {string}  sidebar-accessible-label             - @deprecated alias for primary-sidebar-accessible-label (kept for backwards compatibility)
  *
- * @slot sidebar           - Left pane for primary navigation
+ * @slot primary-sidebar   - Left pane for primary navigation
  * @slot secondary-sidebar - Second pane for secondary navigation (shown when slotted)
  * @slot main              - Center pane for primary content
  * @slot inspector         - Right pane for details or properties
+ * @slot sidebar           - @deprecated alias for the primary-sidebar slot (kept for backwards compatibility)
  *
- * @method showInspectorSheet() - Opens the inspector as a sheet (async); only has effect when inspector-auto-hidden or inspector-as-sheet is active
- * @method hideInspectorSheet() - Closes the inspector sheet
- * @method showSidebarSheet()   - Opens the sidebar as a sheet (async); only has effect when sidebar-as-sheet is active
- * @method hideSidebarSheet()   - Closes the sidebar sheet
+ * @method showInspectorSheet()       - Opens the inspector as a sheet (async); only has effect when inspector-auto-hidden or inspector-as-sheet is active
+ * @method hideInspectorSheet()       - Closes the inspector sheet
+ * @method showPrimarySidebarSheet()  - Opens the primary sidebar as a sheet (async); only has effect when primary-sidebar-as-sheet is active
+ * @method hidePrimarySidebarSheet()  - Closes the primary sidebar sheet
+ * @method showSidebarSheet()         - @deprecated alias for showPrimarySidebarSheet() (kept for backwards compatibility)
+ * @method hideSidebarSheet()         - @deprecated alias for hidePrimarySidebarSheet() (kept for backwards compatibility)
  */
 import { LitElement } from 'lit';
 export declare class NLDDNavigationSplitView extends LitElement {
     static styles: import("lit").CSSResult;
     inspectorAutoHidden: boolean;
     inspectorAsSheet: boolean;
+    primarySidebarAsSheet: boolean;
+    /**
+     * @deprecated Use primary-sidebar-as-sheet. Kept as an alias for backwards compatibility.
+     */
     sidebarAsSheet: boolean;
     /** Accessible name for the inspector sheet dialog. */
     inspectorAccessibleLabel: string;
-    /** Accessible name for the sidebar sheet dialog. */
+    /** Accessible name for the primary sidebar sheet dialog. */
+    primarySidebarAccessibleLabel: string;
+    /**
+     * @deprecated Use primary-sidebar-accessible-label. Kept as an alias for backwards compatibility.
+     * Empty by default so it does not clobber the new property's default.
+     */
     sidebarAccessibleLabel: string;
-    _showSidebar: boolean;
+    /**
+     * Effective sheet mode — true when either the new property or the deprecated alias is set.
+     * Read by the template, so it stays accessible (underscore-prefixed = internal API).
+     */
+    get _asSheet(): boolean;
+    /**
+     * Effective primary sidebar sheet label — the deprecated alias wins when set, else the new property.
+     * Read by the template, so it stays accessible (underscore-prefixed = internal API).
+     */
+    get _resolvedPrimarySidebarLabel(): string;
+    _showPrimarySidebar: boolean;
     _showSecondarySidebar: boolean;
     _showMain: boolean;
     _showInspector: boolean;
@@ -47,8 +71,8 @@ export declare class NLDDNavigationSplitView extends LitElement {
     private _hostObserver;
     private _paneMinWidths;
     private get _inspectorSheet();
-    private get _sidebarSheet();
-    private get _hasSidebar();
+    private get _primarySidebarSheet();
+    private get _hasPrimarySidebar();
     /** @internal */
     get _hasSecondarySidebar(): boolean;
     private get _hasInspector();
@@ -60,12 +84,16 @@ export declare class NLDDNavigationSplitView extends LitElement {
     updated(changed: Map<string, unknown>): void;
     _updateLayout(): void;
     private _updatePaneBackButtons;
-    /** Opens the sidebar as a sheet. Awaitable — resolves once the dialog is open. */
+    /** Opens the primary sidebar as a sheet. Awaitable — resolves once the dialog is open. */
+    showPrimarySidebarSheet(): Promise<void>;
+    hidePrimarySidebarSheet(): void;
+    /** @deprecated Use showPrimarySidebarSheet(). */
     showSidebarSheet(): Promise<void>;
+    /** @deprecated Use hidePrimarySidebarSheet(). */
     hideSidebarSheet(): void;
-    private _manageSidebarSheetFocus;
-    _handleSidebarSheetClick(e: MouseEvent): void;
-    _handleSidebarSheetCancel(e: Event): void;
+    private _managePrimarySidebarSheetFocus;
+    _handlePrimarySidebarSheetClick(e: MouseEvent): void;
+    _handlePrimarySidebarSheetCancel(e: Event): void;
     /** Opens the inspector as a sheet. Awaitable — resolves once the dialog is open. */
     showInspectorSheet(): Promise<void>;
     hideInspectorSheet(): void;

package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-split-view.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/split-views/navigation-split-view/navigation-split-view.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAMjC,qBACa,uBAAwB,SAAQ,UAAU;IACtD,OAAgB,MAAM,0BAA6B;IAGnD,mBAAmB,UAAS;IAG5B,gBAAgB,UAAS;IAGzB,cAAc,UAAS;IAEvB,sDAAsD;IAEtD,wBAAwB,SAAa;IAErC,oDAAoD;IAEpD,sBAAsB,SAAe;IAIrC,YAAY,UAAS;IAGrB,qBAAqB,UAAS;IAG9B,SAAS,UAAQ;IAGjB,cAAc,UAAQ;IAEtB,OAAO,CAAC,KAAK,CAAyD;IACtE,OAAO,CAAC,eAAe,CAA+B;IACtD,OAAO,CAAC,aAAa,CAAiC;IACtD,OAAO,CAAC,aAAa,CAAiC;IAGtD,OAAO,CAAC,cAAc,CAAsE;IAE5F,OAAO,KAAK,eAAe,GAE1B;IAED,OAAO,KAAK,aAAa,GAExB;IAED,OAAO,KAAK,WAAW,GAEtB;IAED,gBAAgB;IAChB,IAAI,oBAAoB,IAAI,OAAO,CAElC;IAED,OAAO,KAAK,aAAa,GAExB;IAED,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAI7B,iBAAiB;IAejB,oBAAoB;IAW7B,OAAO,CAAC,aAAa;IAUZ,YAAY;IAaZ,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAU9C,aAAa;IA0Eb,OAAO,CAAC,sBAAsB;IA2C9B,kFAAkF;IAC5E,gBAAgB,IAAI,OAAO,CAAC,IAAI,CAAC;IAOvC,gBAAgB;IAIhB,OAAO,CAAC,wBAAwB;IAUhC,wBAAwB,CAAC,CAAC,EAAE,UAAU;IAItC,yBAAyB,CAAC,CAAC,EAAE,KAAK;IASlC,oFAAoF;IAC9E,kBAAkB,IAAI,OAAO,CAAC,IAAI,CAAC;IAOzC,kBAAkB;IAIlB,OAAO,CAAC,0BAA0B;IAMlC,0BAA0B,CAAC,CAAC,EAAE,UAAU;IAIxC,2BAA2B,CAAC,CAAC,EAAE,KAAK;IASpC,OAAO,CAAC,mBAAmB;IAc3B,OAAO,CAAC,cAAc,CAQpB;IAEF,OAAO,CAAC,UAAU;IAwBlB,OAAO,CAAC,oBAAoB;IAMnB,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,4BAA4B,EAAE,uBAAuB,CAAC;KACtD;CACD"}
+{"version":3,"file":"navigation-split-view.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/split-views/navigation-split-view/navigation-split-view.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAMjC,qBACa,uBAAwB,SAAQ,UAAU;IACtD,OAAgB,MAAM,0BAA6B;IAGnD,mBAAmB,UAAS;IAG5B,gBAAgB,UAAS;IAGzB,qBAAqB,UAAS;IAE9B;;OAEG;IAEH,cAAc,UAAS;IAEvB,sDAAsD;IAEtD,wBAAwB,SAAa;IAErC,4DAA4D;IAE5D,6BAA6B,SAAe;IAE5C;;;OAGG;IAEH,sBAAsB,SAAM;IAE5B;;;OAGG;IACH,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED;;;OAGG;IACH,IAAI,4BAA4B,IAAI,MAAM,CAEzC;IAID,mBAAmB,UAAS;IAG5B,qBAAqB,UAAS;IAG9B,SAAS,UAAQ;IAGjB,cAAc,UAAQ;IAEtB,OAAO,CAAC,KAAK,CAAiE;IAC9E,OAAO,CAAC,eAAe,CAA+B;IACtD,OAAO,CAAC,aAAa,CAAiC;IACtD,OAAO,CAAC,aAAa,CAAiC;IAGtD,OAAO,CAAC,cAAc,CAA6E;IAEnG,OAAO,KAAK,eAAe,GAE1B;IAED,OAAO,KAAK,oBAAoB,GAE/B;IAED,OAAO,KAAK,kBAAkB,GAE7B;IAED,gBAAgB;IAChB,IAAI,oBAAoB,IAAI,OAAO,CAElC;IAED,OAAO,KAAK,aAAa,GAExB;IAED,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAQ7B,iBAAiB;IAejB,oBAAoB;IAW7B,OAAO,CAAC,aAAa;IAUZ,YAAY;IAaZ,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAU9C,aAAa;IA0Eb,OAAO,CAAC,sBAAsB;IA2C9B,0FAA0F;IACpF,uBAAuB,IAAI,OAAO,CAAC,IAAI,CAAC;IAO9C,uBAAuB;IAIvB,iDAAiD;IACjD,gBAAgB,IAAI,OAAO,CAAC,IAAI,CAAC;IAIjC,iDAAiD;IACjD,gBAAgB,IAAI,IAAI;IAIxB,OAAO,CAAC,+BAA+B;IAevC,+BAA+B,CAAC,CAAC,EAAE,UAAU;IAI7C,gCAAgC,CAAC,CAAC,EAAE,KAAK;IASzC,oFAAoF;IAC9E,kBAAkB,IAAI,OAAO,CAAC,IAAI,CAAC;IAOzC,kBAAkB;IAIlB,OAAO,CAAC,0BAA0B;IAMlC,0BAA0B,CAAC,CAAC,EAAE,UAAU;IAIxC,2BAA2B,CAAC,CAAC,EAAE,KAAK;IASpC,OAAO,CAAC,mBAAmB;IAc3B,OAAO,CAAC,cAAc,CAQpB;IAEF,OAAO,CAAC,UAAU;IAwBlB,OAAO,CAAC,oBAAoB;IAMnB,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,4BAA4B,EAAE,uBAAuB,CAAC;KACtD;CACD"}

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

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 /**
  * Nederlandse Digitale Dienst Navigation Split View Component (Lit + TypeScript)
  *
- * A four-column layout with a sidebar, secondary sidebar, main content area, and inspector.
+ * A four-column layout with a primary sidebar, secondary sidebar, main content area, and inspector.
  * The sidebars show navigation or lists, the main area shows primary content,
  * and the inspector shows additional details or properties of the selection.
  * Panes are shown automatically when content is slotted into them.
@@ -17,21 +17,26 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
  * Use <code>nldd-split-view-pane</code> as direct children for automatic
  * back button handling.
  *
- * @attr {boolean} inspector-auto-hidden       - Inspector hidden to free up space for other panes (read-only, set by the split view)
- * @attr {boolean} inspector-as-sheet          - Always show the inspector as a sheet regardless of available space
- * @attr {boolean} sidebar-as-sheet            - Always show the sidebar as a sheet, keeping main visible at full width
- * @attr {string}  inspector-accessible-label  - Accessible name for the inspector sheet dialog (default: 'Details')
- * @attr {string}  sidebar-accessible-label    - Accessible name for the sidebar sheet dialog (default: 'Navigatie')
+ * @attr {boolean} inspector-auto-hidden                - Inspector hidden to free up space for other panes (read-only, set by the split view)
+ * @attr {boolean} inspector-as-sheet                   - Always show the inspector as a sheet regardless of available space
+ * @attr {boolean} primary-sidebar-as-sheet             - Always show the primary sidebar as a sheet, keeping main visible at full width
+ * @attr {string}  inspector-accessible-label           - Accessible name for the inspector sheet dialog (default: 'Details')
+ * @attr {string}  primary-sidebar-accessible-label     - Accessible name for the primary sidebar sheet dialog (default: 'Navigatie')
+ * @attr {boolean} sidebar-as-sheet                     - @deprecated alias for primary-sidebar-as-sheet (kept for backwards compatibility)
+ * @attr {string}  sidebar-accessible-label             - @deprecated alias for primary-sidebar-accessible-label (kept for backwards compatibility)
  *
- * @slot sidebar           - Left pane for primary navigation
+ * @slot primary-sidebar   - Left pane for primary navigation
  * @slot secondary-sidebar - Second pane for secondary navigation (shown when slotted)
  * @slot main              - Center pane for primary content
  * @slot inspector         - Right pane for details or properties
+ * @slot sidebar           - @deprecated alias for the primary-sidebar slot (kept for backwards compatibility)
  *
- * @method showInspectorSheet() - Opens the inspector as a sheet (async); only has effect when inspector-auto-hidden or inspector-as-sheet is active
- * @method hideInspectorSheet() - Closes the inspector sheet
- * @method showSidebarSheet()   - Opens the sidebar as a sheet (async); only has effect when sidebar-as-sheet is active
- * @method hideSidebarSheet()   - Closes the sidebar sheet
+ * @method showInspectorSheet()       - Opens the inspector as a sheet (async); only has effect when inspector-auto-hidden or inspector-as-sheet is active
+ * @method hideInspectorSheet()       - Closes the inspector sheet
+ * @method showPrimarySidebarSheet()  - Opens the primary sidebar as a sheet (async); only has effect when primary-sidebar-as-sheet is active
+ * @method hidePrimarySidebarSheet()  - Closes the primary sidebar sheet
+ * @method showSidebarSheet()         - @deprecated alias for showPrimarySidebarSheet() (kept for backwards compatibility)
+ * @method hideSidebarSheet()         - @deprecated alias for hidePrimarySidebarSheet() (kept for backwards compatibility)
  */
 import { LitElement } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
@@ -43,13 +48,22 @@ let NLDDNavigationSplitView = class NLDDNavigationSplitView extends LitElement {
         super(...arguments);
         this.inspectorAutoHidden = false;
         this.inspectorAsSheet = false;
+        this.primarySidebarAsSheet = false;
+        /**
+         * @deprecated Use primary-sidebar-as-sheet. Kept as an alias for backwards compatibility.
+         */
         this.sidebarAsSheet = false;
         /** Accessible name for the inspector sheet dialog. */
         this.inspectorAccessibleLabel = 'Details';
-        /** Accessible name for the sidebar sheet dialog. */
-        this.sidebarAccessibleLabel = 'Navigatie';
+        /** Accessible name for the primary sidebar sheet dialog. */
+        this.primarySidebarAccessibleLabel = 'Navigatie';
+        /**
+         * @deprecated Use primary-sidebar-accessible-label. Kept as an alias for backwards compatibility.
+         * Empty by default so it does not clobber the new property's default.
+         */
+        this.sidebarAccessibleLabel = '';
         // Internal visibility driven by layout algorithm — not part of public API
-        this._showSidebar = false;
+        this._showPrimarySidebar = false;
         this._showSecondarySidebar = false;
         this._showMain = true;
         this._showInspector = true;
@@ -58,29 +72,43 @@ let NLDDNavigationSplitView = class NLDDNavigationSplitView extends LitElement {
         this._paneObserver = null;
         this._hostObserver = null;
         // Cached pane min-widths — read from CSS in firstUpdated
-        this._paneMinWidths = { sidebar: 320, secondarySidebar: 320, main: 480, inspector: 320 };
+        this._paneMinWidths = { primarySidebar: 320, secondarySidebar: 320, main: 480, inspector: 320 };
         // ----------------------------------------------------------------
         // Shared sheet helpers
         // ----------------------------------------------------------------
         this._handleDismiss = (e) => {
             // Route dismiss events to the correct sheet based on composed path
             const path = e.composedPath();
-            if (path.some(el => el === this._sidebarSheet)) {
-                this.hideSidebarSheet();
+            if (path.some(el => el === this._primarySidebarSheet)) {
+                this.hidePrimarySidebarSheet();
             }
             else if (this.inspectorAutoHidden || this.inspectorAsSheet) {
                 this.hideInspectorSheet();
             }
         };
     }
+    /**
+     * Effective sheet mode — true when either the new property or the deprecated alias is set.
+     * Read by the template, so it stays accessible (underscore-prefixed = internal API).
+     */
+    get _asSheet() {
+        return this.primarySidebarAsSheet || this.sidebarAsSheet;
+    }
+    /**
+     * Effective primary sidebar sheet label — the deprecated alias wins when set, else the new property.
+     * Read by the template, so it stays accessible (underscore-prefixed = internal API).
+     */
+    get _resolvedPrimarySidebarLabel() {
+        return this.sidebarAccessibleLabel || this.primarySidebarAccessibleLabel;
+    }
     get _inspectorSheet() {
         return this.shadowRoot?.querySelector('.navigation-split-view__inspector-sheet') ?? null;
     }
-    get _sidebarSheet() {
-        return this.shadowRoot?.querySelector('.navigation-split-view__sidebar-sheet') ?? null;
+    get _primarySidebarSheet() {
+        return this.shadowRoot?.querySelector('.navigation-split-view__primary-sidebar-sheet') ?? null;
     }
-    get _hasSidebar() {
-        return this.querySelector(':scope > [slot="sidebar"]') !== null;
+    get _hasPrimarySidebar() {
+        return this.querySelector(':scope > :is([slot="primary-sidebar"], [slot="sidebar"])') !== null;
     }
     /** @internal */
     get _hasSecondarySidebar() {
@@ -90,7 +118,11 @@ let NLDDNavigationSplitView = class NLDDNavigationSplitView extends LitElement {
         return this.querySelector(':scope > [slot="inspector"]') !== null;
     }
     _paneHasContent(slot) {
-        return this.querySelector(`:scope > nldd-split-view-pane[slot="${slot}"]`)?.hasAttribute('has-content') ?? false;
+        // The primary-sidebar slot also matches the deprecated 'sidebar' alias
+        const selector = slot === 'primary-sidebar'
+            ? ':scope > nldd-split-view-pane:is([slot="primary-sidebar"], [slot="sidebar"])'
+            : `:scope > nldd-split-view-pane[slot="${slot}"]`;
+        return this.querySelector(selector)?.hasAttribute('has-content') ?? false;
     }
     connectedCallback() {
         super.connectedCallback();
@@ -129,7 +161,7 @@ let NLDDNavigationSplitView = class NLDDNavigationSplitView extends LitElement {
         const style = getComputedStyle(this);
         const read = (prop) => parseFloat(style.getPropertyValue(prop));
         this._paneMinWidths = {
-            sidebar: read('--_sidebar-min-width') || this._paneMinWidths.sidebar,
+            primarySidebar: read('--_primary-sidebar-min-width') || this._paneMinWidths.primarySidebar,
             secondarySidebar: read('--_secondary-sidebar-min-width') || this._paneMinWidths.secondarySidebar,
             main: read('--_main-min-width') || this._paneMinWidths.main,
             inspector: read('--_inspector-min-width') || this._paneMinWidths.inspector,
@@ -137,7 +169,7 @@ let NLDDNavigationSplitView = class NLDDNavigationSplitView extends LitElement {
         this._updateLayout();
     }
     updated(changed) {
-        if (changed.has('inspectorAsSheet') || changed.has('sidebarAsSheet')) {
+        if (changed.has('inspectorAsSheet') || changed.has('primarySidebarAsSheet') || changed.has('sidebarAsSheet')) {
             this._updateLayout();
         }
         // Close inspector sheet immediately when inspector-auto-hidden clears and inspector-as-sheet is not set
@@ -147,15 +179,15 @@ let NLDDNavigationSplitView = class NLDDNavigationSplitView extends LitElement {
     }
     _updateLayout() {
         const width = this.getBoundingClientRect().width;
-        const { sidebar: sidebarMin, secondarySidebar: secondarySidebarMin, main: mainMin, inspector: inspectorMin } = this._paneMinWidths;
-        // When sidebar-as-sheet, sidebars never render inline — main always fills full width
-        let sidebar = this.sidebarAsSheet ? false : this._hasSidebar;
-        let secondarySidebar = this.sidebarAsSheet ? false : this._hasSecondarySidebar;
+        const { primarySidebar: primarySidebarMin, secondarySidebar: secondarySidebarMin, main: mainMin, inspector: inspectorMin } = this._paneMinWidths;
+        // When primary-sidebar-as-sheet, sidebars never render inline — main always fills full width
+        let primarySidebar = this._asSheet ? false : this._hasPrimarySidebar;
+        let secondarySidebar = this._asSheet ? false : this._hasSecondarySidebar;
         let main = true;
         let inspector = this._hasInspector;
         // Sum min-widths of currently requested panes
         const requestedWidth = () => [
-            sidebar && sidebarMin,
+            primarySidebar && primarySidebarMin,
             secondarySidebar && secondarySidebarMin,
             main && mainMin,
             inspector && inspectorMin,
@@ -163,17 +195,17 @@ let NLDDNavigationSplitView = class NLDDNavigationSplitView extends LitElement {
         // Step 1: hide inspector if not enough space
         if (inspector && requestedWidth() > width)
             inspector = false;
-        // Step 2: collapse sidebar into secondary sidebar if still not enough space
-        if (sidebar && secondarySidebar && requestedWidth() > width)
-            sidebar = false;
+        // Step 2: collapse primary sidebar into secondary sidebar if still not enough space
+        if (primarySidebar && secondarySidebar && requestedWidth() > width)
+            primarySidebar = false;
         // Determine mode
-        const sidebarCollapsed = this._hasSidebar && this._hasSecondarySidebar && !sidebar && secondarySidebar;
+        const primarySidebarCollapsed = this._hasPrimarySidebar && this._hasSecondarySidebar && !primarySidebar && secondarySidebar;
         const fits = requestedWidth() <= width;
         let mode;
-        if (sidebarCollapsed && fits) {
-            mode = 'sidebar-stack';
+        if (primarySidebarCollapsed && fits) {
+            mode = 'primary-sidebar-stack';
         }
-        else if (!sidebarCollapsed && fits) {
+        else if (!primarySidebarCollapsed && fits) {
             mode = 'spatial';
         }
         else {
@@ -181,29 +213,29 @@ let NLDDNavigationSplitView = class NLDDNavigationSplitView extends LitElement {
         }
         // Full-stack: show only the deepest pane with content
         if (mode === 'full-stack') {
-            sidebar = false;
+            primarySidebar = false;
             secondarySidebar = false;
             main = false;
             inspector = false;
-            // Priority: main > secondary sidebar (if available) > sidebar (if available) > main fallback
+            // Priority: main > secondary sidebar (if available) > primary sidebar (if available) > main fallback
             if (this._paneHasContent('main')) {
                 main = true;
             }
             else if (this._hasSecondarySidebar && this._paneHasContent('secondary-sidebar')) {
                 secondarySidebar = true;
             }
-            else if (this._hasSidebar && this._paneHasContent('sidebar')) {
-                sidebar = true;
+            else if (this._hasPrimarySidebar && this._paneHasContent('primary-sidebar')) {
+                primarySidebar = true;
             }
             else {
                 main = true; // fallback to empty state
             }
         }
         // No nav and no content — hide inspector
-        if (!sidebar && !secondarySidebar && inspector && !this._paneHasContent('main')) {
+        if (!primarySidebar && !secondarySidebar && inspector && !this._paneHasContent('main')) {
             inspector = false;
         }
-        this._showSidebar = sidebar;
+        this._showPrimarySidebar = primarySidebar;
         this._showSecondarySidebar = secondarySidebar;
         this._showMain = main;
         // Inspector shown inline only when it fits AND consumer has not forced sheet mode
@@ -215,32 +247,32 @@ let NLDDNavigationSplitView = class NLDDNavigationSplitView extends LitElement {
     }
     _updatePaneBackButtons() {
         const panes = {
-            sidebar: this.querySelector(':scope > nldd-split-view-pane[slot="sidebar"]'),
+            primarySidebar: this.querySelector(':scope > nldd-split-view-pane:is([slot="primary-sidebar"], [slot="sidebar"])'),
             secondarySidebar: this.querySelector(':scope > nldd-split-view-pane[slot="secondary-sidebar"]'),
             main: this.querySelector(':scope > nldd-split-view-pane[slot="main"]'),
         };
-        // When sidebar-as-sheet, main is always the only visible inline pane — no back buttons
-        // Secondary sidebar in the sheet can go back to sidebar — keep its back button
-        if (this.sidebarAsSheet) {
+        // When primary-sidebar-as-sheet, main is always the only visible inline pane — no back buttons
+        // Secondary sidebar in the sheet can go back to the primary sidebar — keep its back button
+        if (this._asSheet) {
             panes.secondarySidebar?.removeAttribute('hide-back');
             panes.main?.setAttribute('hide-back', '');
             return;
         }
-        // All panes visible side by side — sidebar never gets hide-back,
-        // secondary sidebar gets hide-back because sidebar is visible alongside it
+        // All panes visible side by side — primary sidebar never gets hide-back,
+        // secondary sidebar gets hide-back because the primary sidebar is visible alongside it
         if (this._mode === 'spatial') {
             panes.secondarySidebar?.setAttribute('hide-back', '');
             panes.main?.setAttribute('hide-back', '');
             return;
         }
-        // Sidebar is hidden — secondary sidebar can go back to it
+        // Primary sidebar is hidden — secondary sidebar can go back to it
         // Main is visible alongside secondary sidebar — no sequential navigation
-        if (this._mode === 'sidebar-stack') {
+        if (this._mode === 'primary-sidebar-stack') {
             panes.secondarySidebar?.removeAttribute('hide-back');
             panes.main?.setAttribute('hide-back', '');
             return;
         }
-        // Sidebar never gets hide-back — consumer controls navigation depth
+        // Primary sidebar never gets hide-back — consumer controls navigation depth
         if (this._mode === 'full-stack') {
             panes.secondarySidebar?.removeAttribute('hide-back');
             panes.main?.removeAttribute('hide-back');
@@ -248,35 +280,47 @@ let NLDDNavigationSplitView = class NLDDNavigationSplitView extends LitElement {
         }
     }
     // ----------------------------------------------------------------
-    // Sidebar sheet
+    // Primary sidebar sheet
     // ----------------------------------------------------------------
-    /** Opens the sidebar as a sheet. Awaitable — resolves once the dialog is open. */
-    async showSidebarSheet() {
-        if (!this.sidebarAsSheet)
+    /** Opens the primary sidebar as a sheet. Awaitable — resolves once the dialog is open. */
+    async showPrimarySidebarSheet() {
+        if (!this._asSheet)
             return;
         await this.updateComplete;
-        this._sidebarSheet?.showModal();
-        this._manageSidebarSheetFocus();
+        this._primarySidebarSheet?.showModal();
+        this._managePrimarySidebarSheetFocus();
+    }
+    hidePrimarySidebarSheet() {
+        this._hideSheet(this._primarySidebarSheet);
     }
+    /** @deprecated Use showPrimarySidebarSheet(). */
+    showSidebarSheet() {
+        return this.showPrimarySidebarSheet();
+    }
+    /** @deprecated Use hidePrimarySidebarSheet(). */
     hideSidebarSheet() {
-        this._hideSheet(this._sidebarSheet);
-    }
-    _manageSidebarSheetFocus() {
-        // Focus the active slot — secondary sidebar when it has content, sidebar otherwise
-        const activeSlotName = this._hasSecondarySidebar && this._paneHasContent('secondary-sidebar')
-            ? 'secondary-sidebar'
-            : 'sidebar';
-        const slot = this.shadowRoot?.querySelector(`slot[name="${activeSlotName}"]`);
-        const assigned = slot?.assignedElements({ flatten: true }) ?? [];
-        this._manageFocusForSlot(assigned, this._sidebarSheet);
+        this.hidePrimarySidebarSheet();
     }
-    _handleSidebarSheetClick(e) {
-        if (e.target === this._sidebarSheet)
-            this.hideSidebarSheet();
+    _managePrimarySidebarSheetFocus() {
+        // Focus the secondary sidebar slot when it has content
+        if (this._hasSecondarySidebar && this._paneHasContent('secondary-sidebar')) {
+            const slot = this.shadowRoot?.querySelector('slot[name="secondary-sidebar"]');
+            const assigned = slot?.assignedElements({ flatten: true }) ?? [];
+            this._manageFocusForSlot(assigned, this._primarySidebarSheet);
+            return;
+        }
+        // Otherwise gather assigned elements from both the primary-sidebar slot and its deprecated 'sidebar' alias
+        const slots = this.shadowRoot?.querySelectorAll('slot[name="primary-sidebar"], slot[name="sidebar"]') ?? [];
+        const assigned = Array.from(slots).flatMap(slot => slot.assignedElements({ flatten: true }));
+        this._manageFocusForSlot(assigned, this._primarySidebarSheet);
+    }
+    _handlePrimarySidebarSheetClick(e) {
+        if (e.target === this._primarySidebarSheet)
+            this.hidePrimarySidebarSheet();
     }
-    _handleSidebarSheetCancel(e) {
+    _handlePrimarySidebarSheetCancel(e) {
         e.preventDefault();
-        this.hideSidebarSheet();
+        this.hidePrimarySidebarSheet();
     }
     // ----------------------------------------------------------------
     // Inspector sheet
@@ -357,18 +401,24 @@ __decorate([
 __decorate([
     property({ type: Boolean, reflect: true, attribute: 'inspector-as-sheet' })
 ], NLDDNavigationSplitView.prototype, "inspectorAsSheet", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'primary-sidebar-as-sheet' })
+], NLDDNavigationSplitView.prototype, "primarySidebarAsSheet", void 0);
 __decorate([
     property({ type: Boolean, reflect: true, attribute: 'sidebar-as-sheet' })
 ], NLDDNavigationSplitView.prototype, "sidebarAsSheet", void 0);
 __decorate([
     property({ type: String, attribute: 'inspector-accessible-label' })
 ], NLDDNavigationSplitView.prototype, "inspectorAccessibleLabel", void 0);
+__decorate([
+    property({ type: String, attribute: 'primary-sidebar-accessible-label' })
+], NLDDNavigationSplitView.prototype, "primarySidebarAccessibleLabel", void 0);
 __decorate([
     property({ type: String, attribute: 'sidebar-accessible-label' })
 ], NLDDNavigationSplitView.prototype, "sidebarAccessibleLabel", void 0);
 __decorate([
     state()
-], NLDDNavigationSplitView.prototype, "_showSidebar", void 0);
+], NLDDNavigationSplitView.prototype, "_showPrimarySidebar", void 0);
 __decorate([
     state()
 ], NLDDNavigationSplitView.prototype, "_showSecondarySidebar", void 0);