@ds-mo/ui 13.14.0 → 13.16.0

package/dist/types/components.d.ts

@@ -5,7 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { AgentActivityItem, AgentResponsePart, AgentSource, AgentToolState, ConversationAttachment, ConversationItemState, MessageComposerStatus, MessageCopyResultEventDetail, MessageDeliveryState, MessageDirection, MessageFeedback, MessageGroupPosition, MessageMetadataVisibility, MessageScrollerPosition } from "./components/conversation-types";
+import { 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";
 import { IconColor, IconSize as IconSize1 } from "./components/Icon/Icon";
 import { AvatarSize } from "./components/Avatar/Avatar";
 import { BadgeSurface, BadgeVariant } from "./components/Badge/Badge";
@@ -66,7 +66,7 @@ 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 { TooltipChartItem } from "./components/TooltipChart/TooltipChart";
-export { AgentActivityItem, AgentResponsePart, AgentSource, AgentToolState, ConversationAttachment, ConversationItemState, MessageComposerStatus, MessageCopyResultEventDetail, MessageDeliveryState, MessageDirection, MessageFeedback, MessageGroupPosition, MessageMetadataVisibility, MessageScrollerPosition } from "./components/conversation-types";
+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";
 export { AvatarSize } from "./components/Avatar/Avatar";
 export { BadgeSurface, BadgeVariant } from "./components/Badge/Badge";
@@ -142,6 +142,25 @@ export namespace Components {
          */
         "open": boolean;
     }
+    interface DsAgentQuestionnaire {
+        /**
+          * @default false
+         */
+        "allowCancel": boolean;
+        /**
+          * @default []
+         */
+        "answers": AgentQuestionAnswer[];
+        "errorMessage"?: string;
+        "labels"?: Partial<AgentQuestionnaireLabels>;
+        "questions": AgentQuestion[];
+        "requestId": string;
+        "setFocus": () => Promise<void>;
+        /**
+          * @default 'ready'
+         */
+        "status": AgentQuestionnaireStatus;
+    }
     interface DsAgentResponse {
         /**
           * @default ''
@@ -160,6 +179,11 @@ export namespace Components {
           * @default []
          */
         "parts": AgentResponsePart[];
+        /**
+          * Renders serializable ordered parts or lets the default slot own the complete ordered body.
+          * @default 'parts'
+         */
+        "renderMode": AgentResponseRenderMode;
         /**
           * @default true
          */
@@ -207,6 +231,7 @@ export namespace Components {
           * @default 'queued'
          */
         "state": AgentToolState;
+        "statusLabel"?: string;
     }
     interface DsAttachmentList {
         /**
@@ -415,6 +440,15 @@ export namespace Components {
           * @default false
          */
         "showBack": boolean;
+        /**
+          * Override divider visibility for compact and constrained variants.
+         */
+        "showCompactDivider"?: boolean;
+        /**
+          * Draw the page-title divider beneath the header.
+          * @default true
+         */
+        "showDivider": boolean;
         /**
           * Id of the active page section.
           * @default ''
@@ -891,6 +925,10 @@ export namespace Components {
           * @default false
          */
         "checked": boolean;
+        /**
+          * Optional supporting description associated with the checkbox.
+         */
+        "description"?: string;
         /**
           * Native disabled state.
           * @default false
@@ -1372,6 +1410,10 @@ export namespace Components {
         "variant": MessageBubbleVariant;
     }
     interface DsMessageComposer {
+        /**
+          * Submission failure shown while status is error.
+         */
+        "errorMessage"?: string;
         /**
           * @default false
          */
@@ -1948,6 +1990,10 @@ export namespace Components {
           * @default 'This field is required.'
          */
         "requiredMessage": string;
+        /**
+          * Focus the selected option, or the first active option when nothing is selected.
+         */
+        "setFocus": () => Promise<void>;
         /**
           * Visual and placement density for every option.
           * @default 'md'
@@ -2188,11 +2234,24 @@ export namespace Components {
         "tools": ShellToolsConfig;
     }
     interface DsShellPage {
+        /**
+          * Exact block-start content inset while the header is compact or constrained.
+         */
+        "compactContentInsetBlockStartSize"?: string;
         /**
           * Standard page gutters, or no inset for full-bleed page content.
           * @default 'default'
          */
         "contentInset": ShellPageContentInset;
+        /**
+          * Preserve the responsive side/end gutters while allowing content to meet the header.
+          * @default 'default'
+         */
+        "contentInsetBlockStart": ShellPageContentInset;
+        /**
+          * Exact block-start content inset, overriding the responsive default when provided.
+         */
+        "contentInsetBlockStartSize"?: string;
         /**
           * Canvas surface painted around and beneath routed page content.
           * @default 'primary'
@@ -2212,6 +2271,11 @@ export namespace Components {
           * @default 'desktop'
          */
         "responsiveMode": ShellResponsiveMode;
+        /**
+          * Allow roomy automatic headers to compact as the page scrolls.
+          * @default true
+         */
+        "scrollCompaction": boolean;
     }
     interface DsShellTools {
         /**
@@ -2579,6 +2643,11 @@ export namespace Components {
           * @default 'Unable to load data'
          */
         "errorHeading": string;
+        /**
+          * Fit the complete table composition to its nearest vertical scrollport.
+          * @default false
+         */
+        "fitViewport": boolean;
         /**
           * Controlled grouping column and group-order direction.
           * @default null
@@ -2593,6 +2662,10 @@ export namespace Components {
           * @default false
          */
         "hasMore": boolean;
+        /**
+          * Fixed height for the complete header, table frame, and footer composition.
+         */
+        "height": string | number | undefined;
         /**
           * Enable application-owned incremental loading without pagination.
           * @default false
@@ -2680,6 +2753,16 @@ export namespace Components {
          */
         "stickyHeader": boolean;
         "totalCount": number | undefined;
+        /**
+          * Reserved space below a viewport-fitted table.
+          * @default 0
+         */
+        "viewportInsetBlockEnd": string | number;
+        /**
+          * Reserved space above a viewport-fitted table once surrounding chrome is compact.
+          * @default 0
+         */
+        "viewportInsetBlockStart": string | number;
     }
     interface DsTag {
         /**
@@ -2922,6 +3005,18 @@ export namespace Components {
         "label": string;
     }
 }
+export interface DsAgentQuestionnaireCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsAgentQuestionnaireElement;
+}
+export interface DsAgentSourceListCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsAgentSourceListElement;
+}
+export interface DsAgentToolCallCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsAgentToolCallElement;
+}
 export interface DsBannerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsBannerElement;
@@ -3097,19 +3192,59 @@ declare global {
         prototype: HTMLDsAgentActivityElement;
         new (): HTMLDsAgentActivityElement;
     };
+    interface HTMLDsAgentQuestionnaireElementEventMap {
+        "dsAnswer": AgentQuestionnaireAnswerEventDetail;
+        "dsCancel": AgentQuestionnaireCancelEventDetail;
+    }
+    interface HTMLDsAgentQuestionnaireElement extends Components.DsAgentQuestionnaire, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsAgentQuestionnaireElementEventMap>(type: K, listener: (this: HTMLDsAgentQuestionnaireElement, ev: DsAgentQuestionnaireCustomEvent<HTMLDsAgentQuestionnaireElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLDsAgentQuestionnaireElementEventMap>(type: K, listener: (this: HTMLDsAgentQuestionnaireElement, ev: DsAgentQuestionnaireCustomEvent<HTMLDsAgentQuestionnaireElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLDsAgentQuestionnaireElement: {
+        prototype: HTMLDsAgentQuestionnaireElement;
+        new (): HTMLDsAgentQuestionnaireElement;
+    };
     interface HTMLDsAgentResponseElement extends Components.DsAgentResponse, HTMLStencilElement {
     }
     var HTMLDsAgentResponseElement: {
         prototype: HTMLDsAgentResponseElement;
         new (): HTMLDsAgentResponseElement;
     };
+    interface HTMLDsAgentSourceListElementEventMap {
+        "dsOpenChange": { open: boolean };
+    }
     interface HTMLDsAgentSourceListElement extends Components.DsAgentSourceList, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsAgentSourceListElementEventMap>(type: K, listener: (this: HTMLDsAgentSourceListElement, ev: DsAgentSourceListCustomEvent<HTMLDsAgentSourceListElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLDsAgentSourceListElementEventMap>(type: K, listener: (this: HTMLDsAgentSourceListElement, ev: DsAgentSourceListCustomEvent<HTMLDsAgentSourceListElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLDsAgentSourceListElement: {
         prototype: HTMLDsAgentSourceListElement;
         new (): HTMLDsAgentSourceListElement;
     };
+    interface HTMLDsAgentToolCallElementEventMap {
+        "dsOpenChange": { open: boolean };
+    }
     interface HTMLDsAgentToolCallElement extends Components.DsAgentToolCall, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsAgentToolCallElementEventMap>(type: K, listener: (this: HTMLDsAgentToolCallElement, ev: DsAgentToolCallCustomEvent<HTMLDsAgentToolCallElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLDsAgentToolCallElementEventMap>(type: K, listener: (this: HTMLDsAgentToolCallElement, ev: DsAgentToolCallCustomEvent<HTMLDsAgentToolCallElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLDsAgentToolCallElement: {
         prototype: HTMLDsAgentToolCallElement;
@@ -4068,6 +4203,7 @@ declare global {
     };
     interface HTMLElementTagNameMap {
         "ds-agent-activity": HTMLDsAgentActivityElement;
+        "ds-agent-questionnaire": HTMLDsAgentQuestionnaireElement;
         "ds-agent-response": HTMLDsAgentResponseElement;
         "ds-agent-source-list": HTMLDsAgentSourceListElement;
         "ds-agent-tool-call": HTMLDsAgentToolCallElement;
@@ -4152,6 +4288,26 @@ declare namespace LocalJSX {
          */
         "open"?: boolean;
     }
+    interface DsAgentQuestionnaire {
+        /**
+          * @default false
+         */
+        "allowCancel"?: boolean;
+        /**
+          * @default []
+         */
+        "answers"?: AgentQuestionAnswer[];
+        "errorMessage"?: string;
+        "labels"?: Partial<AgentQuestionnaireLabels>;
+        "onDsAnswer"?: (event: DsAgentQuestionnaireCustomEvent<AgentQuestionnaireAnswerEventDetail>) => void;
+        "onDsCancel"?: (event: DsAgentQuestionnaireCustomEvent<AgentQuestionnaireCancelEventDetail>) => void;
+        "questions": AgentQuestion[];
+        "requestId": string;
+        /**
+          * @default 'ready'
+         */
+        "status"?: AgentQuestionnaireStatus;
+    }
     interface DsAgentResponse {
         /**
           * @default ''
@@ -4170,6 +4326,11 @@ declare namespace LocalJSX {
           * @default []
          */
         "parts"?: AgentResponsePart[];
+        /**
+          * Renders serializable ordered parts or lets the default slot own the complete ordered body.
+          * @default 'parts'
+         */
+        "renderMode"?: AgentResponseRenderMode;
         /**
           * @default true
          */
@@ -4192,6 +4353,7 @@ declare namespace LocalJSX {
           * @default []
          */
         "items"?: AgentSource[];
+        "onDsOpenChange"?: (event: DsAgentSourceListCustomEvent<{ open: boolean }>) => void;
         /**
           * @default false
          */
@@ -4208,6 +4370,7 @@ declare namespace LocalJSX {
           * @default ''
          */
         "name"?: string;
+        "onDsOpenChange"?: (event: DsAgentToolCallCustomEvent<{ open: boolean }>) => void;
         /**
           * @default false
          */
@@ -4217,6 +4380,7 @@ declare namespace LocalJSX {
           * @default 'queued'
          */
         "state"?: AgentToolState;
+        "statusLabel"?: string;
     }
     interface DsAttachmentList {
         /**
@@ -4453,6 +4617,15 @@ declare namespace LocalJSX {
           * @default false
          */
         "showBack"?: boolean;
+        /**
+          * Override divider visibility for compact and constrained variants.
+         */
+        "showCompactDivider"?: boolean;
+        /**
+          * Draw the page-title divider beneath the header.
+          * @default true
+         */
+        "showDivider"?: boolean;
         /**
           * Id of the active page section.
           * @default ''
@@ -4970,6 +5143,10 @@ declare namespace LocalJSX {
           * @default false
          */
         "checked"?: boolean;
+        /**
+          * Optional supporting description associated with the checkbox.
+         */
+        "description"?: string;
         /**
           * Native disabled state.
           * @default false
@@ -5477,6 +5654,10 @@ declare namespace LocalJSX {
         "variant"?: MessageBubbleVariant;
     }
     interface DsMessageComposer {
+        /**
+          * Submission failure shown while status is error.
+         */
+        "errorMessage"?: string;
         /**
           * @default false
          */
@@ -6412,11 +6593,24 @@ declare namespace LocalJSX {
         "tools"?: ShellToolsConfig;
     }
     interface DsShellPage {
+        /**
+          * Exact block-start content inset while the header is compact or constrained.
+         */
+        "compactContentInsetBlockStartSize"?: string;
         /**
           * Standard page gutters, or no inset for full-bleed page content.
           * @default 'default'
          */
         "contentInset"?: ShellPageContentInset;
+        /**
+          * Preserve the responsive side/end gutters while allowing content to meet the header.
+          * @default 'default'
+         */
+        "contentInsetBlockStart"?: ShellPageContentInset;
+        /**
+          * Exact block-start content inset, overriding the responsive default when provided.
+         */
+        "contentInsetBlockStartSize"?: string;
         /**
           * Canvas surface painted around and beneath routed page content.
           * @default 'primary'
@@ -6436,6 +6630,11 @@ declare namespace LocalJSX {
           * @default 'desktop'
          */
         "responsiveMode"?: ShellResponsiveMode;
+        /**
+          * Allow roomy automatic headers to compact as the page scrolls.
+          * @default true
+         */
+        "scrollCompaction"?: boolean;
     }
     interface DsShellTools {
         /**
@@ -6815,6 +7014,11 @@ declare namespace LocalJSX {
           * @default 'Unable to load data'
          */
         "errorHeading"?: string;
+        /**
+          * Fit the complete table composition to its nearest vertical scrollport.
+          * @default false
+         */
+        "fitViewport"?: boolean;
         /**
           * Controlled grouping column and group-order direction.
           * @default null
@@ -6829,6 +7033,10 @@ declare namespace LocalJSX {
           * @default false
          */
         "hasMore"?: boolean;
+        /**
+          * Fixed height for the complete header, table frame, and footer composition.
+         */
+        "height"?: string | number | undefined;
         /**
           * Enable application-owned incremental loading without pagination.
           * @default false
@@ -6923,6 +7131,16 @@ declare namespace LocalJSX {
          */
         "stickyHeader"?: boolean;
         "totalCount"?: number | undefined;
+        /**
+          * Reserved space below a viewport-fitted table.
+          * @default 0
+         */
+        "viewportInsetBlockEnd"?: string | number;
+        /**
+          * Reserved space above a viewport-fitted table once surrounding chrome is compact.
+          * @default 0
+         */
+        "viewportInsetBlockStart"?: string | number;
     }
     interface DsTag {
         /**
@@ -7176,11 +7394,18 @@ declare namespace LocalJSX {
         "heading": string;
         "open": boolean;
     }
+    interface DsAgentQuestionnaireAttributes {
+        "requestId": string;
+        "status": AgentQuestionnaireStatus;
+        "errorMessage": string;
+        "allowCancel": boolean;
+    }
     interface DsAgentResponseAttributes {
         "messageId": string;
         "author": string;
         "showAuthor": boolean;
         "timestamp": string;
+        "renderMode": AgentResponseRenderMode;
         "streaming": boolean;
         "metadataVisibility": MessageMetadataVisibility;
     }
@@ -7192,6 +7417,7 @@ declare namespace LocalJSX {
         "name": string;
         "label": string;
         "state": AgentToolState;
+        "statusLabel": string;
         "error": string;
         "open": boolean;
     }
@@ -7243,6 +7469,8 @@ declare namespace LocalJSX {
         "sectionsAriaLabel": string;
         "actionsAriaLabel": string;
         "variant": BarTitleVariant;
+        "showDivider": boolean;
+        "showCompactDivider": boolean;
     }
     interface DsBarWorkflowAttributes {
         "heading": string;
@@ -7350,6 +7578,7 @@ declare namespace LocalJSX {
     }
     interface DsCheckboxAttributes {
         "label": string;
+        "description": string;
         "checked": boolean;
         "size": CheckboxSize;
         "name": string | undefined;
@@ -7494,6 +7723,7 @@ declare namespace LocalJSX {
         "placeholder": string;
         "label": string;
         "status": MessageComposerStatus;
+        "errorMessage": string;
         "isInactive": boolean;
         "submitIntent": ButtonFilledIntent;
     }
@@ -7670,6 +7900,10 @@ declare namespace LocalJSX {
         "headerPresentation": ShellPageHeaderPresentation;
         "headerCapacity": ShellPageCapacity;
         "contentInset": ShellPageContentInset;
+        "contentInsetBlockStart": ShellPageContentInset;
+        "contentInsetBlockStartSize": string;
+        "compactContentInsetBlockStartSize": string;
+        "scrollCompaction": boolean;
         "contentSurface": ShellPageContentSurface;
         "responsiveMode": ShellResponsiveMode;
     }
@@ -7756,6 +7990,10 @@ declare namespace LocalJSX {
         "resultSummaryLabel": string;
         "stickyHeader": boolean;
         "maxHeight": string;
+        "height": string;
+        "fitViewport": boolean;
+        "viewportInsetBlockStart": string;
+        "viewportInsetBlockEnd": string;
         "scrollLabel": string | undefined;
         "selectionMode": TableSelectionMode;
         "loading": boolean;
@@ -7841,6 +8079,7 @@ declare namespace LocalJSX {
 
     interface IntrinsicElements {
         "ds-agent-activity": Omit<DsAgentActivity, keyof DsAgentActivityAttributes> & { [K in keyof DsAgentActivity & keyof DsAgentActivityAttributes]?: DsAgentActivity[K] } & { [K in keyof DsAgentActivity & keyof DsAgentActivityAttributes as `attr:${K}`]?: DsAgentActivityAttributes[K] } & { [K in keyof DsAgentActivity & keyof DsAgentActivityAttributes as `prop:${K}`]?: DsAgentActivity[K] };
+        "ds-agent-questionnaire": Omit<DsAgentQuestionnaire, keyof DsAgentQuestionnaireAttributes> & { [K in keyof DsAgentQuestionnaire & keyof DsAgentQuestionnaireAttributes]?: DsAgentQuestionnaire[K] } & { [K in keyof DsAgentQuestionnaire & keyof DsAgentQuestionnaireAttributes as `attr:${K}`]?: DsAgentQuestionnaireAttributes[K] } & { [K in keyof DsAgentQuestionnaire & keyof DsAgentQuestionnaireAttributes as `prop:${K}`]?: DsAgentQuestionnaire[K] } & OneOf<"requestId", DsAgentQuestionnaire["requestId"], DsAgentQuestionnaireAttributes["requestId"]>;
         "ds-agent-response": Omit<DsAgentResponse, keyof DsAgentResponseAttributes> & { [K in keyof DsAgentResponse & keyof DsAgentResponseAttributes]?: DsAgentResponse[K] } & { [K in keyof DsAgentResponse & keyof DsAgentResponseAttributes as `attr:${K}`]?: DsAgentResponseAttributes[K] } & { [K in keyof DsAgentResponse & keyof DsAgentResponseAttributes as `prop:${K}`]?: DsAgentResponse[K] };
         "ds-agent-source-list": Omit<DsAgentSourceList, keyof DsAgentSourceListAttributes> & { [K in keyof DsAgentSourceList & keyof DsAgentSourceListAttributes]?: DsAgentSourceList[K] } & { [K in keyof DsAgentSourceList & keyof DsAgentSourceListAttributes as `attr:${K}`]?: DsAgentSourceListAttributes[K] } & { [K in keyof DsAgentSourceList & keyof DsAgentSourceListAttributes as `prop:${K}`]?: DsAgentSourceList[K] };
         "ds-agent-tool-call": Omit<DsAgentToolCall, keyof DsAgentToolCallAttributes> & { [K in keyof DsAgentToolCall & keyof DsAgentToolCallAttributes]?: DsAgentToolCall[K] } & { [K in keyof DsAgentToolCall & keyof DsAgentToolCallAttributes as `attr:${K}`]?: DsAgentToolCallAttributes[K] } & { [K in keyof DsAgentToolCall & keyof DsAgentToolCallAttributes as `prop:${K}`]?: DsAgentToolCall[K] };
@@ -7913,6 +8152,7 @@ declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
             "ds-agent-activity": LocalJSX.IntrinsicElements["ds-agent-activity"] & JSXBase.HTMLAttributes<HTMLDsAgentActivityElement>;
+            "ds-agent-questionnaire": LocalJSX.IntrinsicElements["ds-agent-questionnaire"] & JSXBase.HTMLAttributes<HTMLDsAgentQuestionnaireElement>;
             "ds-agent-response": LocalJSX.IntrinsicElements["ds-agent-response"] & JSXBase.HTMLAttributes<HTMLDsAgentResponseElement>;
             "ds-agent-source-list": LocalJSX.IntrinsicElements["ds-agent-source-list"] & JSXBase.HTMLAttributes<HTMLDsAgentSourceListElement>;
             "ds-agent-tool-call": LocalJSX.IntrinsicElements["ds-agent-tool-call"] & JSXBase.HTMLAttributes<HTMLDsAgentToolCallElement>;
@@ -8017,3 +8257,10 @@ declare module "@stencil/core" {
         }
     }
 }
+// --- questionnaire type re-exports (patch-index-types.mjs) ---
+export type {
+  AgentQuestionType,
+  AgentQuestionChoice,
+  AgentQuestionnaireResponsePart,
+} from './components/conversation-types';
+

package/dist/types/utils/resolve-css-length-px.d.ts

@@ -4,5 +4,5 @@ export declare function clearCssLengthPxCache(): void;
  * Resolve a CSS length to pixels for layout math.
  * Numbers pass through; `var(--dimension-*)`, `calc(...)`, and `16px` resolve via a hidden probe.
  */
-export declare function resolveCssLengthPx(value: number | string | undefined, fallback: number | string): number;
+export declare function resolveCssLengthPx(value: number | string | undefined, fallback: number | string, context?: Element): number;
 //# sourceMappingURL=resolve-css-length-px.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ds-mo/ui",
-  "version": "13.14.0",
+  "version": "13.16.0",
   "description": "CompoMo — composable web components styled with TokoMo design tokens",
   "keywords": [
     "web-components",
@@ -83,6 +83,7 @@
     "verify:pack": "node scripts/verify-framework-proxies.mjs && node scripts/verify-npm-pack.mjs && node scripts/verify-package-imports.mjs",
     "test": "node --import tsx/esm --test tests/*.test.ts",
     "test:e2e": "npm run build && playwright test",
+    "test:e2e:firefox:local": "node scripts/test-firefox-local.mjs",
     "test:e2e:install": "playwright install chromium firefox webkit",
     "prebuild:docs": "npm run clean:framework-proxies",
     "build:docs": "stencil build --docs",
@@ -109,7 +110,7 @@
     "@angular/core": ">=19 <23",
     "@angular/forms": ">=19 <23",
     "@ds-mo/icons": "^6.6.0",
-    "@ds-mo/tokens": "^6.0.0",
+    "@ds-mo/tokens": "^6.2.1",
     "react": "^18 || ^19",
     "react-dom": "^18 || ^19",
     "rxjs": "^7.8.0"
@@ -138,8 +139,9 @@
     "@angular/forms": "^22.0.7",
     "@axe-core/playwright": "^4.12.1",
     "@ds-mo/icons": "^6.6.0",
-    "@ds-mo/tokens": "^6.1.0",
+    "@ds-mo/tokens": "^6.2.1",
     "@eslint/js": "^10.0.1",
+    "@fontsource/fira-code": "^5.3.0",
     "@modelcontextprotocol/client": "^2.0.0",
     "@modelcontextprotocol/server": "^2.0.0",
     "@playwright/test": "^1.55.0",

package/dist/components/p-Azjx2SsL.js

@@ -1,2 +0,0 @@
-import{p as n,H as t,c as o,h as i,a as e,t as s}from"./index.js";import{b as d,r,c as l}from"./p-DAW6G8Sl.js";import{d as c}from"./p-DwKC_9u2.js";import{d as a}from"./p-C8U5BsJf.js";import{d as u}from"./p-Ca-I2UnB.js";import{d as f}from"./p-BNiIyZCn.js";const b=()=>`@media (forced-colors: active){.sc-ds-button-unfilled:root,.sc-ds-button-unfilled-h,.ds-forced-colors-scope.sc-ds-button-unfilled{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-button-unfilled-h{--ds-focus-ring-width:var(--dimension-stroke-width-025, 2px);--ds-focus-ring-offset:var(--dimension-space-025, 2px);--ds-focus-ring-color:var(--color-interaction-focus)}.ds-focus-ring.sc-ds-button-unfilled-h,.ds-focus-ring.sc-ds-button-unfilled,.ds-focus-ring-inset.sc-ds-button-unfilled-h,.ds-focus-ring-inset.sc-ds-button-unfilled{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ds-focus-ring.sc-ds-button-unfilled-h:focus-visible,.ds-focus-ring.sc-ds-button-unfilled:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring.ds-focus-ring--visible.sc-ds-button-unfilled-h,.ds-focus-ring.ds-focus-ring--visible.sc-ds-button-unfilled{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring-inset.sc-ds-button-unfilled-h:focus-visible,.ds-focus-ring-inset.sc-ds-button-unfilled:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-button-unfilled-h:focus-visible::after,.ds-focus-ring-inset.sc-ds-button-unfilled:focus-visible::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-button-unfilled-h,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-button-unfilled{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-button-unfilled-h::after,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-button-unfilled::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}@media (forced-colors: active){.sc-ds-button-unfilled-h{--ds-focus-ring-color:var(--ds-forced-color-selected)}}@media (forced-colors: active){.sc-ds-button-unfilled:root,.sc-ds-button-unfilled-h,.ds-forced-colors-scope.sc-ds-button-unfilled{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}@media (forced-colors: active){.sc-ds-button-unfilled:root,.sc-ds-button-unfilled-h,.ds-forced-colors-scope.sc-ds-button-unfilled{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.ds-interaction-fill.sc-ds-button-unfilled-h,.ds-interaction-fill.sc-ds-button-unfilled{position:var(--ds-interaction-position, relative);z-index:var(--ds-interaction-z-index, 0);cursor:default;--ds-interaction-hover:var(--color-interaction-hover);--ds-interaction-pressed:var(--color-interaction-pressed);--ds-interaction-active:var(--color-interaction-active-brand);--ds-interaction-border-width:0px;--ds-interaction-border-color:transparent;--ds-interaction-divider-width:0px;--ds-interaction-divider-color:transparent;--ds-interaction-divider-inline-start-width:0px;--ds-interaction-divider-inline-start-color:transparent;--ds-interaction-divider-inline-end-width:0px;--ds-interaction-divider-inline-end-color:transparent}.ds-interaction-fill.sc-ds-button-unfilled-h::before,.ds-interaction-fill.sc-ds-button-unfilled::before,.ds-interaction-fill.sc-ds-button-unfilled-h::after,.ds-interaction-fill.sc-ds-button-unfilled::after{content:'';position:absolute;inset:0;border-radius:inherit;background:transparent;pointer-events:none;cursor:inherit;transition:none}.ds-interaction-fill.sc-ds-button-unfilled-h::before,.ds-interaction-fill.sc-ds-button-unfilled::before{z-index:1}.ds-interaction-fill.sc-ds-button-unfilled-h::after,.ds-interaction-fill.sc-ds-button-unfilled::after{z-index:3;box-shadow:inset 0 calc(-1 * var(--ds-interaction-divider-width)) 0 var(--ds-interaction-divider-color),     inset var(--ds-interaction-divider-inline-start-width) 0 0       var(--ds-interaction-divider-inline-start-color),     inset calc(-1 * var(--ds-interaction-divider-inline-end-width)) 0 0       var(--ds-interaction-divider-inline-end-color),     inset 0 0 0 var(--ds-interaction-border-width) var(--ds-interaction-border-color)}.ds-interaction-fill--bordered.sc-ds-button-unfilled-h,.ds-interaction-fill--bordered.sc-ds-button-unfilled{--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--color-border-secondary)}.ds-interaction-fill--selected.sc-ds-button-unfilled-h::before,.ds-interaction-fill--selected.sc-ds-button-unfilled::before{background:var(--ds-interaction-active)}.ds-interaction-fill--selected.sc-ds-button-unfilled-h,.ds-interaction-fill--selected.sc-ds-button-unfilled{--ds-interaction-dot-ring:var(--ds-interaction-active)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-button-unfilled-h:hover:not(:disabled)::after,.ds-interaction-fill.sc-ds-button-unfilled:hover:not(:disabled)::after{background:var(--ds-interaction-hover)}}.ds-interaction-fill.sc-ds-button-unfilled-h:active:not(:disabled)::after,.ds-interaction-fill.sc-ds-button-unfilled:active:not(:disabled)::after{background:var(--ds-interaction-pressed)}.ds-interaction-fill--grouped.sc-ds-button-unfilled-h::after,.ds-interaction-fill--grouped.sc-ds-button-unfilled::after,.ds-interaction-fill--grouped.sc-ds-button-unfilled-h:hover:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-button-unfilled:hover:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-button-unfilled-h:active:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-button-unfilled:active:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}.ds-interaction-fill--grouped.sc-ds-button-unfilled-h,.ds-interaction-fill--grouped.sc-ds-button-unfilled{--ds-interaction-divider-width:var(--ds-interaction-group-divider-width, 0px);--ds-interaction-divider-color:var(--ds-interaction-group-divider-color, transparent);--ds-interaction-divider-inline-start-width:var(     --ds-interaction-group-divider-inline-start-width,     0px   );--ds-interaction-divider-inline-start-color:var(     --ds-interaction-group-divider-inline-start-color,     transparent   );--ds-interaction-divider-inline-end-width:var(     --ds-interaction-group-divider-inline-end-width,     0px   );--ds-interaction-divider-inline-end-color:var(     --ds-interaction-group-divider-inline-end-color,     transparent   )}.ds-interaction-fill.sc-ds-button-unfilled-h>.ds-interaction-fill__content.sc-ds-button-unfilled,.ds-interaction-fill.sc-ds-button-unfilled>.ds-interaction-fill__content.sc-ds-button-unfilled,.ds-interaction-fill__content.sc-ds-button-unfilled{position:relative;z-index:2;cursor:inherit}.ds-interaction-fill--on-faint.sc-ds-button-unfilled-h,.ds-interaction-fill--on-faint.sc-ds-button-unfilled{--ds-interaction-active:var(--color-interaction-active)}.ds-interaction-fill--on-medium.sc-ds-button-unfilled-h,.ds-interaction-fill--on-medium.sc-ds-button-unfilled{--ds-interaction-hover:var(--color-interaction-on-medium-background-hover);--ds-interaction-pressed:var(--color-interaction-on-medium-background-pressed);--ds-interaction-active:var(--color-interaction-on-medium-background-active);--ds-focus-ring-color:var(--color-interaction-on-medium-background-focus)}.ds-interaction-fill--on-bold.sc-ds-button-unfilled-h,.ds-interaction-fill--on-bold.sc-ds-button-unfilled{--ds-interaction-hover:var(--color-interaction-on-bold-background-hover);--ds-interaction-pressed:var(--color-interaction-on-bold-background-pressed);--ds-interaction-active:var(--color-interaction-on-bold-background-active);--ds-focus-ring-color:var(--color-interaction-on-bold-background-focus)}.ds-interaction-fill--on-strong.sc-ds-button-unfilled-h,.ds-interaction-fill--on-strong.sc-ds-button-unfilled{--ds-interaction-hover:var(--color-interaction-on-strong-background-hover);--ds-interaction-pressed:var(--color-interaction-on-strong-background-pressed);--ds-interaction-active:var(--color-interaction-on-strong-background-active);--ds-focus-ring-color:var(--color-interaction-on-strong-background-focus)}.ds-interaction-fill--on-translucent.sc-ds-button-unfilled-h,.ds-interaction-fill--on-translucent.sc-ds-button-unfilled{--ds-interaction-hover:var(--color-translucent-interaction-hover);--ds-interaction-pressed:var(--color-translucent-interaction-pressed);--ds-interaction-active:var(--color-translucent-interaction-active);--ds-focus-ring-color:var(--color-translucent-interaction-focus)}.ds-interaction-fill--on-inverted.sc-ds-button-unfilled-h,.ds-interaction-fill--on-inverted.sc-ds-button-unfilled{--ds-interaction-hover:var(--color-inverted-interaction-hover);--ds-interaction-pressed:var(--color-inverted-interaction-pressed);--ds-interaction-active:var(--color-inverted-interaction-active);--ds-focus-ring-color:var(--color-inverted-interaction-focus)}.ds-interaction-fill--on-media.sc-ds-button-unfilled-h,.ds-interaction-fill--on-media.sc-ds-button-unfilled{--ds-interaction-hover:var(--color-media-interaction-hover);--ds-interaction-pressed:var(--color-media-interaction-pressed);--ds-interaction-active:var(--color-media-interaction-active);--ds-focus-ring-color:var(--color-media-interaction-focus)}.ds-interaction-fill--on-always-dark.sc-ds-button-unfilled-h,.ds-interaction-fill--on-always-dark.sc-ds-button-unfilled{--ds-interaction-hover:var(--color-always-dark-interaction-hover);--ds-interaction-pressed:var(--color-always-dark-interaction-pressed);--ds-interaction-active:var(--color-always-dark-interaction-active);--ds-focus-ring-color:var(--color-always-dark-interaction-focus)}.ds-interaction-fill--on-navigation.sc-ds-button-unfilled-h,.ds-interaction-fill--on-navigation.sc-ds-button-unfilled{--ds-interaction-hover:var(--color-navigation-interaction-hover);--ds-interaction-pressed:var(--color-navigation-interaction-pressed);--ds-interaction-active:var(--color-navigation-interaction-active);--ds-focus-ring-color:var(--color-navigation-interaction-focus)}@media (forced-colors: active){.ds-interaction-fill.sc-ds-button-unfilled-h::after,.ds-interaction-fill.sc-ds-button-unfilled::after{box-shadow:none;outline:var(--ds-interaction-border-width) solid       var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--ds-interaction-border-width))}.ds-interaction-fill--selected.sc-ds-button-unfilled-h::before,.ds-interaction-fill--selected.sc-ds-button-unfilled::before{background:transparent;outline:var(--dimension-stroke-width-025) solid var(--ds-forced-color-selected);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}}@media (forced-colors: active) and (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-button-unfilled-h:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill.sc-ds-button-unfilled:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after{outline-color:var(--ds-forced-color-selected);outline-width:var(--dimension-stroke-width-012)}}.ds-control-press-scale.sc-ds-button-unfilled{transition:scale var(--effect-motion-short-2)}.ds-control-press-scale.sc-ds-button-unfilled:active:not(:disabled):not(.ds-control-inactive):not([aria-busy='true']){scale:var(--ds-control-press-active-scale, var(--dimension-scale-subtle))}@media (prefers-reduced-motion: reduce){.ds-control-press-scale.sc-ds-button-unfilled,.ds-control-press-scale.sc-ds-button-unfilled:active:not(:disabled):not(.ds-control-inactive):not([aria-busy='true']){scale:none;transition:none}}@media (forced-colors: active){.sc-ds-button-unfilled:root,.sc-ds-button-unfilled-h,.ds-forced-colors-scope.sc-ds-button-unfilled{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.ds-control-inactive.sc-ds-button-unfilled-h,.ds-control-inactive.sc-ds-button-unfilled{opacity:var(--effect-opacity-medium);pointer-events:none;cursor:not-allowed}@media (forced-colors: active){.ds-control-inactive.sc-ds-button-unfilled-h,.ds-control-inactive.sc-ds-button-unfilled{color:var(--ds-forced-color-disabled);opacity:1}}.ds-control--lg.sc-ds-button-unfilled,.ds-control--lg.sc-ds-button-unfilled-h,.ds-control--md.sc-ds-button-unfilled-h,.ds-control--md.sc-ds-button-unfilled,.ds-control--sm.sc-ds-button-unfilled-h,.ds-control--sm.sc-ds-button-unfilled,.ds-control--xs.sc-ds-button-unfilled-h,.ds-control--xs.sc-ds-button-unfilled{--ds-control-radius:var(--dimension-radius-025)}.ds-control--lg.sc-ds-button-unfilled-h,.ds-control--lg.sc-ds-button-unfilled{--ds-control-height:var(--dimension-size-500);--ds-control-icon:var(--dimension-iconography-lg);--ds-control-padding-inline:var(--dimension-space-100);--ds-control-label-inset:var(--dimension-space-050);--ds-control-gap:var(--dimension-space-050)}.ds-control--md.sc-ds-button-unfilled-h,.ds-control--md.sc-ds-button-unfilled{--ds-control-height:var(--dimension-size-400);--ds-control-icon:var(--dimension-iconography-md);--ds-control-padding-inline:var(--dimension-space-075);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-050)}.ds-control--sm.sc-ds-button-unfilled-h,.ds-control--sm.sc-ds-button-unfilled{--ds-control-height:var(--dimension-size-300);--ds-control-icon:var(--dimension-iconography-sm);--ds-control-padding-inline:var(--dimension-space-050);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-025)}.ds-control--xs.sc-ds-button-unfilled-h,.ds-control--xs.sc-ds-button-unfilled{--ds-control-height:var(--dimension-size-200);--ds-control-icon:var(--dimension-iconography-xs);--ds-control-padding-inline:var(--dimension-space-025);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:0}.ds-control--lg.ds-control--inset.sc-ds-button-unfilled-h,.ds-control--lg.ds-control--inset.sc-ds-button-unfilled{--ds-control-height:calc(var(--dimension-size-500) - var(--dimension-space-050));--ds-control-padding-inline:calc(     var(--dimension-space-100) - var(--dimension-space-025)   )}.ds-control--md.ds-control--inset.sc-ds-button-unfilled-h,.ds-control--md.ds-control--inset.sc-ds-button-unfilled{--ds-control-height:calc(var(--dimension-size-400) - var(--dimension-space-050));--ds-control-padding-inline:calc(     var(--dimension-space-075) - var(--dimension-space-025)   )}.ds-control--sm.ds-control--inset.sc-ds-button-unfilled-h,.ds-control--sm.ds-control--inset.sc-ds-button-unfilled{--ds-control-height:calc(var(--dimension-size-300) - var(--dimension-space-050));--ds-control-padding-inline:calc(     var(--dimension-space-050) - var(--dimension-space-025)   )}.ds-control--xs.ds-control--inset.sc-ds-button-unfilled-h,.ds-control--xs.ds-control--inset.sc-ds-button-unfilled{--ds-control-height:calc(var(--dimension-size-200) - var(--dimension-space-050));--ds-control-padding-inline:calc(     var(--dimension-space-025) - var(--dimension-space-025)   )}.ds-control--lg.ds-control--inset-double.sc-ds-button-unfilled-h,.ds-control--lg.ds-control--inset-double.sc-ds-button-unfilled{--ds-control-height:calc(var(--dimension-size-500) - var(--dimension-space-100));--ds-control-padding-inline:calc(     var(--dimension-space-100) - var(--dimension-space-050)   )}.ds-control--md.ds-control--inset-double.sc-ds-button-unfilled-h,.ds-control--md.ds-control--inset-double.sc-ds-button-unfilled{--ds-control-height:calc(var(--dimension-size-400) - var(--dimension-space-100));--ds-control-padding-inline:calc(     var(--dimension-space-075) - var(--dimension-space-050)   )}.ds-control--sm.ds-control--inset-double.sc-ds-button-unfilled-h,.ds-control--sm.ds-control--inset-double.sc-ds-button-unfilled{--ds-control-height:calc(var(--dimension-size-300) - var(--dimension-space-100));--ds-control-padding-inline:calc(     var(--dimension-space-050) - var(--dimension-space-050)   )}.ds-control-frame.sc-ds-button-unfilled{display:inline-flex;align-items:center;box-sizing:border-box;height:var(--ds-control-height, var(--dimension-size-400));padding-inline:var(--ds-control-padding-inline, var(--dimension-space-075));gap:var(--ds-control-gap, var(--dimension-space-050));border-radius:var(--ds-control-radius, var(--dimension-radius-025))}.ds-control-icon-box.sc-ds-button-unfilled{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ds-control-icon, var(--dimension-iconography-md));height:var(--ds-control-icon, var(--dimension-iconography-md))}.ds-control-label-box.sc-ds-button-unfilled{min-width:0;padding-inline:var(--ds-control-label-inset, var(--dimension-space-025))}.ds-control-width--hug.sc-ds-button-unfilled-h,.ds-control-width--hug.sc-ds-button-unfilled{width:fit-content;max-width:100%;flex:0 0 auto;align-self:flex-start}.ds-control-width--fill.sc-ds-button-unfilled-h,.ds-control-width--fill.sc-ds-button-unfilled{width:100%;min-width:0;flex:1 1 auto;align-self:stretch}.sc-ds-button-unfilled-h{display:inline-flex;outline:none}.ds-button-host--icon.ds-control-width--hug.sc-ds-button-unfilled-h{width:var(--ds-control-height, var(--dimension-size-400));height:var(--ds-control-height, var(--dimension-size-400));min-width:var(--ds-control-height, var(--dimension-size-400));min-height:var(--ds-control-height, var(--dimension-size-400))}.ds-button-host--icon.ds-control-width--fill.sc-ds-button-unfilled-h{height:var(--ds-control-height, var(--dimension-size-400));min-height:var(--ds-control-height, var(--dimension-size-400))}.ds-control-width--fill.sc-ds-button-unfilled-h .ds-button.sc-ds-button-unfilled{width:100%}.ds-button.sc-ds-button-unfilled{justify-content:center;overflow:hidden;border:none;border-radius:var(--ds-control-radius, var(--dimension-radius-025));cursor:default;-webkit-user-select:none;user-select:none}.ds-button--icon.sc-ds-button-unfilled{width:100%;height:100%;padding:0}.ds-button--rounded.sc-ds-button-unfilled{--ds-control-radius:var(--dimension-radius-half)}.ds-button--expanded.sc-ds-button-unfilled::after,.ds-button--expanded.sc-ds-button-unfilled:hover:not(:disabled)::after{background:var(--ds-interaction-pressed)}.ds-button--bordered.sc-ds-button-unfilled{--ds-interaction-border-width:var(--dimension-stroke-width-012)}.ds-button--bordered.sc-ds-button-unfilled:not(.ds-interaction-fill){box-shadow:inset 0 0 0 var(--ds-interaction-border-width)     var(--ds-interaction-border-color)}.ds-button__icon-wrap.sc-ds-button-unfilled,.ds-button__label.sc-ds-button-unfilled,.ds-button__chevron.sc-ds-button-unfilled{position:relative;z-index:2}.ds-button__label.sc-ds-button-unfilled{flex-shrink:0;min-width:0;white-space:nowrap}.ds-button__label--loading.sc-ds-button-unfilled,.ds-button__chevron--loading.sc-ds-button-unfilled{visibility:hidden}.ds-button.sc-ds-button-unfilled>.ds-button__loader-overlay.sc-ds-button-unfilled{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none}.ds-button__dot.sc-ds-button-unfilled{position:absolute;top:0;right:0;z-index:2;pointer-events:none}@media (forced-colors: active){.ds-button.sc-ds-button-unfilled{outline:var(--dimension-stroke-width-012) solid var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--dimension-stroke-width-012))}}.sc-ds-button-unfilled-h{--ds-button-unfilled-fg:var(--color-foreground-secondary);--ds-button-unfilled-fg-active:var(--color-foreground-primary);--ds-button-unfilled-dot-ring:var(--color-background-secondary);--ds-button-unfilled-border:var(--color-border-secondary)}.button-unfilled.sc-ds-button-unfilled{background:transparent;color:var(--ds-button-unfilled-fg)}.button-unfilled--active.sc-ds-button-unfilled{color:var(--ds-button-unfilled-fg-active)}.button-unfilled--bordered.sc-ds-button-unfilled{--ds-interaction-border-color:var(--ds-button-unfilled-border)}.button-unfilled--background-medium.sc-ds-button-unfilled{--ds-button-unfilled-fg:var(--color-foreground-on-medium-background-secondary);--ds-button-unfilled-fg-active:var(--color-foreground-on-medium-background-primary);--ds-button-unfilled-dot-ring:var(--color-background-medium-neutral);--ds-button-unfilled-border:var(--color-border-on-medium-background-secondary)}.button-unfilled--background-bold.sc-ds-button-unfilled{--ds-button-unfilled-fg:var(--color-foreground-on-bold-background-secondary);--ds-button-unfilled-fg-active:var(--color-foreground-on-bold-background-primary);--ds-button-unfilled-dot-ring:var(--color-background-bold-neutral);--ds-button-unfilled-border:var(--color-border-on-bold-background-secondary)}.button-unfilled--background-strong.sc-ds-button-unfilled{--ds-button-unfilled-fg:var(--color-foreground-on-strong-background-secondary);--ds-button-unfilled-fg-active:var(--color-foreground-on-strong-background-primary);--ds-button-unfilled-dot-ring:var(--color-background-strong-neutral);--ds-button-unfilled-border:var(--color-border-on-strong-background-secondary)}.button-unfilled--background-translucent.sc-ds-button-unfilled{--ds-button-unfilled-fg:var(--color-translucent-foreground-secondary);--ds-button-unfilled-fg-active:var(--color-translucent-foreground-primary);--ds-button-unfilled-dot-ring:var(--color-translucent-translucent);--ds-button-unfilled-border:var(--color-translucent-border-secondary)}.button-unfilled--background-inverted.sc-ds-button-unfilled{--ds-button-unfilled-fg:var(--color-inverted-foreground-secondary);--ds-button-unfilled-fg-active:var(--color-inverted-foreground-primary);--ds-button-unfilled-dot-ring:var(--color-inverted-background);--ds-button-unfilled-border:var(--color-inverted-border-secondary)}.button-unfilled--background-media.sc-ds-button-unfilled{--ds-button-unfilled-fg:var(--color-media-foreground-secondary);--ds-button-unfilled-fg-active:var(--color-media-foreground-primary);--ds-button-unfilled-dot-ring:var(--color-media-background);--ds-button-unfilled-border:var(--color-media-border-secondary)}.button-unfilled--on-always-dark.sc-ds-button-unfilled{--ds-button-unfilled-fg:var(--color-always-dark-foreground-secondary);--ds-button-unfilled-fg-active:var(--color-always-dark-foreground-primary);--ds-button-unfilled-dot-ring:var(--color-always-dark-background);--ds-button-unfilled-border:var(--color-always-dark-border-secondary)}.button-unfilled.ds-interaction-fill--selected.sc-ds-button-unfilled{--ds-button-unfilled-dot-ring:var(--ds-interaction-active)}`;const v=n(class n extends t{constructor(n){super();if(n!==false){this.__registerHost()}this.dsClick=o(this,"dsClick");this.dsChange=o(this,"dsChange");this.variant="label";this.size="md";this.isInset=false;this.insetDepth="single";this.width="hug";this.label="";this.icon="";this.isActive=false;this.activeFill=true;this.hasBorder=true;this.rounded=false;this.pressScale=true;this.dot=false;this.isInactive=false;this.isLoading=false;this.type="button";this.ariaLabel=null;this.hasMenu=false;this.buttonEl=null;this.handleClick=n=>{if(this.isInactive||this.isLoading){n.preventDefault();n.stopPropagation();return}this.dsClick.emit(n);if(this.pressed!==undefined)this.dsChange.emit(!this.pressed)}}async setFocus(){this.buttonEl?.focus()}get showDot(){return this.variant==="icon"&&this.dot&&!this.isLoading}get resolvedHaspopup(){return this.haspopup??(this.hasMenu?"menu":undefined)}get doubleInset(){return this.isInset&&this.insetDepth==="double"&&this.size!=="xs"}get expandedPopup(){return this.expanded===true&&this.resolvedHaspopup!==undefined&&!this.isInactive}get visuallyActive(){return this.isActive||this.pressed===true||this.expandedPopup}get dotRing(){if((this.isActive||this.pressed===true)&&this.activeFill){return"var(--ds-interaction-active)"}return"var(--ds-button-unfilled-dot-ring)"}get accessibleName(){if(this.ariaLabel)return this.ariaLabel;if(this.isLoading&&this.variant==="label"&&this.label)return this.label;return undefined}render(){const n=this.background;const t={"button-unfilled":true,"ds-button":true,"ds-focus-ring-inset":true,"ds-control-press-scale":this.pressScale,"ds-interaction-fill":true,"ds-interaction-fill--selected":(this.isActive||this.pressed===true)&&this.activeFill&&!this.isInactive,"ds-interaction-fill--on-faint":n==="faint","ds-interaction-fill--on-medium":n==="medium","ds-interaction-fill--on-bold":n==="bold","ds-interaction-fill--on-strong":n==="strong","ds-interaction-fill--on-translucent":n==="translucent","ds-interaction-fill--on-inverted":n==="inverted","ds-interaction-fill--on-media":n==="media","ds-interaction-fill--on-always-dark":n==="always-dark","button-unfilled--active":this.visuallyActive,"button-unfilled--expanded":this.expandedPopup,"ds-button--expanded":this.expandedPopup,"button-unfilled--bordered":this.hasBorder,"ds-button--bordered":this.hasBorder,"button-unfilled--rounded":this.rounded,"ds-button--rounded":this.rounded,"ds-control-inactive":this.isInactive,"ds-control--lg":this.size==="lg","ds-control--md":this.size==="md","ds-control--sm":this.size==="sm","ds-control--xs":this.size==="xs","ds-control--inset":this.isInset&&!this.doubleInset,"ds-control--inset-double":this.doubleInset,"ds-control-frame":true,"button-unfilled--icon":this.variant==="icon","ds-button--icon":this.variant==="icon","button-unfilled--label":this.variant==="label","button-unfilled--icon-label":this.variant==="icon-label","button-unfilled--background-faint":n==="faint","button-unfilled--background-medium":n==="medium","button-unfilled--background-bold":n==="bold","button-unfilled--background-strong":n==="strong","button-unfilled--background-translucent":n==="translucent","button-unfilled--background-inverted":n==="inverted","button-unfilled--background-media":n==="media","button-unfilled--on-always-dark":n==="always-dark"};return i(e,{key:"7f82e7cef7fc899557c90c5cfe430c4cdff6fe26",class:{"button-unfilled-host":true,"button-unfilled-host--icon":this.variant==="icon","ds-button-host--icon":this.variant==="icon","ds-control--lg":this.size==="lg","ds-control--md":this.size==="md","ds-control--sm":this.size==="sm","ds-control--xs":this.size==="xs","ds-control--inset":this.isInset&&!this.doubleInset,"ds-control--inset-double":this.doubleInset,...l(this.width)},tabIndex:-1},i("button",{key:"dadb046fd0591a46e0701c2975c5f9eb965956a5",ref:n=>{this.buttonEl=n??null},type:this.type,class:t,disabled:this.isInactive,tabIndex:this.focusTabIndex??0,"aria-label":this.accessibleName,"aria-busy":this.isLoading?"true":undefined,"aria-disabled":this.isLoading?"true":undefined,"aria-controls":this.controls,"aria-expanded":this.expanded===undefined?undefined:String(this.expanded),"aria-haspopup":this.resolvedHaspopup,"aria-pressed":this.pressed===undefined?undefined:String(this.pressed),onPointerDown:n=>d(n,this.pressScale&&!this.isInactive&&!this.isLoading),onClick:this.handleClick},r({namespace:"button-unfilled",variant:this.variant,size:this.size,label:this.label,icon:this.icon,hasMenu:this.hasMenu,isLoading:this.isLoading,dot:{visible:this.showDot,background:this.dotRing}})))}get el(){return this}static get style(){return b()}},[2,"ds-button-unfilled",{variant:[1],size:[1],isInset:[4,"is-inset"],insetDepth:[1,"inset-depth"],width:[1],label:[1],icon:[1],isActive:[4,"is-active"],activeFill:[4,"active-fill"],hasBorder:[4,"has-border"],rounded:[4],pressScale:[4,"press-scale"],dot:[4],isInactive:[4,"is-inactive"],isLoading:[4,"is-loading"],type:[1],background:[1],ariaLabel:[1,"aria-label"],controls:[1],expanded:[4],haspopup:[1],pressed:[4],hasMenu:[4,"has-menu"],focusTabIndex:[2,"tab-index"],setFocus:[64]}]);function h(){if(typeof customElements==="undefined"){return}const n=["ds-button-unfilled","ds-badge","ds-icon","ds-loader","ds-text"];n.forEach((n=>{switch(n){case"ds-button-unfilled":if(!customElements.get(s(n))){customElements.define(s(n),v)}break;case"ds-badge":if(!customElements.get(s(n))){c()}break;case"ds-icon":if(!customElements.get(s(n))){a()}break;case"ds-loader":if(!customElements.get(s(n))){u()}break;case"ds-text":if(!customElements.get(s(n))){f()}break}}))}h();export{v as B,h as d};
-//# sourceMappingURL=p-Azjx2SsL.js.map