@ds-mo/ui 14.11.1 → 14.13.0

package/dist/react/components.d.ts

@@ -54,6 +54,7 @@ export { DsPanelSubNav } from "./ds-panel-sub-nav.js";
 export { DsPanelToolHeader } from "./ds-panel-tool-header.js";
 export { DsPanelToolSearch } from "./ds-panel-tool-search.js";
 export { DsPanelTools } from "./ds-panel-tools.js";
+export { DsPaperTexture } from "./ds-paper-texture.js";
 export { DsRadio } from "./ds-radio.js";
 export { DsScrollOverlay } from "./ds-scroll-overlay.js";
 export { DsSelect } from "./ds-select.js";

package/dist/react/components.js

@@ -55,6 +55,7 @@ export { DsPanelSubNav } from "./ds-panel-sub-nav.js";
 export { DsPanelToolHeader } from "./ds-panel-tool-header.js";
 export { DsPanelToolSearch } from "./ds-panel-tool-search.js";
 export { DsPanelTools } from "./ds-panel-tools.js";
+export { DsPaperTexture } from "./ds-paper-texture.js";
 export { DsRadio } from "./ds-radio.js";
 export { DsScrollOverlay } from "./ds-scroll-overlay.js";
 export { DsSelect } from "./ds-select.js";

package/dist/react/ds-paper-texture.d.ts

@@ -0,0 +1,9 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { StencilReactComponent } from './react-runtime.js';
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsPaperTexture as DsPaperTextureElement } from "@ds-mo/ui/dist/components/ds-paper-texture.js";
+export type DsPaperTextureEvents = NonNullable<unknown>;
+export declare const DsPaperTexture: StencilReactComponent<DsPaperTextureElement, DsPaperTextureEvents, Components.DsPaperTexture>;

package/dist/react/ds-paper-texture.js

@@ -0,0 +1,12 @@
+'use client';
+import { createComponent } from './react-runtime.js';
+import React from 'react';
+import { DsPaperTexture as DsPaperTextureElement, defineCustomElement as defineDsPaperTexture } from "@ds-mo/ui/dist/components/ds-paper-texture.js";
+export const DsPaperTexture = /*@__PURE__*/ createComponent({
+    tagName: 'ds-paper-texture',
+    elementClass: DsPaperTextureElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsPaperTexture
+});

package/dist/styles/table.css

@@ -232,6 +232,11 @@
   contain: layout style;
 }
 
+/* Bound style and layout invalidation to recycled row shells during window updates. */
+:where(.ds-table__table--virtual .ds-table__row) {
+  contain: layout style;
+}
+
 :where(.ds-table__table--native-group-sticky .ds-table__header-row),
 :where(.ds-table__table--native-group-sticky .ds-table__row),
 :where(.ds-table__table--native-group-sticky .ds-table__skeleton-row) {

package/dist/types/components/Pagination/Pagination.d.ts

@@ -13,6 +13,8 @@ export declare class Pagination {
     pageSizeOptions: number[];
     /** Include the Fit to page choice. */
     fitToPage: boolean;
+    /** Keep the Fit to page choice visible but unavailable. */
+    fitToPageInactive: boolean;
     /** Effective whole-item capacity to request when Fit is selected. */
     fitPageSize: number | undefined;
     /** Full choice-list label for Fit. */

package/dist/types/components/Pagination/pagination-types.d.ts

@@ -14,6 +14,8 @@ export interface PaginationState {
     pageSizeOptions?: number[];
     /** Include a Fit to page option. The owner supplies the effective fitted size. */
     fitToPage?: boolean;
+    /** Keep the Fit to page option visible but unavailable for the current data shape. */
+    fitToPageInactive?: boolean;
     /** Effective page size proposed when Fit to page is selected. */
     fitPageSize?: number;
     /** Full option label for Fit in the open choice list. */

package/dist/types/components/PanelTools/PanelTools.d.ts

@@ -101,6 +101,7 @@ export declare class PanelTools {
     private isViewActive;
     private hasFullView;
     private syncFullViewTools;
+    private get renderRoot();
     private headerLabel;
     private resolvedHeaders;
     private activeHeader;

package/dist/types/components/PaperTexture/PaperTexture.d.ts

@@ -0,0 +1,18 @@
+import { type PaperTextureConfig } from './paper-texture-types';
+export declare class PaperTexture {
+    el: HTMLElement;
+    /** Paper Design shader parameters. Set as a JavaScript property. */
+    config: PaperTextureConfig;
+    private shaderMount?;
+    private syncGeneration;
+    private hasLoaded;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    onConfigChange(): void;
+    private resolvedConfig;
+    private syncShader;
+    private buildUniforms;
+    private disposeShader;
+    render(): any;
+}
+//# sourceMappingURL=PaperTexture.d.ts.map

package/dist/types/components/PaperTexture/paper-texture-types.d.ts

@@ -0,0 +1,39 @@
+export type PaperTextureFit = 'none' | 'contain' | 'cover';
+/**
+ * Literal parameters forwarded to Paper Design's paper texture shader.
+ * Colors intentionally remain ordinary CSS color strings; they are not token
+ * references and are parsed once into shader RGBA uniforms.
+ */
+export interface PaperTextureConfig {
+    image?: HTMLImageElement | string;
+    colorFront?: string;
+    colorBack?: string;
+    contrast?: number;
+    roughness?: number;
+    fiber?: number;
+    fiberSize?: number;
+    crumples?: number;
+    crumpleSize?: number;
+    folds?: number;
+    foldCount?: number;
+    fade?: number;
+    drops?: number;
+    seed?: number;
+    fit?: PaperTextureFit;
+    scale?: number;
+    rotation?: number;
+    originX?: number;
+    originY?: number;
+    offsetX?: number;
+    offsetY?: number;
+    worldWidth?: number;
+    worldHeight?: number;
+    speed?: number;
+    frame?: number;
+    minPixelRatio?: number;
+    maxPixelCount?: number;
+    /** CSS opacity applied after the shader has rendered. */
+    opacity?: number;
+}
+export declare const DEFAULT_PAPER_TEXTURE_CONFIG: Required<Omit<PaperTextureConfig, 'image'>>;
+//# sourceMappingURL=paper-texture-types.d.ts.map

package/dist/types/components/ShellApp/ShellApp.d.ts

@@ -6,6 +6,7 @@ import { type ShellGradientPreset } from '../../shell/shell-gradient-presets';
 import { type MobileDestination, type ShellResponsiveMode } from '../../shell/shell-responsive';
 import type { PanelNavUserActionDetail } from '../PanelNav/panel-nav-types';
 import type { ShellAppComposition, ShellNavigationConfig, ShellPageChromeConfig, ShellToolsConfig } from './shell-app-types';
+import type { PaperTextureConfig } from '../PaperTexture/paper-texture-types';
 export declare class ShellApp {
     private static readonly FOREGROUND_REFRESH_MS;
     /** Managed renders the complete responsive chrome; slotted exposes the advanced composition. */
@@ -23,6 +24,8 @@ export declare class ShellApp {
      * presets use token-based washes that adapt to the active color theme.
      */
     gradientPreset: ShellGradientPreset;
+    /** Optional decorative Paper Design texture layered above the shell wash. */
+    paperTexture?: PaperTextureConfig;
     /** When `true` (default), registers global shell keyboard shortcuts. `[` toggles panel nav; `]` closes tools; K, A, S, M, N, and / toggle tool drawers. Modifiers are ignored so browser chords like ⌘N stay native. */
     shortcutsEnabled: boolean;
     /** Controlled mobile surface shown above the persistent bottom bar. */
@@ -73,8 +76,6 @@ export declare class ShellApp {
     private toolsFullscreen;
     private resolvedMode;
     private managedToolsOpen;
-    /** Keep page capacity aligned with the drawer until its closing clip reaches zero. */
-    private managedToolsClosing;
     private managedActiveTool;
     private managedToolPresentation;
     private managedMobileDestination;
@@ -132,6 +133,8 @@ export declare class ShellApp {
     /** Fixed-attachment wash/grid size — always the viewport, never the shell element box. */
     private resolveViewportDimensions;
     private chromeLayerActive;
+    private gradientLayerActive;
+    private paperTextureLayerActive;
     handleWindowKeyDown(e: KeyboardEvent): void;
     /** Open or toggle a managed global tool from application-owned UI. */
     activateTool(id: PanelToolsToolId): Promise<void>;
@@ -160,6 +163,8 @@ export declare class ShellApp {
     private get currentArea();
     private toolDot;
     private syncChrome;
+    private syncPaperTextureLayout;
+    private renderPaperTexture;
     private renderManagedPanelNav;
     private renderManagedBarNav;
     private renderManagedToolSlots;

package/dist/types/components/Table/Table.d.ts

@@ -32,7 +32,8 @@ export declare class Table {
     /**
      * Optional result summary footer. When both `displayedCount` and `totalCount`
      * are finite numbers, infinite mode shows “Displaying {displayed} of {total}”.
-     * Virtual mode ignores `displayedCount` and shows a total-only summary.
+     * Virtual mode ignores `displayedCount` and derives its total from the
+     * complete supplied rows; a mismatched `totalCount` emits a warning.
      */
     displayedCount: number | undefined;
     totalCount: number | undefined;
@@ -58,6 +59,8 @@ export declare class Table {
     selectedRowIds: string[];
     /** Initial loading state. Existing rows stay visible; incremental loading uses loadingMore. */
     loading: boolean;
+    /** Replace opted-in table-owned caption controls with same-size visual skeletons. */
+    chromeLoading: boolean;
     /** Initial-loading rows. Defaults to ten so bounded tables retain a useful filled viewport. */
     skeletonRows: number;
     emptyHeading: string;
@@ -120,6 +123,7 @@ export declare class Table {
     private activeStickyGroupId;
     private viewportFitSettled;
     private headerPresent;
+    private footerSlotPresence;
     private fitPageSize;
     private actionMenu;
     private actionMenuInitialFocusVisible;
@@ -137,6 +141,11 @@ export declare class Table {
     private truncateTooltipBound;
     private focusedRowId;
     private virtualItems;
+    private visibleColumnsCache;
+    private renderModelCache;
+    private virtualItemsCache;
+    private virtualLookupCache;
+    private virtualRowPoolStates;
     private rootEl;
     private viewportEl;
     private frameEl;
@@ -148,10 +157,12 @@ export declare class Table {
     private incrementalWindowActive;
     private readonly groupSentinelEls;
     private previousModelWarning;
+    private modelWarningQueued;
     private hasLoaded;
     private renderedModel;
     private stickyGroupConnected;
     private headerSlotObserver;
+    private footerSlotObserver;
     private fitResizeObserver;
     private fitObservedViewport;
     private fitObservedTable;
@@ -168,12 +179,15 @@ export declare class Table {
     disconnectedCallback(): void;
     private syncHeaderSlotPresence;
     private connectHeaderSlotObserver;
+    private syncFooterSlotPresence;
+    private connectFooterSlotObserver;
     private connectStickyGroup;
     private syncStickyGroupConnection;
     private disconnectStickyGroup;
     private readonly updateStickyGroup;
     handleStructureChange(): void;
     handleDataChange(): void;
+    handleTotalCountChange(): void;
     handleLoadIdentityChange(): void;
     handleVirtualIndexReset(): void;
     handleLazyConfigurationChange(): void;
@@ -184,6 +198,7 @@ export declare class Table {
     handleHasMoreChange(hasMore: boolean, hadMore: boolean): void;
     handleColumnCustomizerAvailability(): void;
     handleDataModeSwitcherAvailability(): void;
+    handleChromeLoadingChange(loading: boolean): void;
     private get grouped();
     private get hasIncrementalState();
     private get selectable();
@@ -204,6 +219,7 @@ export declare class Table {
     private createRenderModel;
     private get virtualizationEnabled();
     private get virtualViewportMissing();
+    private get hasVirtualViewportBounds();
     private estimateVirtualViewportSize;
     private virtualPinnedRowIds;
     private syncVirtualItems;
@@ -211,6 +227,7 @@ export declare class Table {
     private get resolvedMaxHeight();
     private get resolvedHeight();
     private warnModelIssues;
+    private scheduleModelIssueWarning;
     private emitSort;
     private sortButtonLabel;
     private emitRowSelection;
@@ -254,6 +271,7 @@ export declare class Table {
     private renderStickyGroup;
     private renderVirtualSpacer;
     private renderVirtualRow;
+    private virtualRowPoolKeys;
     private renderVirtualGroup;
     private renderVirtualBodies;
     private renderDataBodies;

package/dist/types/components/Table/table-layout-controller.d.ts

@@ -1,5 +1,6 @@
 export interface TableLayoutElements {
     viewport: HTMLElement | null;
+    contentTable: HTMLTableElement | null;
     stickyHeaderTable: HTMLTableElement | null;
     collapseAllOverlay: HTMLElement | null;
     frame: HTMLElement | null;
@@ -49,14 +50,19 @@ export declare class TableLayoutController {
     private readonly options;
     private connected;
     private connectedViewport;
+    private connectedContentTable;
     private resizeObserver;
     private frame;
     private overflow;
+    private inlineOffset;
+    private maxInlineOffset;
+    private maxBlockOffset;
+    private lastMode;
     constructor(options: TableLayoutControllerOptions);
     connect(): void;
     disconnect(): void;
     /** Reconcile newly rendered refs, observers, and pending geometry. */
-    refresh(): void;
+    refresh(forceGeometry?: boolean): void;
     private schedule;
     private readonly handleScroll;
     private readonly handleWheel;

package/dist/types/components/Table/table-model.d.ts

@@ -54,8 +54,9 @@ export declare function formatTableResultSummary(displayed: number | null | unde
 export declare function formatTableTotalSummary(total: number | null | undefined, label?: string, locale?: string): string | null;
 /**
  * True when a footer slot belongs to the table itself: a light-DOM child of the
- * host, or a node Stencil already relocated into the table footer. Nested
- * dialogs (saved-views modal actions) keep slot="footer" but are neither.
+ * host, or a top-level node Stencil relocated into this table's footer. A
+ * slotted ancestor marks a nested component boundary, so dialog action slots
+ * inside footer-leading/footer-trailing content cannot replace the table copy.
  */
 export declare function isOwnedTableFooterSlot(node: Element, host: Element): boolean;
 export declare function hasOwnedTableFooterSlot(host: Element, slotName: string): boolean;

package/dist/types/components/Table/table-viewport-fit-controller.d.ts

@@ -34,13 +34,17 @@ export declare function resolveTableViewportFitMetrics(input: TableViewportFitMe
 export declare class TableViewportFitController {
     private readonly options;
     private connected;
+    private connectedHost;
+    private connectedSurface;
     private scrollRoot;
     private resizeObserver;
     private metrics;
+    private insetBlockStart;
+    private insetBlockEnd;
     constructor(options: TableViewportFitControllerOptions);
     connect(): void;
     disconnect(): void;
-    refresh(): void;
+    refresh(forceGeometry?: boolean): void;
     /** Pass a fitted table's boundary wheel delta to its owning page scrollport. */
     scrollOuterBy(delta: number): boolean;
     private disconnectRuntime;

package/dist/types/components/Table/table-virtual-controller.d.ts

@@ -18,10 +18,19 @@ export declare class TableVirtualController {
     private connected;
     private connectedViewport;
     private resizeObserver;
+    private measurementObserver;
+    private measurementTargets;
+    private viewportWidth;
+    private viewportSize;
     private frame;
     private measures;
+    private measuredIds;
     private plan;
+    private index;
+    private indexedItems;
+    private indexDirty;
     private scrollOffset;
+    private scrollDirection;
     private pendingReset;
     private readonly raf;
     private readonly caf;
@@ -36,12 +45,16 @@ export declare class TableVirtualController {
     resetToTop(): void;
     sizeFor(item: TableVirtualItem): number;
     currentPlan(): TableVirtualPlan | null;
+    currentViewportSize(): number;
     /** Measure painted rows and correct scroll when estimates were wrong. */
     collectMeasurements(root: ParentNode | null): void;
-    private prefixForCurrentItems;
+    private applyMeasurements;
+    private syncMeasurementTargets;
+    private readonly handleViewportResize;
     private readonly handleScroll;
     private sync;
     private emit;
+    private ensureIndex;
     private unbindViewport;
     private cancelFrame;
 }

package/dist/types/components/Table/table-virtual-model.d.ts

@@ -21,6 +21,7 @@ export interface TableVirtualItem {
     groupId?: string;
     rowId?: string;
     estimatedSize: number;
+    variableSize: boolean;
 }
 export type TableVirtualNode = {
     kind: 'spacer';
@@ -61,6 +62,26 @@ export interface ResolveTableVirtualPlanInput {
     viewportSize: number;
     pinnedRowIds?: ReadonlySet<string>;
 }
+export interface TableVirtualIndex {
+    items: readonly TableVirtualItem[];
+    sizes: readonly number[];
+    prefix: readonly number[];
+    itemCount: number;
+    totalSize: number;
+    hasVariableSize: boolean;
+    grouped: boolean;
+    groupHeaderIndexes: readonly number[];
+    headerIndexByGroup: ReadonlyMap<string, number>;
+    groupEndByHeader: ReadonlyMap<number, number>;
+    rowIndexById: ReadonlyMap<string, number>;
+    itemIndexById: ReadonlyMap<string, number>;
+}
+export interface ResolveTableVirtualIndexedPlanInput {
+    scrollOffset: number;
+    viewportSize: number;
+    scrollDirection?: 'backward' | 'forward' | 'none';
+    pinnedRowIds?: ReadonlySet<string>;
+}
 /** Map a cell recipe onto the named track stack used for first-paint estimates. */
 export declare function estimateTableCellTrackCount(value: TableRow['cells'][string], column: TableColumn): number;
 /** Tallest named track stack across the row's visible cells. */
@@ -72,6 +93,10 @@ export declare function buildTableVirtualPrefixSums(sizes: readonly number[]): n
 export declare function findTableVirtualIndexAtOffset(prefix: readonly number[], offset: number): number;
 export declare function tableVirtualItemSizes(items: readonly TableVirtualItem[], measures: ReadonlyMap<string, number>): number[];
 export declare function sameTableVirtualPlan(left: TableVirtualPlan | null | undefined, right: TableVirtualPlan | null | undefined): boolean;
-/** Resolve the mounted slice, sticky headers, and in-flow spacers for one scroll offset. */
+/** Precompute dataset-wide lookup state. Rebuild only when items or their sizes change. */
+export declare function createTableVirtualIndex(items: readonly TableVirtualItem[], sizes: readonly number[]): TableVirtualIndex;
+/** Resolve the mounted slice from cached dataset-wide lookup state. */
+export declare function resolveTableVirtualPlanFromIndex(index: TableVirtualIndex, input: ResolveTableVirtualIndexedPlanInput): TableVirtualPlan;
+/** Resolve a one-off plan. Controllers retain and reuse a prepared index. */
 export declare function resolveTableVirtualPlan(input: ResolveTableVirtualPlanInput): TableVirtualPlan;
 //# sourceMappingURL=table-virtual-model.d.ts.map

package/dist/types/components/TableSavedViews/TableSavedViews.d.ts

@@ -6,7 +6,7 @@ export declare class TableSavedViews {
     views: TableSavedView[];
     /** ID of the controlled active view, including the default view ID. */
     value: string;
-    /** Whether the current table state differs from the selected view. */
+    /** Whether the current table state differs from the selected custom view. Ignored for the default view. */
     dirty: boolean;
     /** ID used for the built-in default view. */
     defaultViewId: string;

package/dist/types/components.d.ts

@@ -52,6 +52,7 @@ import { ChromeTransitionDetail } from "./shell/chrome-transition";
 import { PanelSubNavItem } from "./components/PanelSubNav/panel-sub-nav-types";
 import { PanelSubNavBackground } from "./components/PanelSubNav/PanelSubNav";
 import { PanelToolsHeaderAction, PanelToolsHeaders, PanelToolsItem, PanelToolsToolId } from "./components/PanelTools/panel-tools-types";
+import { PaperTextureConfig } from "./components/PaperTexture/paper-texture-types";
 import { RadioOption, RadioSize } from "./components/Radio/Radio";
 import { ScrollOverlayScrollDetail } from "./components/ScrollOverlay/ScrollOverlay";
 import { SelectBackground, SelectIndicator, SelectOption, SelectOptionActionDetail, SelectOptionSubtextActionDetail, SelectPopupAlign, SelectSection, SelectSize, SelectValue, SelectWidth } from "./components/Select/Select";
@@ -117,6 +118,7 @@ export { ChromeTransitionDetail } from "./shell/chrome-transition";
 export { PanelSubNavItem } from "./components/PanelSubNav/panel-sub-nav-types";
 export { PanelSubNavBackground } from "./components/PanelSubNav/PanelSubNav";
 export { PanelToolsHeaderAction, PanelToolsHeaders, PanelToolsItem, PanelToolsToolId } from "./components/PanelTools/panel-tools-types";
+export { PaperTextureConfig } from "./components/PaperTexture/paper-texture-types";
 export { RadioOption, RadioSize } from "./components/Radio/Radio";
 export { ScrollOverlayScrollDetail } from "./components/ScrollOverlay/ScrollOverlay";
 export { SelectBackground, SelectIndicator, SelectOption, SelectOptionActionDetail, SelectOptionSubtextActionDetail, SelectPopupAlign, SelectSection, SelectSize, SelectValue, SelectWidth } from "./components/Select/Select";
@@ -1829,6 +1831,11 @@ export namespace Components {
           * @default false
          */
         "fitToPage": boolean;
+        /**
+          * Keep the Fit to page choice visible but unavailable.
+          * @default false
+         */
+        "fitToPageInactive": boolean;
         /**
           * Localized plural noun used by assistive range announcements.
           * @default 'items'
@@ -2165,6 +2172,13 @@ export namespace Components {
          */
         "toolsLabel": string;
     }
+    interface DsPaperTexture {
+        /**
+          * Paper Design shader parameters. Set as a JavaScript property.
+          * @default {}
+         */
+        "config": PaperTextureConfig;
+    }
     interface DsRadio {
         /**
           * Accessible name when visible group labeling is unavailable.
@@ -2469,6 +2483,10 @@ export namespace Components {
           * @default {}
          */
         "pageChrome": ShellPageChromeConfig;
+        /**
+          * Optional decorative Paper Design texture layered above the shell wash.
+         */
+        "paperTexture"?: PaperTextureConfig;
         /**
           * Request drawer or fullscreen presentation for the active managed tool.
          */
@@ -2856,6 +2874,11 @@ export namespace Components {
           * @default 'hidden'
          */
         "captionVisibility": TableCaptionVisibility;
+        /**
+          * Replace opted-in table-owned caption controls with same-size visual skeletons.
+          * @default false
+         */
+        "chromeLoading": boolean;
         /**
           * Controlled collapsed group identities. Groups not listed remain expanded.
           * @default []
@@ -2895,7 +2918,7 @@ export namespace Components {
          */
         "dataModeSwitcherLabel": string;
         /**
-          * Optional result summary footer. When both `displayedCount` and `totalCount` are finite numbers, infinite mode shows “Displaying {displayed} of {total}”. Virtual mode ignores `displayedCount` and shows a total-only summary.
+          * Optional result summary footer. When both `displayedCount` and `totalCount` are finite numbers, infinite mode shows “Displaying {displayed} of {total}”. Virtual mode ignores `displayedCount` and derives its total from the complete supplied rows; a mismatched `totalCount` emits a warning.
          */
         "displayedCount": number | undefined;
         /**
@@ -3117,7 +3140,7 @@ export namespace Components {
          */
         "defaultViewLabel": string;
         /**
-          * Whether the current table state differs from the selected view.
+          * Whether the current table state differs from the selected custom view. Ignored for the default view.
           * @default false
          */
         "dirty": boolean;
@@ -4380,6 +4403,12 @@ declare global {
         prototype: HTMLDsPanelToolsElement;
         new (): HTMLDsPanelToolsElement;
     };
+    interface HTMLDsPaperTextureElement extends Components.DsPaperTexture, HTMLStencilElement {
+    }
+    var HTMLDsPaperTextureElement: {
+        prototype: HTMLDsPaperTextureElement;
+        new (): HTMLDsPaperTextureElement;
+    };
     interface HTMLDsRadioElementEventMap {
         "dsChange": string;
     }
@@ -4764,6 +4793,7 @@ declare global {
         "ds-panel-tool-header": HTMLDsPanelToolHeaderElement;
         "ds-panel-tool-search": HTMLDsPanelToolSearchElement;
         "ds-panel-tools": HTMLDsPanelToolsElement;
+        "ds-paper-texture": HTMLDsPaperTextureElement;
         "ds-radio": HTMLDsRadioElement;
         "ds-scroll-overlay": HTMLDsScrollOverlayElement;
         "ds-select": HTMLDsSelectElement;
@@ -6636,6 +6666,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "fitToPage"?: boolean;
+        /**
+          * Keep the Fit to page choice visible but unavailable.
+          * @default false
+         */
+        "fitToPageInactive"?: boolean;
         /**
           * Localized plural noun used by assistive range announcements.
           * @default 'items'
@@ -7016,6 +7051,13 @@ declare namespace LocalJSX {
          */
         "toolsLabel"?: string;
     }
+    interface DsPaperTexture {
+        /**
+          * Paper Design shader parameters. Set as a JavaScript property.
+          * @default {}
+         */
+        "config"?: PaperTextureConfig;
+    }
     interface DsRadio {
         /**
           * Accessible name when visible group labeling is unavailable.
@@ -7387,6 +7429,10 @@ declare namespace LocalJSX {
           * @default {}
          */
         "pageChrome"?: ShellPageChromeConfig;
+        /**
+          * Optional decorative Paper Design texture layered above the shell wash.
+         */
+        "paperTexture"?: PaperTextureConfig;
         /**
           * When `true` (default), registers global shell keyboard shortcuts. `[` toggles panel nav; `]` closes tools; K, A, S, M, N, and / toggle tool drawers. Modifiers are ignored so browser chords like ⌘N stay native.
           * @default true
@@ -7782,6 +7828,11 @@ declare namespace LocalJSX {
           * @default 'hidden'
          */
         "captionVisibility"?: TableCaptionVisibility;
+        /**
+          * Replace opted-in table-owned caption controls with same-size visual skeletons.
+          * @default false
+         */
+        "chromeLoading"?: boolean;
         /**
           * Controlled collapsed group identities. Groups not listed remain expanded.
           * @default []
@@ -7821,7 +7872,7 @@ declare namespace LocalJSX {
          */
         "dataModeSwitcherLabel"?: string;
         /**
-          * Optional result summary footer. When both `displayedCount` and `totalCount` are finite numbers, infinite mode shows “Displaying {displayed} of {total}”. Virtual mode ignores `displayedCount` and shows a total-only summary.
+          * Optional result summary footer. When both `displayedCount` and `totalCount` are finite numbers, infinite mode shows “Displaying {displayed} of {total}”. Virtual mode ignores `displayedCount` and derives its total from the complete supplied rows; a mismatched `totalCount` emits a warning.
          */
         "displayedCount"?: number | undefined;
         /**
@@ -8053,7 +8104,7 @@ declare namespace LocalJSX {
          */
         "defaultViewLabel"?: string;
         /**
-          * Whether the current table state differs from the selected view.
+          * Whether the current table state differs from the selected custom view. Ignored for the default view.
           * @default false
          */
         "dirty"?: boolean;
@@ -8793,6 +8844,7 @@ declare namespace LocalJSX {
         "pageSizeMode": PaginationPageSizeMode;
         "totalItems": number;
         "fitToPage": boolean;
+        "fitToPageInactive": boolean;
         "fitPageSize": number | undefined;
         "fitPageSizeLabel": string;
         "fitPageSizeTriggerLabel": string;
@@ -9028,6 +9080,7 @@ declare namespace LocalJSX {
         "scrollLabel": string | undefined;
         "selectionMode": TableSelectionMode;
         "loading": boolean;
+        "chromeLoading": boolean;
         "skeletonRows": number;
         "emptyHeading": string;
         "emptyBody": string;
@@ -9187,6 +9240,7 @@ declare namespace LocalJSX {
         "ds-panel-tool-header": Omit<DsPanelToolHeader, keyof DsPanelToolHeaderAttributes> & { [K in keyof DsPanelToolHeader & keyof DsPanelToolHeaderAttributes]?: DsPanelToolHeader[K] } & { [K in keyof DsPanelToolHeader & keyof DsPanelToolHeaderAttributes as `attr:${K}`]?: DsPanelToolHeaderAttributes[K] } & { [K in keyof DsPanelToolHeader & keyof DsPanelToolHeaderAttributes as `prop:${K}`]?: DsPanelToolHeader[K] };
         "ds-panel-tool-search": Omit<DsPanelToolSearch, keyof DsPanelToolSearchAttributes> & { [K in keyof DsPanelToolSearch & keyof DsPanelToolSearchAttributes]?: DsPanelToolSearch[K] } & { [K in keyof DsPanelToolSearch & keyof DsPanelToolSearchAttributes as `attr:${K}`]?: DsPanelToolSearchAttributes[K] } & { [K in keyof DsPanelToolSearch & keyof DsPanelToolSearchAttributes as `prop:${K}`]?: DsPanelToolSearch[K] };
         "ds-panel-tools": Omit<DsPanelTools, keyof DsPanelToolsAttributes> & { [K in keyof DsPanelTools & keyof DsPanelToolsAttributes]?: DsPanelTools[K] } & { [K in keyof DsPanelTools & keyof DsPanelToolsAttributes as `attr:${K}`]?: DsPanelToolsAttributes[K] } & { [K in keyof DsPanelTools & keyof DsPanelToolsAttributes as `prop:${K}`]?: DsPanelTools[K] };
+        "ds-paper-texture": DsPaperTexture;
         "ds-radio": Omit<DsRadio, keyof DsRadioAttributes> & { [K in keyof DsRadio & keyof DsRadioAttributes]?: DsRadio[K] } & { [K in keyof DsRadio & keyof DsRadioAttributes as `attr:${K}`]?: DsRadioAttributes[K] } & { [K in keyof DsRadio & keyof DsRadioAttributes as `prop:${K}`]?: DsRadio[K] };
         "ds-scroll-overlay": Omit<DsScrollOverlay, keyof DsScrollOverlayAttributes> & { [K in keyof DsScrollOverlay & keyof DsScrollOverlayAttributes]?: DsScrollOverlay[K] } & { [K in keyof DsScrollOverlay & keyof DsScrollOverlayAttributes as `attr:${K}`]?: DsScrollOverlayAttributes[K] } & { [K in keyof DsScrollOverlay & keyof DsScrollOverlayAttributes as `prop:${K}`]?: DsScrollOverlay[K] };
         "ds-select": Omit<DsSelect, keyof DsSelectAttributes> & { [K in keyof DsSelect & keyof DsSelectAttributes]?: DsSelect[K] } & { [K in keyof DsSelect & keyof DsSelectAttributes as `attr:${K}`]?: DsSelectAttributes[K] } & { [K in keyof DsSelect & keyof DsSelectAttributes as `prop:${K}`]?: DsSelect[K] };
@@ -9281,6 +9335,7 @@ declare module "@stencil/core" {
             "ds-panel-tool-header": LocalJSX.IntrinsicElements["ds-panel-tool-header"] & JSXBase.HTMLAttributes<HTMLDsPanelToolHeaderElement>;
             "ds-panel-tool-search": LocalJSX.IntrinsicElements["ds-panel-tool-search"] & JSXBase.HTMLAttributes<HTMLDsPanelToolSearchElement>;
             "ds-panel-tools": LocalJSX.IntrinsicElements["ds-panel-tools"] & JSXBase.HTMLAttributes<HTMLDsPanelToolsElement>;
+            "ds-paper-texture": LocalJSX.IntrinsicElements["ds-paper-texture"] & JSXBase.HTMLAttributes<HTMLDsPaperTextureElement>;
             "ds-radio": LocalJSX.IntrinsicElements["ds-radio"] & JSXBase.HTMLAttributes<HTMLDsRadioElement>;
             "ds-scroll-overlay": LocalJSX.IntrinsicElements["ds-scroll-overlay"] & JSXBase.HTMLAttributes<HTMLDsScrollOverlayElement>;
             "ds-select": LocalJSX.IntrinsicElements["ds-select"] & JSXBase.HTMLAttributes<HTMLDsSelectElement>;

package/dist/types/shell/shell-responsive.d.ts

@@ -6,7 +6,7 @@ export declare const SHELL_DESKTOP_BREAKPOINT = 1200;
 export declare const SHELL_MOBILE_BREAKPOINT = 768;
 export declare const SHELL_DEFAULT_INBOX_TOOL: ShellInboxToolId;
 export declare function resolveShellResponsiveMode(width: number): ShellResponsiveMode;
-export declare function resolveManagedShellPageCapacity(mode: ShellResponsiveMode, toolsOpen: boolean): 'roomy' | 'compact' | 'constrained';
+export declare function resolveManagedShellPageCapacity(mode: ShellResponsiveMode): 'roomy' | 'compact' | 'constrained';
 export declare function shellMobileDestinationForTool(open: boolean, tool: PanelToolsToolId | ''): MobileDestination;
 export declare function isShellInboxTool(tool: string): tool is ShellInboxToolId;
 export declare function resolveAvailableInboxTool(preferred: string, available: readonly PanelToolsToolId[]): ShellInboxToolId | '';