@ds-mo/ui 14.22.2 → 14.24.0

package/dist/mcp-data/registry/tab-group.json

@@ -281,7 +281,7 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: tabs.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.5.0",
+          "@ds-mo/tokens ^6.5.1",
           "@ds-mo/icons ^7.0.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/table-filter.json

@@ -442,7 +442,7 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: filters, matchModes, values.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.5.0",
+          "@ds-mo/tokens ^6.5.1",
           "@ds-mo/icons ^7.0.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/table-group.json

@@ -269,7 +269,7 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: grouping, options.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.5.0",
+          "@ds-mo/tokens ^6.5.1",
           "@ds-mo/icons ^7.0.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/table-saved-views.json

@@ -348,7 +348,7 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: views.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.5.0",
+          "@ds-mo/tokens ^6.5.1",
           "@ds-mo/icons ^7.0.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/table-search.json

@@ -298,7 +298,7 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: columns, selectedFieldIds.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.5.0",
+          "@ds-mo/tokens ^6.5.1",
           "@ds-mo/icons ^7.0.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/table-sort.json

@@ -195,7 +195,7 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: columns, sort.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.5.0",
+          "@ds-mo/tokens ^6.5.1",
           "@ds-mo/icons ^7.0.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/table-toolbar.json

@@ -131,7 +131,7 @@
       },
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.5.0",
+          "@ds-mo/tokens ^6.5.1",
           "@ds-mo/icons ^7.0.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/table.json

@@ -1294,7 +1294,7 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: collapsedGroupIds, columnOrder, columns, grouping, groups, hiddenColumnIds, highlightFieldIds, highlightTerms, pagination, rows, selectedRowIds, sort.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.5.0",
+          "@ds-mo/tokens ^6.5.1",
           "@ds-mo/icons ^7.0.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/tag.json

@@ -363,7 +363,7 @@
       },
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.5.0",
+          "@ds-mo/tokens ^6.5.1",
           "@ds-mo/icons ^7.0.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/text.json

@@ -339,7 +339,7 @@
       },
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.5.0",
+          "@ds-mo/tokens ^6.5.1",
           "@ds-mo/icons ^7.0.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/toast.json

@@ -312,7 +312,7 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: manager, swipeDirections.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.5.0",
+          "@ds-mo/tokens ^6.5.1",
           "@ds-mo/icons ^7.0.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/tooltip-chart.json

@@ -231,7 +231,7 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: items.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.5.0",
+          "@ds-mo/tokens ^6.5.1",
           "@ds-mo/icons ^7.0.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/tooltip.json

@@ -361,7 +361,7 @@
       },
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.5.0",
+          "@ds-mo/tokens ^6.5.1",
           "@ds-mo/icons ^7.0.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."

package/dist/mcp-data/registry/typing-indicator.json

@@ -103,7 +103,7 @@
       },
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.5.0",
+          "@ds-mo/tokens ^6.5.1",
           "@ds-mo/icons ^7.0.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."

package/dist/react/ds-button-filled.d.ts

@@ -8,5 +8,6 @@ import type { Components } from "@ds-mo/ui/dist/components";
 import { DsButtonFilled as DsButtonFilledElement } from "@ds-mo/ui/dist/components/ds-button-filled.js";
 export type DsButtonFilledEvents = {
     onDsClick: EventName<DsButtonFilledCustomEvent<MouseEvent>>;
+    onDsMenuClick: EventName<DsButtonFilledCustomEvent<MouseEvent>>;
 };
 export declare const DsButtonFilled: StencilReactComponent<DsButtonFilledElement, DsButtonFilledEvents, Components.DsButtonFilled>;

package/dist/react/ds-button-filled.js

@@ -7,6 +7,9 @@ export const DsButtonFilled = /*@__PURE__*/ createComponent({
     elementClass: DsButtonFilledElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: { onDsClick: 'dsClick' },
+    events: {
+        onDsClick: 'dsClick',
+        onDsMenuClick: 'dsMenuClick'
+    },
     defineCustomElement: defineDsButtonFilled
 });

package/dist/react/ds-button-unfilled.d.ts

@@ -8,6 +8,7 @@ import type { Components } from "@ds-mo/ui/dist/components";
 import { DsButtonUnfilled as DsButtonUnfilledElement } from "@ds-mo/ui/dist/components/ds-button-unfilled.js";
 export type DsButtonUnfilledEvents = {
     onDsClick: EventName<DsButtonUnfilledCustomEvent<MouseEvent>>;
+    onDsMenuClick: EventName<DsButtonUnfilledCustomEvent<MouseEvent>>;
     onDsChange: EventName<DsButtonUnfilledCustomEvent<boolean>>;
 };
 export declare const DsButtonUnfilled: StencilReactComponent<DsButtonUnfilledElement, DsButtonUnfilledEvents, Components.DsButtonUnfilled>;

package/dist/react/ds-button-unfilled.js

@@ -9,6 +9,7 @@ export const DsButtonUnfilled = /*@__PURE__*/ createComponent({
     react: React,
     events: {
         onDsClick: 'dsClick',
+        onDsMenuClick: 'dsMenuClick',
         onDsChange: 'dsChange'
     },
     defineCustomElement: defineDsButtonUnfilled

package/dist/react/ds-panel-tools.d.ts

@@ -3,7 +3,7 @@
  * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
  */
 import type { EventName, StencilReactComponent } from './react-runtime.js';
-import { type ChromeTransitionDetail, type DsPanelToolsCustomEvent, type PanelToolsHeaderActionDetail, type PanelToolsToolId } from "@ds-mo/ui";
+import { type ChromeTransitionDetail, type DsPanelToolsCustomEvent, type PanelToolsHeaderActionDetail, type PanelToolsRailAccessoryActionDetail, type PanelToolsToolId } from "@ds-mo/ui";
 import type { Components } from "@ds-mo/ui/dist/components";
 import { DsPanelTools as DsPanelToolsElement } from "@ds-mo/ui/dist/components/ds-panel-tools.js";
 export type DsPanelToolsEvents = {
@@ -18,6 +18,7 @@ export type DsPanelToolsEvents = {
         tool: PanelToolsToolId;
     }>>;
     onDsHeaderAction: EventName<DsPanelToolsCustomEvent<PanelToolsHeaderActionDetail>>;
+    onDsRailAccessoryAction: EventName<DsPanelToolsCustomEvent<PanelToolsRailAccessoryActionDetail>>;
     onDsChromeTransitionStart: EventName<DsPanelToolsCustomEvent<ChromeTransitionDetail>>;
     onDsChromeTransitionEnd: EventName<DsPanelToolsCustomEvent<ChromeTransitionDetail>>;
 };

package/dist/react/ds-panel-tools.js

@@ -12,6 +12,7 @@ export const DsPanelTools = /*@__PURE__*/ createComponent({
         onDsPresentationChange: 'dsPresentationChange',
         onDsHeaderBack: 'dsHeaderBack',
         onDsHeaderAction: 'dsHeaderAction',
+        onDsRailAccessoryAction: 'dsRailAccessoryAction',
         onDsChromeTransitionStart: 'dsChromeTransitionStart',
         onDsChromeTransitionEnd: 'dsChromeTransitionEnd'
     },

package/dist/react/ds-shell-app.d.ts

@@ -3,7 +3,7 @@
  * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
  */
 import type { EventName, StencilReactComponent } from './react-runtime.js';
-import { type BreadcrumbSelectDetail, type DsShellAppCustomEvent, type NavChromeStyle, type PanelNavChildSelectDetail, type PanelNavUserActionDetail, type PanelToolsToolId, type ShellResponsiveMode } from "@ds-mo/ui";
+import { type BreadcrumbSelectDetail, type DsShellAppCustomEvent, type NavChromeStyle, type PanelNavChildSelectDetail, type PanelNavUserActionDetail, type PanelToolsRailAccessoryActionDetail, type PanelToolsToolId, type ShellResponsiveMode } from "@ds-mo/ui";
 import type { Components } from "@ds-mo/ui/dist/components";
 import { DsShellApp as DsShellAppElement } from "@ds-mo/ui/dist/components/ds-shell-app.js";
 export type DsShellAppEvents = {
@@ -28,6 +28,7 @@ export type DsShellAppEvents = {
         tool: PanelToolsToolId;
         id: string;
     }>>;
+    onDsRailAccessoryAction: EventName<DsShellAppCustomEvent<PanelToolsRailAccessoryActionDetail>>;
     onDsPresentationChange: EventName<DsShellAppCustomEvent<{
         presentation: 'drawer' | 'fullscreen';
     }>>;

package/dist/react/ds-shell-app.js

@@ -19,6 +19,7 @@ export const DsShellApp = /*@__PURE__*/ createComponent({
         onDsToolChange: 'dsToolChange',
         onDsHeaderBack: 'dsHeaderBack',
         onDsHeaderAction: 'dsHeaderAction',
+        onDsRailAccessoryAction: 'dsRailAccessoryAction',
         onDsPresentationChange: 'dsPresentationChange',
         onDsBrowseContextChange: 'dsBrowseContextChange',
         onDsNavFooterAction: 'dsNavFooterAction',

package/dist/react/ds-shell-tools.d.ts

@@ -3,7 +3,7 @@
  * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
  */
 import type { EventName, StencilReactComponent } from './react-runtime.js';
-import { type DsShellToolsCustomEvent, type PanelToolsToolId } from "@ds-mo/ui";
+import { type DsShellToolsCustomEvent, type PanelToolsRailAccessoryActionDetail, type PanelToolsToolId } from "@ds-mo/ui";
 import type { Components } from "@ds-mo/ui/dist/components";
 import { DsShellTools as DsShellToolsElement } from "@ds-mo/ui/dist/components/ds-shell-tools.js";
 export type DsShellToolsEvents = {
@@ -21,5 +21,6 @@ export type DsShellToolsEvents = {
         tool: PanelToolsToolId;
         id: string;
     }>>;
+    onDsRailAccessoryAction: EventName<DsShellToolsCustomEvent<PanelToolsRailAccessoryActionDetail>>;
 };
 export declare const DsShellTools: StencilReactComponent<DsShellToolsElement, DsShellToolsEvents, Components.DsShellTools>;

package/dist/react/ds-shell-tools.js

@@ -11,7 +11,8 @@ export const DsShellTools = /*@__PURE__*/ createComponent({
         onDsToolChange: 'dsToolChange',
         onDsPresentationChange: 'dsPresentationChange',
         onDsHeaderBack: 'dsHeaderBack',
-        onDsHeaderAction: 'dsHeaderAction'
+        onDsHeaderAction: 'dsHeaderAction',
+        onDsRailAccessoryAction: 'dsRailAccessoryAction'
     },
     defineCustomElement: defineDsShellTools
 });

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

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import type { BreadcrumbItem, BreadcrumbSelectDetail } from '../Breadcrumb/breadcrumb-types';
-import { type BarTitleActionItem, type BarTitlePrimaryAction, type BarTitleSectionItem, type BarTitlePlacement, type BarTitleVariant } from './bar-title-types';
+import { type BarTitleActionConfigItem, type BarTitleActionItem, type BarTitlePrimaryAction, type BarTitleSectionItem, type BarTitlePlacement, type BarTitleVariant } from './bar-title-types';
 export declare class BarTitle {
     el: HTMLElement;
     /** The page's single visible h1. */
@@ -27,6 +27,11 @@ export declare class BarTitle {
     primaryAction: BarTitlePrimaryAction | null;
     /** Secondary page actions shown in the overflow menu. Dividers create groups. */
     actions: BarTitleActionItem[];
+    /**
+     * Ordered page-header actions. When supplied, this replaces the legacy
+     * primaryAction/actions presentation while preserving the same dsAction event.
+     */
+    actionItems?: BarTitleActionConfigItem[];
     /** Accessible name for the page-actions menu. */
     actionsAriaLabel: string;
     /** Explicit visual/capacity variant. ShellPage owns automatic selection. */
@@ -46,7 +51,7 @@ export declare class BarTitle {
     /** Emitted with the activated primary or overflow action id. */
     dsAction: EventEmitter<string>;
     private sectionMenuOpen;
-    private actionMenuOpen;
+    private openActionMenuId;
     private sectionMenuInitialFocusVisible;
     private actionMenuInitialFocusVisible;
     private readonly instanceId;
@@ -56,9 +61,11 @@ export declare class BarTitle {
     private readonly actionMenuId;
     private sectionTriggerEl;
     private actionTriggerEl;
+    private actionTriggerEls;
     componentWillLoad(): void;
     handleSectionsChange(): void;
     handleActionsChange(): void;
+    private reportActionIdIssues;
     private get compact();
     private get effectiveVariant();
     private get dividerVisible();
@@ -71,12 +78,16 @@ export declare class BarTitle {
     private get effectiveValue();
     private get selectedSectionLabel();
     private get sectionTriggerAriaLabel();
-    private groupsFromItems;
+    private groupsFromSections;
     private get sectionMenuSections();
-    private get selectableActions();
-    private get showActionMenuTrigger();
-    private actionMenuItem;
+    private get resolvedActionItems();
+    private get visibleActions();
     private get actionMenuSections();
+    private get showActionMenuTrigger();
+    private get availableActionMenuIds();
+    private actionMenuDomId;
+    private actionMenuAnchor;
+    private menuSectionsForAction;
     private toggleSectionMenu;
     private closeSectionMenu;
     private handleSectionSelect;
@@ -84,7 +95,9 @@ export declare class BarTitle {
     private closeActionMenu;
     private handleActionSelect;
     private renderSectionSelector;
+    private renderVisibleAction;
     private renderActions;
+    private renderActionMenus;
     private handleBreadcrumbSelect;
     private renderBreadcrumb;
     private renderBack;

package/dist/types/components/BarTitle/bar-title-actions.d.ts

@@ -0,0 +1,11 @@
+import type { MenuSection } from '../Menu/menu-types';
+import type { BarTitleAction, BarTitleActionConfigItem, BarTitleActionItem, BarTitleDivider, BarTitleMenuChoiceItem, BarTitlePrimaryAction, BarTitleVariant } from './bar-title-types';
+export type BarTitleActionPresentation = BarTitleVariant | 'mobile';
+export declare function isBarTitleActionDivider(item: BarTitleActionConfigItem | BarTitleMenuChoiceItem): item is BarTitleDivider;
+export declare function resolveBarTitleActionItems(actionItems: BarTitleActionConfigItem[] | undefined, primaryAction: BarTitlePrimaryAction | null, actions: BarTitleActionItem[]): BarTitleActionConfigItem[];
+export declare function barTitleActionIdIssues(items: BarTitleActionConfigItem[]): string[];
+export declare function visibleBarTitleActions(items: BarTitleActionConfigItem[], presentation: BarTitleActionPresentation): BarTitleActionConfigItem[];
+export declare function barTitleChoiceSections(choices: BarTitleMenuChoiceItem[]): MenuSection[];
+export declare function overflowBarTitleActionSections(items: BarTitleActionConfigItem[], presentation: BarTitleActionPresentation): MenuSection[];
+export declare function findBarTitleAction(items: BarTitleActionConfigItem[], id: string): BarTitleAction | undefined;
+//# sourceMappingURL=bar-title-actions.d.ts.map

package/dist/types/components/BarTitle/bar-title-types.d.ts

@@ -11,11 +11,12 @@ export type BarTitleSectionItem = BarTitleSection | BarTitleDivider;
 export interface BarTitleAction {
     id: string;
     label: string;
+    ariaLabel?: string;
+    icon?: string;
     isInactive?: boolean;
     isDestructive?: boolean;
 }
 export interface BarTitlePrimaryAction extends BarTitleAction {
-    icon?: string;
     intent?: ButtonFilledIntent;
     contrast?: ButtonFilledContrast;
     isLoading?: boolean;
@@ -23,8 +24,60 @@ export interface BarTitlePrimaryAction extends BarTitleAction {
     collapse?: BarTitlePrimaryActionCollapse;
 }
 export type BarTitleActionItem = BarTitleAction | BarTitleDivider;
+export type BarTitleActionAppearance = 'filled' | 'unfilled';
+export type BarTitleActionCollapse = 'auto' | 'never';
+export type BarTitleActionMobile = 'auto' | 'visible' | 'overflow';
+interface BarTitleVisibleActionBase extends BarTitleAction {
+    appearance?: BarTitleActionAppearance;
+    intent?: ButtonFilledIntent;
+    contrast?: ButtonFilledContrast;
+    isLoading?: boolean;
+    buttonType?: 'button' | 'submit' | 'reset';
+    /** Auto moves the action into overflow only in constrained presentation. */
+    collapse?: BarTitleActionCollapse;
+    /**
+     * Mobile defaults icon actions to visible and all labeled actions to overflow.
+     * `visible` is supported only by icon actions.
+     */
+    mobile?: BarTitleActionMobile;
+}
+/** Visible labeled command in the authored action order. */
+export interface BarTitleButtonAction extends BarTitleVisibleActionBase {
+    type: 'button';
+}
+/** Visible icon-only command. ariaLabel is required because label is not rendered. */
+export interface BarTitleIconAction extends BarTitleVisibleActionBase {
+    type: 'icon';
+    icon: string;
+    ariaLabel: string;
+}
+export type BarTitleMenuChoice = BarTitleAction;
+export type BarTitleMenuChoiceItem = BarTitleMenuChoice | BarTitleDivider;
+/** Visible labeled menu button. Selecting a choice emits that choice's flat id. */
+export interface BarTitleMenuAction extends BarTitleVisibleActionBase {
+    type: 'menu';
+    choices: BarTitleMenuChoiceItem[];
+    menuAriaLabel?: string;
+}
+/** Command with a dedicated menu segment; defaults filled when appearance is omitted. */
+export interface BarTitleSplitAction extends BarTitleVisibleActionBase {
+    type: 'split';
+    choices: BarTitleMenuChoiceItem[];
+    menuAriaLabel: string;
+}
+/** Command that is always presented in the shared overflow menu. */
+export interface BarTitleOverflowAction extends BarTitleAction {
+    type: 'overflow';
+}
+/**
+ * Ordered page-header action model. IDs must be non-empty and unique across
+ * top-level actions and every nested menu choice. At most the first eligible
+ * action renders beside the title; remaining actions use the text-only overflow.
+ */
+export type BarTitleActionConfigItem = BarTitleButtonAction | BarTitleIconAction | BarTitleMenuAction | BarTitleSplitAction | BarTitleOverflowAction | BarTitleDivider;
 export type BarTitleVariant = 'expanded' | 'compact' | 'constrained';
 export type BarTitlePlacement = 'page' | 'shell-bar';
 export type BarTitlePrimaryActionCollapse = 'auto' | 'never';
 export declare function isBarTitleDivider(item: BarTitleSectionItem | BarTitleActionItem): item is BarTitleDivider;
+export {};
 //# sourceMappingURL=bar-title-types.d.ts.map

package/dist/types/components/BarTitle/index.d.ts

@@ -1,2 +1,2 @@
-export type { BarTitleAction, BarTitleActionItem, BarTitleDivider, BarTitlePrimaryActionCollapse, BarTitlePrimaryAction, BarTitleSection, BarTitleSectionItem, BarTitlePlacement, BarTitleVariant, } from './bar-title-types';
+export type { BarTitleAction, BarTitleActionAppearance, BarTitleActionCollapse, BarTitleActionConfigItem, BarTitleActionItem, BarTitleActionMobile, BarTitleButtonAction, BarTitleDivider, BarTitleIconAction, BarTitleMenuAction, BarTitleMenuChoice, BarTitleMenuChoiceItem, BarTitleOverflowAction, BarTitlePrimaryActionCollapse, BarTitlePrimaryAction, BarTitleSection, BarTitleSectionItem, BarTitleSplitAction, BarTitlePlacement, BarTitleVariant, } from './bar-title-types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -69,6 +69,13 @@ export declare class ButtonFilled {
     expanded: boolean | undefined;
     /** Popup type exposed to assistive technology. */
     haspopup: ButtonFilledPopup | undefined;
+    /**
+     * Append a separate ChevronDown menu segment while preserving this button's
+     * variant, size, intent, contrast, loading, inactive, and width treatment.
+     */
+    split: boolean;
+    /** Accessible name for the appended menu segment in split mode. */
+    menuAriaLabel: string;
     /**
      * This action *has* a menu: implies `aria-haspopup="menu"` and adds the trailing
      * chevron that carries the affordance.
@@ -81,12 +88,16 @@ export declare class ButtonFilled {
      */
     hasMenu: boolean;
     dsClick: EventEmitter<MouseEvent>;
+    dsMenuClick: EventEmitter<MouseEvent>;
     private buttonEl;
-    setFocus(): Promise<void>;
+    private menuButtonEl;
+    setFocus(segment?: 'primary' | 'menu'): Promise<void>;
     private handleClick;
+    private handleMenuClick;
     private get resolvedHaspopup();
     private get accessibleName();
     private get doubleInset();
+    private buttonClass;
     render(): any;
 }
 //# sourceMappingURL=ButtonFilled.d.ts.map

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

@@ -67,6 +67,13 @@ export declare class ButtonUnfilled {
      */
     expanded: boolean | undefined;
     haspopup: ButtonUnfilledPopup | undefined;
+    /**
+     * Append a separate ChevronDown menu segment while preserving this button's
+     * variant, size, surface, active, loading, border, and width treatment.
+     */
+    split: boolean;
+    /** Accessible name for the appended menu segment in split mode. */
+    menuAriaLabel: string;
     /**
      * Controlled state for a genuine toggle button. Adds aria-pressed, promotes
      * active styling, and makes activation emit dsChange with the requested state.
@@ -98,17 +105,20 @@ export declare class ButtonUnfilled {
      */
     focusTabIndex?: number;
     dsClick: EventEmitter<MouseEvent>;
+    dsMenuClick: EventEmitter<MouseEvent>;
     dsChange: EventEmitter<boolean>;
     private captionCompact;
     private buttonEl;
+    private menuButtonEl;
     private captionCompactDisconnect;
     private hasLoaded;
     componentDidLoad(): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
     onCollapseLabelChange(): void;
-    setFocus(): Promise<void>;
+    setFocus(segment?: 'primary' | 'menu'): Promise<void>;
     private handleClick;
+    private handleMenuClick;
     private get captionIconOnly();
     private get visualVariant();
     private get showDot();
@@ -122,6 +132,7 @@ export declare class ButtonUnfilled {
     /** Knock-out ring: selected fill → active wash; otherwise surface token. */
     private get dotRing();
     private get accessibleName();
+    private buttonClass;
     render(): any;
 }
 //# sourceMappingURL=ButtonUnfilled.d.ts.map

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

@@ -28,13 +28,26 @@ export declare class MessageScroller {
     private activeTurnAnchorViewportTop?;
     private turnClearance;
     private prependReconciliation;
+    private turnPositionGeneration;
+    private defaultPositionGeneration;
+    private transcriptResetPending;
+    private hasLoaded;
     componentDidLoad(): void;
+    connectedCallback(): void;
     disconnectedCallback(): void;
     scrollToMessage(id: string): Promise<boolean>;
     scrollToStart(): Promise<void>;
     scrollToEnd(): Promise<void>;
     private motionBehavior;
     private scrollTo;
+    private invalidateTranscriptWork;
+    private clearActiveTurnAnchor;
+    private resetTranscriptTracking;
+    private resetTranscriptPositionState;
+    private trackTranscript;
+    private seedTranscriptBaseline;
+    private pruneTranscriptTracking;
+    private scheduleDefaultPosition;
     private connectObservers;
     private handleContentGrowth;
     private rememberFirstChildTop;
@@ -43,6 +56,7 @@ export declare class MessageScroller {
     private reconcilePrependPosition;
     private schedulePrependReconciliation;
     private handleTranscriptSlotChange;
+    private scheduleNewTurnPosition;
     private positionNewTurn;
     private finishPositionNewTurn;
     private rememberActiveTurnAnchorTop;

package/dist/types/components/MessageScroller/message-scroller-transcript.d.ts

@@ -0,0 +1,9 @@
+/**
+ * A transcript reset replaces the current baseline instead of appending or
+ * prepending around surviving nodes. Emptying a populated transcript also
+ * starts a reset that completes when its next baseline is supplied.
+ */
+export declare function isMessageScrollerTranscriptReset<T>(previous: readonly T[], current: readonly T[]): boolean;
+/** Keep identity tracking bounded to nodes in the current transcript. */
+export declare function pruneMessageScrollerTranscriptSet<T>(known: Set<T>, current: readonly T[]): void;
+//# sourceMappingURL=message-scroller-transcript.d.ts.map

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

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import type { ChromeTransitionDetail } from '../../shell/chrome-transition';
-import { type PanelToolsHeaderActionDetail, type PanelToolsHeaders, type PanelToolsItem, type PanelToolsToolId } from './panel-tools-types';
+import { type PanelToolsHeaderActionDetail, type PanelToolsHeaders, type PanelToolsItem, type PanelToolsRailAccessory, type PanelToolsRailAccessoryActionDetail, type PanelToolsToolId } from './panel-tools-types';
 export declare class PanelTools {
     el: HTMLElement;
     /** When false, only the icon rail is shown. */
@@ -16,6 +16,11 @@ export declare class PanelTools {
      * Set via JS property: `el.items = [...]`. Replace the array reference to update.
      */
     items: PanelToolsItem[];
+    /**
+     * Desktop/tablet-only application-owned rail boundaries and direct intents.
+     * Set via JS property and replace the array reference to update.
+     */
+    accessories: PanelToolsRailAccessory[];
     toolsLabel: string;
     toolShortcutsLabel: string;
     /** Active header state per tool. Replace the object when title, depth, or actions change. */
@@ -40,6 +45,8 @@ export declare class PanelTools {
     }>;
     /** Requests one application-owned action from the active tool header. */
     dsHeaderAction: EventEmitter<PanelToolsHeaderActionDetail>;
+    /** Direct accessory intent. Emitting this event never changes the active tool or drawer. */
+    dsRailAccessoryAction: EventEmitter<PanelToolsRailAccessoryActionDetail>;
     /** Bubbling lifecycle — `ds-bar-nav` defers overflow checks during drawer motion. */
     dsChromeTransitionStart: EventEmitter<ChromeTransitionDetail>;
     dsChromeTransitionEnd: EventEmitter<ChromeTransitionDetail>;
@@ -66,6 +73,8 @@ export declare class PanelTools {
     private railBodyObserver?;
     private get railItems();
     private get orderedRailItems();
+    private get railAccessories();
+    private get orderedRailEntries();
     disconnectedCallback(): void;
     presentationChanged(next: 'drawer' | 'fullscreen', previous?: 'drawer' | 'fullscreen'): void;
     handleFullscreenEscape(event: KeyboardEvent): void;
@@ -82,6 +91,7 @@ export declare class PanelTools {
     private disconnectRailBodyObserver;
     private updateRailBodyScrollable;
     itemsChanged(): void;
+    accessoriesChanged(next?: PanelToolsRailAccessory[], previous?: PanelToolsRailAccessory[]): void;
     private restoreLastActiveTool;
     private persistLastActiveTool;
     private clearPersistedTool;
@@ -112,6 +122,12 @@ export declare class PanelTools {
     private focusRailAt;
     private handleRailKeyDown;
     private renderRailAction;
+    private accessoryPrimaryLabel;
+    private emitAccessoryAction;
+    private renderAccessoryVisual;
+    private renderRailShortcut;
+    private renderRailAccessory;
+    private renderRailEntry;
     render(): any;
 }
 //# sourceMappingURL=PanelTools.d.ts.map

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

@@ -1,3 +1,3 @@
-export type { PanelToolsItem, PanelToolsToolId } from './panel-tools-types';
+export type { PanelToolsItem, PanelToolsRailAccessory, PanelToolsRailAccessoryAction, PanelToolsRailAccessoryActionDetail, PanelToolsRailAccessorySecondaryAction, PanelToolsRailAccessoryVisual, PanelToolsRailDividerAccessory, PanelToolsRailPlacement, PanelToolsRailShortcutAccessory, PanelToolsRailTransientAccessory, PanelToolsRailTransientTone, PanelToolsToolId, } from './panel-tools-types';
 export { PANEL_TOOLS_FOOTER_TOOL_ID, PANEL_TOOLS_DEFAULT_ITEMS, PANEL_TOOLS_LABELS, PANEL_TOOLS_PRIMARY_TOOL_ID, PANEL_TOOLS_SHORTCUTS, PANEL_TOOLS_TOOL_IDS, } from './panel-tools-types';
 //# sourceMappingURL=index.d.ts.map