@ds-mo/ui 14.17.1 → 14.18.1

package/dist/types/components.d.ts

@@ -33,7 +33,7 @@ import { DividerBackground, DividerInset, DividerLength, DividerOrientation } fr
 import { FilterMenuChangeDetail, FilterMenuFilter, FilterMenuSize, FilterMenuValues, FilterMenuWidth } from "./components/FilterMenu/FilterMenu";
 import { AnchoredAlign, AnchoredSide } from "./utils/anchored-position";
 import { IconColor as IconColor1, IconSize } from "./components/Icon/Icon";
-import { InputSize, InputType, InputWidth } from "./components/Input/Input";
+import { InputSize, InputTextAlign, InputType, InputWidth } from "./components/Input/Input";
 import { LoaderColor, LoaderSize } from "./components/Loader/Loader";
 import { MenuItemData, MenuReorderDetail, MenuSection } from "./components/Menu/menu-types";
 import { MenuSelectionMode, MenuSize } from "./components/Menu/Menu";
@@ -51,7 +51,7 @@ import { PaginationChangeDetail, PaginationPageSizeMode } from "./components/Pag
 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 { PanelToolHeaderActionDetail, PanelToolsHeaderAction, PanelToolsHeaderActionDetail, 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";
@@ -71,6 +71,7 @@ import { TableSavedView, TableSavedViewChangeDetail, TableSavedViewCreateDetail,
 import { TagContrast, TagIntent, TagSize } from "./components/Tag/Tag";
 import { ToastActionEventDetail, ToastCloseEventDetail, ToastEventDetail, ToastManager, ToastSwipeDirection } from "./toast";
 import { TooltipAlign, TooltipSide, TooltipSize } from "./components/Tooltip/Tooltip";
+import { AnchoredOverlayBoundary } from "./utils/anchored-overlay-boundary";
 import { TooltipChartItem } from "./components/TooltipChart/TooltipChart";
 export { AgentActivityItem, AgentQuestion, AgentQuestionAnswer, AgentQuestionnaireAnswerEventDetail, AgentQuestionnaireCancelEventDetail, AgentQuestionnaireLabels, AgentQuestionnaireStatus, AgentResponsePart, AgentResponseRenderMode, AgentSource, AgentToolState, ConversationAttachment, ConversationItemState, MessageComposerStatus, MessageCopyResultEventDetail, MessageDeliveryState, MessageDirection, MessageFeedback, MessageGroupPosition, MessageMetadataVisibility, MessageScrollerPosition } from "./components/conversation-types";
 export { IconColor, IconSize as IconSize1 } from "./components/Icon/Icon";
@@ -100,7 +101,7 @@ export { DividerBackground, DividerInset, DividerLength, DividerOrientation } fr
 export { FilterMenuChangeDetail, FilterMenuFilter, FilterMenuSize, FilterMenuValues, FilterMenuWidth } from "./components/FilterMenu/FilterMenu";
 export { AnchoredAlign, AnchoredSide } from "./utils/anchored-position";
 export { IconColor as IconColor1, IconSize } from "./components/Icon/Icon";
-export { InputSize, InputType, InputWidth } from "./components/Input/Input";
+export { InputSize, InputTextAlign, InputType, InputWidth } from "./components/Input/Input";
 export { LoaderColor, LoaderSize } from "./components/Loader/Loader";
 export { MenuItemData, MenuReorderDetail, MenuSection } from "./components/Menu/menu-types";
 export { MenuSelectionMode, MenuSize } from "./components/Menu/Menu";
@@ -118,7 +119,7 @@ export { PaginationChangeDetail, PaginationPageSizeMode } from "./components/Pag
 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 { PanelToolHeaderActionDetail, PanelToolsHeaderAction, PanelToolsHeaderActionDetail, 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";
@@ -138,6 +139,7 @@ export { TableSavedView, TableSavedViewChangeDetail, TableSavedViewCreateDetail,
 export { TagContrast, TagIntent, TagSize } from "./components/Tag/Tag";
 export { ToastActionEventDetail, ToastCloseEventDetail, ToastEventDetail, ToastManager, ToastSwipeDirection } from "./toast";
 export { TooltipAlign, TooltipSide, TooltipSize } from "./components/Tooltip/Tooltip";
+export { AnchoredOverlayBoundary } from "./utils/anchored-overlay-boundary";
 export { TooltipChartItem } from "./components/TooltipChart/TooltipChart";
 export namespace Components {
     interface DsAgentActivity {
@@ -287,10 +289,9 @@ export namespace Components {
          */
         "count": number;
         /**
-          * Ring samples the shell gradient stack (base fill + wash) instead of a flat `box-shadow`. Auto-enabled under an ShellApp with an active gradient preset; set `gradient-background` to opt in/out explicitly.  The attribute must NOT start with `on` — Stencil's setAccessor routes any unknown `on*` member down the event-listener path during attribute reflection, calling addEventListener with a non-listener and throwing.
-          * @default false
+          * Ring samples the shell gradient stack (base fill + wash) instead of a flat `box-shadow`. Omit to inherit ShellApp context; set true or false to override.  The attribute must NOT start with `on` — Stencil's setAccessor routes any unknown `on*` member down the event-listener path during attribute reflection, calling addEventListener with a non-listener and throwing.
          */
-        "gradientBackground": boolean;
+        "gradientBackground"?: boolean;
         /**
           * Show the separation ring when the badge overlaps an icon or other content.
           * @default true
@@ -629,6 +630,11 @@ export namespace Components {
           * @default ''
          */
         "label": string;
+        /**
+          * Whether the visible label uses the emphasized weight.
+          * @default true
+         */
+        "labelEmphasis": boolean;
         /**
           * Scale down during a physical pointer press. Disable when an owning composite requires fixed child or background geometry.
           * @default true
@@ -741,6 +747,11 @@ export namespace Components {
           * @default ''
          */
         "label": string;
+        /**
+          * Whether the visible label uses the emphasized weight.
+          * @default true
+         */
+        "labelEmphasis": boolean;
         /**
           * Scale down during a physical pointer press. Disable when an owning composite requires fixed child or background geometry.
           * @default true
@@ -1219,6 +1230,10 @@ export namespace Components {
           * @default null
          */
         "ariaLabel": string | null;
+        /**
+          * Explicit collision owner; otherwise the nearest data-ds-overlay-boundary ancestor is used.
+         */
+        "boundary": HTMLElement | undefined;
         /**
           * Accessible name for the category tab list.
           * @default 'Filter categories'
@@ -1264,7 +1279,7 @@ export namespace Components {
          */
         "menuLabel": string;
         /**
-          * Popup width. It remains clamped to the viewport by the component recipe.
+          * Popup width. It remains clamped to its collision boundary by the component recipe.
           * @default TOKEN_CSS_LENGTHS.menuWidthLg
          */
         "menuWidth": string;
@@ -1414,6 +1429,11 @@ export namespace Components {
           * Numeric increment used by native stepping and constraint validation.
          */
         "step": number | undefined;
+        /**
+          * Align the editable value; number steppers follow the same inline edge.
+          * @default 'start'
+         */
+        "textAlign": InputTextAlign;
         /**
           * @default 'text'
          */
@@ -1477,6 +1497,10 @@ export namespace Components {
           * ID of the external trigger element for positioning
          */
         "anchorId": string | undefined;
+        /**
+          * Explicit collision owner; otherwise the nearest data-ds-overlay-boundary ancestor is used.
+         */
+        "boundary": HTMLElement | undefined;
         /**
           * Show a visible ring on the initially focused menu item. Use only when the opener was keyboard-driven.
           * @default false
@@ -1635,6 +1659,19 @@ export namespace Components {
           * @default 'area'
          */
         "activeDestination": MobileDestination;
+        /**
+          * @default false
+         */
+        "activityDot": boolean;
+        /**
+          * @default 'Activity'
+         */
+        "activityLabel": string;
+        /**
+          * Render Activity directly, or retain the optional grouped Inbox destination.
+          * @default 'direct'
+         */
+        "activityMode": 'direct' | 'inbox';
         /**
           * @default false
          */
@@ -2312,6 +2349,10 @@ export namespace Components {
           * Actual parent surface context; omit on primary and secondary surfaces.
          */
         "background": SelectBackground | undefined;
+        /**
+          * Explicit collision owner; otherwise the nearest data-ds-overlay-boundary ancestor is used.
+         */
+        "boundary": HTMLElement | undefined;
         /**
           * Localized clear action label.
           * @default 'Clear'
@@ -3423,6 +3464,10 @@ export namespace Components {
           * @default 0
          */
         "alignOffset": number | string;
+        /**
+          * Explicit collision owner, `viewport`, or the nearest data-ds-overlay-boundary ancestor.
+         */
+        "boundary": AnchoredOverlayBoundary | undefined;
         /**
           * Hover show delay before the tooltip appears. Default: `--effect-animation-delay-medium-3` (1000ms). Accepts a number (ms) or a TokoMo time token / `var(--effect-animation-delay-*)`. Applies to the initial hover/focus show only — after a recent dismiss, reopen is instant. Prefer the default; override only for denser chrome or rare/destructive actions.
           * @default TOKEN_DEFAULTS.animationDelayMedium3
@@ -3519,7 +3564,7 @@ export namespace Components {
     interface DsTypingIndicator {
         /**
           * Concise localized typing status.
-          * @default 'Typing...'
+          * @default 'Typing…'
          */
         "label": string;
     }
@@ -4437,7 +4482,7 @@ declare global {
     interface HTMLDsPanelToolHeaderElementEventMap {
         "dsBack": MouseEvent;
         "dsMenuToggle": MouseEvent;
-        "dsAction": { id: string; originalEvent: MouseEvent };
+        "dsAction": PanelToolHeaderActionDetail;
     }
     interface HTMLDsPanelToolHeaderElement extends Components.DsPanelToolHeader, HTMLStencilElement {
         addEventListener<K extends keyof HTMLDsPanelToolHeaderElementEventMap>(type: K, listener: (this: HTMLDsPanelToolHeaderElement, ev: DsPanelToolHeaderCustomEvent<HTMLDsPanelToolHeaderElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -4483,10 +4528,7 @@ declare global {
         "dsHeaderBack": {
     tool: PanelToolsToolId;
   };
-        "dsHeaderAction": {
-    tool: PanelToolsToolId;
-    id: string;
-  };
+        "dsHeaderAction": PanelToolsHeaderActionDetail;
         "dsChromeTransitionStart": ChromeTransitionDetail;
         "dsChromeTransitionEnd": ChromeTransitionDetail;
     }
@@ -5111,8 +5153,7 @@ declare namespace LocalJSX {
          */
         "count"?: number;
         /**
-          * Ring samples the shell gradient stack (base fill + wash) instead of a flat `box-shadow`. Auto-enabled under an ShellApp with an active gradient preset; set `gradient-background` to opt in/out explicitly.  The attribute must NOT start with `on` — Stencil's setAccessor routes any unknown `on*` member down the event-listener path during attribute reflection, calling addEventListener with a non-listener and throwing.
-          * @default false
+          * Ring samples the shell gradient stack (base fill + wash) instead of a flat `box-shadow`. Omit to inherit ShellApp context; set true or false to override.  The attribute must NOT start with `on` — Stencil's setAccessor routes any unknown `on*` member down the event-listener path during attribute reflection, calling addEventListener with a non-listener and throwing.
          */
         "gradientBackground"?: boolean;
         /**
@@ -5501,6 +5542,11 @@ declare namespace LocalJSX {
           * @default ''
          */
         "label"?: string;
+        /**
+          * Whether the visible label uses the emphasized weight.
+          * @default true
+         */
+        "labelEmphasis"?: boolean;
         "onDsClick"?: (event: DsButtonFilledCustomEvent<MouseEvent>) => void;
         /**
           * Scale down during a physical pointer press. Disable when an owning composite requires fixed child or background geometry.
@@ -5613,6 +5659,11 @@ declare namespace LocalJSX {
           * @default ''
          */
         "label"?: string;
+        /**
+          * Whether the visible label uses the emphasized weight.
+          * @default true
+         */
+        "labelEmphasis"?: boolean;
         "onDsChange"?: (event: DsButtonUnfilledCustomEvent<boolean>) => void;
         "onDsClick"?: (event: DsButtonUnfilledCustomEvent<MouseEvent>) => void;
         /**
@@ -6129,6 +6180,10 @@ declare namespace LocalJSX {
           * @default null
          */
         "ariaLabel"?: string | null;
+        /**
+          * Explicit collision owner; otherwise the nearest data-ds-overlay-boundary ancestor is used.
+         */
+        "boundary"?: HTMLElement | undefined;
         /**
           * Accessible name for the category tab list.
           * @default 'Filter categories'
@@ -6174,7 +6229,7 @@ declare namespace LocalJSX {
          */
         "menuLabel"?: string;
         /**
-          * Popup width. It remains clamped to the viewport by the component recipe.
+          * Popup width. It remains clamped to its collision boundary by the component recipe.
           * @default TOKEN_CSS_LENGTHS.menuWidthLg
          */
         "menuWidth"?: string;
@@ -6349,6 +6404,11 @@ declare namespace LocalJSX {
           * Numeric increment used by native stepping and constraint validation.
          */
         "step"?: number | undefined;
+        /**
+          * Align the editable value; number steppers follow the same inline edge.
+          * @default 'start'
+         */
+        "textAlign"?: InputTextAlign;
         /**
           * @default 'text'
          */
@@ -6412,6 +6472,10 @@ declare namespace LocalJSX {
           * ID of the external trigger element for positioning
          */
         "anchorId"?: string | undefined;
+        /**
+          * Explicit collision owner; otherwise the nearest data-ds-overlay-boundary ancestor is used.
+         */
+        "boundary"?: HTMLElement | undefined;
         /**
           * Show a visible ring on the initially focused menu item. Use only when the opener was keyboard-driven.
           * @default false
@@ -6586,6 +6650,19 @@ declare namespace LocalJSX {
           * @default 'area'
          */
         "activeDestination"?: MobileDestination;
+        /**
+          * @default false
+         */
+        "activityDot"?: boolean;
+        /**
+          * @default 'Activity'
+         */
+        "activityLabel"?: string;
+        /**
+          * Render Activity directly, or retain the optional grouped Inbox destination.
+          * @default 'direct'
+         */
+        "activityMode"?: 'direct' | 'inbox';
         /**
           * @default false
          */
@@ -7067,7 +7144,7 @@ declare namespace LocalJSX {
           * @default ''
          */
         "menuTriggerId"?: string;
-        "onDsAction"?: (event: DsPanelToolHeaderCustomEvent<{ id: string; originalEvent: MouseEvent }>) => void;
+        "onDsAction"?: (event: DsPanelToolHeaderCustomEvent<PanelToolHeaderActionDetail>) => void;
         "onDsBack"?: (event: DsPanelToolHeaderCustomEvent<MouseEvent>) => void;
         "onDsMenuToggle"?: (event: DsPanelToolHeaderCustomEvent<MouseEvent>) => void;
         /**
@@ -7168,10 +7245,7 @@ declare namespace LocalJSX {
         /**
           * Requests one application-owned action from the active tool header.
          */
-        "onDsHeaderAction"?: (event: DsPanelToolsCustomEvent<{
-    tool: PanelToolsToolId;
-    id: string;
-  }>) => void;
+        "onDsHeaderAction"?: (event: DsPanelToolsCustomEvent<PanelToolsHeaderActionDetail>) => void;
         /**
           * Requests navigation to the active tool's parent view.
          */
@@ -7323,6 +7397,10 @@ declare namespace LocalJSX {
           * Actual parent surface context; omit on primary and secondary surfaces.
          */
         "background"?: SelectBackground | undefined;
+        /**
+          * Explicit collision owner; otherwise the nearest data-ds-overlay-boundary ancestor is used.
+         */
+        "boundary"?: HTMLElement | undefined;
         /**
           * Localized clear action label.
           * @default 'Clear'
@@ -8582,6 +8660,10 @@ declare namespace LocalJSX {
           * @default 0
          */
         "alignOffset"?: number | string;
+        /**
+          * Explicit collision owner, `viewport`, or the nearest data-ds-overlay-boundary ancestor.
+         */
+        "boundary"?: AnchoredOverlayBoundary | undefined;
         /**
           * Hover show delay before the tooltip appears. Default: `--effect-animation-delay-medium-3` (1000ms). Accepts a number (ms) or a TokoMo time token / `var(--effect-animation-delay-*)`. Applies to the initial hover/focus show only — after a recent dismiss, reopen is instant. Prefer the default; override only for denser chrome or rare/destructive actions.
           * @default TOKEN_DEFAULTS.animationDelayMedium3
@@ -8670,7 +8752,7 @@ declare namespace LocalJSX {
     interface DsTypingIndicator {
         /**
           * Concise localized typing status.
-          * @default 'Typing...'
+          * @default 'Typing…'
          */
         "label"?: string;
     }
@@ -8783,6 +8865,7 @@ declare namespace LocalJSX {
         "insetDepth": ControlInsetDepth;
         "width": ButtonFilledWidth;
         "label": string;
+        "labelEmphasis": boolean;
         "icon": string;
         "intent": ButtonFilledIntent;
         "contrast": ButtonFilledContrast;
@@ -8806,6 +8889,7 @@ declare namespace LocalJSX {
         "insetDepth": ControlInsetDepth;
         "width": ButtonUnfilledWidth;
         "label": string;
+        "labelEmphasis": boolean;
         "icon": string;
         "isActive": boolean;
         "activeFill": boolean;
@@ -8976,6 +9060,7 @@ declare namespace LocalJSX {
         "min": number | undefined;
         "max": number | undefined;
         "step": number | undefined;
+        "textAlign": InputTextAlign;
         "autoComplete": string | undefined;
         "inputMode": string;
         "enterKeyHint": string;
@@ -9056,11 +9141,14 @@ declare namespace LocalJSX {
         "sheetNavExpanded": boolean;
         "menuLabel": string;
         "searchLabel": string;
+        "activityMode": 'direct' | 'inbox';
+        "activityLabel": string;
         "inboxLabel": string;
         "messagesLabel": string;
         "agentsLabel": string;
         "helpLabel": string;
         "searchDot": boolean;
+        "activityDot": boolean;
         "inboxDot": boolean;
         "messagesDot": boolean;
         "agentsDot": boolean;
@@ -9444,6 +9532,7 @@ declare namespace LocalJSX {
         "align": TooltipAlign;
         "sideOffset": string;
         "alignOffset": string;
+        "boundary": AnchoredOverlayBoundary | undefined;
         "delay": string;
         "shortcutKey": string | undefined;
         "shortcutKeyPosition": 'start' | 'end';

package/dist/types/shell/index.d.ts

@@ -3,7 +3,7 @@ export type { PanelNavGroup, PanelNavItem, } from '../components/PanelNav/panel-
 export type { BarNavTab } from '../components/BarNav/bar-nav-types';
 export type { ShellPageContentInset, ShellPageContentSurface, } from '../components/ShellPage/shell-page-types';
 export type { ShellAppComposition, ShellNavigationConfig, ShellNavigationSelectDetail, ShellPageChromeConfig, ShellToolsConfig, } from '../components/ShellApp/shell-app-types';
-export type { PanelToolsHeaderAction, PanelToolsHeaderConfig, PanelToolsHeaders, PanelToolsItem, PanelToolsToolId, } from '../components/PanelTools/panel-tools-types';
+export type { PanelToolsHeaderAction, PanelToolsHeaderActionDetail, PanelToolHeaderActionDetail, PanelToolsHeaderConfig, PanelToolsHeaders, PanelToolsItem, PanelToolsToolId, } from '../components/PanelTools/panel-tools-types';
 export { PANEL_TOOLS_DEFAULT_ITEMS } from '../components/PanelTools/panel-tools-types';
 export { NAV_STYLE_HINT_ATTR, readNavStyleAttr, setNavStyleHint, clearNavStyleHint, } from './nav-chrome';
 export type { MenuPlacement } from '../components/Menu/menu-placement';

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

@@ -1,6 +1,6 @@
 import type { PanelToolsToolId } from '../components/PanelTools/panel-tools-types';
 export type ShellResponsiveMode = 'desktop' | 'tablet' | 'mobile';
-export type MobileDestination = 'area' | 'search' | 'inbox' | 'messages' | 'agents' | 'help';
+export type MobileDestination = 'area' | 'search' | 'inbox' | 'activity' | 'messages' | 'agents' | 'help';
 export type ShellInboxToolId = PanelToolsToolId;
 export declare const SHELL_DESKTOP_BREAKPOINT = 1200;
 export declare const SHELL_MOBILE_BREAKPOINT = 768;
@@ -8,6 +8,11 @@ export declare const SHELL_DEFAULT_INBOX_TOOL: ShellInboxToolId;
 export declare function resolveShellResponsiveMode(width: number): ShellResponsiveMode;
 export declare function resolveManagedShellPageCapacity(mode: ShellResponsiveMode): 'roomy' | 'compact' | 'constrained';
 export declare function shellMobileDestinationForTool(open: boolean, tool: PanelToolsToolId | ''): MobileDestination;
+/** Explicit item metadata wins over the legacy canonical Stacks/Activity grouping. */
+export declare function itemUsesShellInbox(item: {
+    id: PanelToolsToolId;
+    mobileDestination?: MobileDestination;
+}): boolean;
 export declare function isShellInboxTool(tool: string): tool is ShellInboxToolId;
 export declare function resolveAvailableInboxTool(preferred: string, available: readonly PanelToolsToolId[]): ShellInboxToolId | '';
 /** Active-destination reselects are inert unless they also dismiss the Menu pane. */

package/dist/types/utils/anchored-overlay-boundary.d.ts

@@ -0,0 +1,14 @@
+import type { AnchoredCollisionRect } from './anchored-position';
+/** Attribute placed on a page or panel whose visible rectangle owns anchored overlays. */
+export declare const ANCHORED_OVERLAY_BOUNDARY_ATTRIBUTE = "data-ds-overlay-boundary";
+/** An element-owned collision rectangle, or an explicit escape to the viewport. */
+export type AnchoredOverlayBoundary = HTMLElement | 'viewport';
+/**
+ * Find the nearest collision owner through light DOM, assigned slots, and open
+ * shadow roots. The popup may live in the top layer or a body portal; ownership
+ * follows its anchor instead of the popup's rendering location.
+ */
+export declare function findAnchoredOverlayBoundary(anchor: Element): HTMLElement | null;
+/** Resolve an explicit owner first, then the nearest composed-tree boundary. */
+export declare function resolveAnchoredOverlayBoundaryRect(anchor: Element, explicitBoundary?: AnchoredOverlayBoundary): AnchoredCollisionRect | undefined;
+//# sourceMappingURL=anchored-overlay-boundary.d.ts.map

package/dist/types/utils/anchored-overlay-interaction-controller.d.ts

@@ -0,0 +1,26 @@
+export interface AnchoredOverlayInteractionOptions {
+    getAnchor: () => HTMLElement | null;
+    getPopup: () => HTMLElement | null;
+    /** Stable owner fallback when framework bindings assign open before anchor. */
+    getOwnerDocument?: () => Document | null;
+    onOutsideActivation: () => void;
+}
+/** Whether an event originated from a boundary, including through open shadow roots. */
+export declare function eventIntersectsComposedBoundary(event: Event, boundary: HTMLElement): boolean;
+/**
+ * Owns the non-visual interaction boundary shared by externally anchored
+ * overlays: composed outside activation, focus return, and Tab continuation.
+ */
+export declare class AnchoredOverlayInteractionController {
+    private readonly options;
+    private ownerDocument;
+    private readonly outsideHandler;
+    constructor(options: AnchoredOverlayInteractionOptions);
+    connect(): void;
+    disconnect(): void;
+    focusAnchor(): void;
+    tabLeavesPopup(event: KeyboardEvent): boolean;
+    moveFocusAfterTab(backwards: boolean): void;
+    private get anchorFocusTarget();
+}
+//# sourceMappingURL=anchored-overlay-interaction-controller.d.ts.map

package/dist/types/utils/anchored-position-controller.d.ts

@@ -17,6 +17,8 @@ export interface AnchoredPositionControllerOptions {
     getAnchor: () => HTMLElement | null;
     /** Resolve the popup at measure time; positioning retries while this is null. */
     getPopup: () => HTMLElement | null;
+    /** Stable owner fallback when framework bindings assign open before anchor. */
+    getOwnerDocument?: () => Document | null;
     /**
      * Build the layout input for one measurement pass.
      *
@@ -46,6 +48,11 @@ export interface AnchoredPositionControllerOptions {
      * label's `ds-text` upgrade changes the measured width after mount.
      */
     observeResize?: boolean;
+    /**
+     * Follow CSS transitions or animations that move the anchor without resizing
+     * it. The observer only runs a measurement loop while related motion is active.
+     */
+    observeAnchorMotion?: boolean;
     retryBudget?: number;
 }
 /**
@@ -67,8 +74,13 @@ export declare class AnchoredPositionController {
     private resizeObserver;
     private retryRaf;
     private liveRaf;
+    private anchorMotionRaf;
+    private activeAnchorMotions;
+    private ownerDocument;
     private last;
     private isReady;
+    private readonly anchorMotionStartHandler;
+    private readonly anchorMotionEndHandler;
     constructor(options: AnchoredPositionControllerOptions);
     /** `true` once a measurement has succeeded, for gating popup reveal. */
     get ready(): boolean;
@@ -96,6 +108,8 @@ export declare class AnchoredPositionController {
     private cancelRetry;
     private bindListeners;
     private unbindListeners;
+    private eventCanMoveAnchor;
+    private scheduleAnchorMotionUpdate;
     /**
      * Re-attach the resize observer after the popup remounts. Safe to call
      * repeatedly; `ResizeObserver.observe` ignores duplicate targets.

package/dist/types/utils/anchored-position.d.ts

@@ -1,5 +1,6 @@
 export type AnchoredSide = 'top' | 'right' | 'bottom' | 'left';
 export type AnchoredAlign = 'start' | 'center' | 'end';
+export type AnchoredCollisionRect = Pick<DOMRectReadOnly, 'top' | 'left' | 'right' | 'bottom' | 'width' | 'height'>;
 export interface AnchoredPositionInput {
     anchorRect: Pick<DOMRectReadOnly, 'top' | 'left' | 'right' | 'bottom' | 'width' | 'height'>;
     popupWidth: number;
@@ -11,20 +12,25 @@ export interface AnchoredPositionInput {
     viewportPadPx: number;
     viewportWidth: number;
     viewportHeight: number;
+    /** Optional page or panel collision rectangle in viewport-fixed coordinates. */
+    collisionRect?: AnchoredCollisionRect;
 }
 export interface AnchoredPosition {
     x: number;
     y: number;
     /** Side actually used, which differs from the request when placement flipped. */
     resolvedSide: AnchoredSide;
+    /** Vertical room available on the resolved side inside the padded viewport. */
+    availableHeight: number;
 }
 /**
  * Pure viewport-fixed anchored-popup layout math shared by every element-anchored
  * overlay: menus, selects, tooltips, and anchored toasts.
  *
- * `side` is preferred. When the popup spills past the padded viewport there and
+ * `side` is preferred. When the popup spills past the padded collision boundary and
  * the opposite side spills less, placement flips on the main axis; the result is
- * then clamped into the viewport on both axes. Cross-axis `align` is applied
+ * then clamped into that boundary on both axes. The viewport is the fallback when
+ * no page or panel collision rectangle is supplied. Cross-axis `align` is applied
  * before clamping so `alignOffsetPx` stays an additive nudge.
  *
  * Callers own their own anchor semantics — inner-cell alignment offsets and

package/dist/types/utils/button-render.d.ts

@@ -4,6 +4,7 @@ interface ButtonContentOptions {
     variant: ButtonVariant;
     size: ButtonSize;
     label: string;
+    labelEmphasis: boolean;
     icon: string;
     hasMenu: boolean;
     isLoading: boolean;

package/dist/types/utils/select-controller.d.ts

@@ -12,6 +12,7 @@ export interface SelectControllerState<T extends ChoiceOption> {
     readonly isDisabled: boolean;
     readonly preferredIndex: number;
     readonly popupAlign: 'start' | 'end';
+    readonly boundary: HTMLElement | undefined;
     open: boolean;
     activeIndex: number;
     searchTerm: string;

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

@@ -10,6 +10,7 @@ export const DsButtonFilled = /*@__PURE__*/ defineContainer('ds-button-filled',
     'insetDepth',
     'width',
     'label',
+    'labelEmphasis',
     'icon',
     'intent',
     'contrast',

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

@@ -10,6 +10,7 @@ export const DsButtonUnfilled = /*@__PURE__*/ defineContainer('ds-button-unfille
     'insetDepth',
     'width',
     'label',
+    'labelEmphasis',
     'icon',
     'isActive',
     'activeFill',

package/dist/vue/ds-filter-menu.js

@@ -19,6 +19,7 @@ export const DsFilterMenu = /*@__PURE__*/ defineContainer('ds-filter-menu', defi
     'activeFilterId',
     'anchor',
     'anchorId',
+    'boundary',
     'side',
     'align',
     'sideOffset',

package/dist/vue/ds-input.js

@@ -17,6 +17,7 @@ export const DsInput = /*@__PURE__*/ defineContainer('ds-input', defineDsInput,
     'min',
     'max',
     'step',
+    'textAlign',
     'autoComplete',
     'inputMode',
     'enterKeyHint',

package/dist/vue/ds-menu.js

@@ -18,6 +18,7 @@ export const DsMenu = /*@__PURE__*/ defineContainer('ds-menu', defineDsMenu, [
     'minWidth',
     'anchor',
     'anchorId',
+    'boundary',
     'initialFocusVisible',
     'menuLabel',
     'dsClose',

package/dist/vue/ds-mobile-bar-nav.js

@@ -9,11 +9,14 @@ export const DsMobileBarNav = /*@__PURE__*/ defineContainer('ds-mobile-bar-nav',
     'sheetNavExpanded',
     'menuLabel',
     'searchLabel',
+    'activityMode',
+    'activityLabel',
     'inboxLabel',
     'messagesLabel',
     'agentsLabel',
     'helpLabel',
     'searchDot',
+    'activityDot',
     'inboxDot',
     'messagesDot',
     'agentsDot',

package/dist/vue/ds-select.js

@@ -20,6 +20,7 @@ export const DsSelect = /*@__PURE__*/ defineContainer('ds-select', defineDsSelec
     'size',
     'width',
     'popupAlign',
+    'boundary',
     'isInactive',
     'isLoading',
     'activeFill',

package/dist/vue/ds-tooltip.js

@@ -10,6 +10,7 @@ export const DsTooltip = /*@__PURE__*/ defineContainer('ds-tooltip', defineDsToo
     'align',
     'sideOffset',
     'alignOffset',
+    'boundary',
     'delay',
     'shortcutKey',
     'shortcutKeyPosition',