@ds-mo/ui 13.3.0 → 13.5.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, MessageDeliveryState, MessageDirection, MessageGroupPosition, MessageScrollerPosition } from "./components/conversation-types";
+import { AgentActivityItem, AgentResponsePart, 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";
@@ -61,7 +61,7 @@ import { TabBackground } from "./components/TabGroup/TabGroup";
 import { TagContrast, TagIntent, TagSize } from "./components/Tag/Tag";
 import { ToastActionEventDetail, ToastCloseEventDetail, ToastEventDetail, ToastManager, ToastSwipeDirection } from "./toast";
 import { TooltipAlign, TooltipSide, TooltipSize } from "./components/Tooltip/Tooltip";
-export { AgentActivityItem, AgentResponsePart, AgentSource, AgentToolState, ConversationAttachment, ConversationItemState, MessageComposerStatus, MessageDeliveryState, MessageDirection, MessageGroupPosition, MessageScrollerPosition } from "./components/conversation-types";
+export { AgentActivityItem, AgentResponsePart, 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";
@@ -141,6 +141,11 @@ export namespace Components {
           * @default ''
          */
         "messageId": string;
+        /**
+          * Controls whether the complete message metadata footer is persistent or revealed through hover/focus.
+          * @default 'always'
+         */
+        "metadataVisibility": MessageMetadataVisibility;
         /**
           * @default []
          */
@@ -656,7 +661,7 @@ export namespace Components {
     }
     interface DsCardOverview {
         /**
-          * Comparison caption, for example `vs Previous period`.
+          * Copy between the current period and comparison control, usually `vs.`.
           * @default ''
          */
         "comparisonLabel": string;
@@ -671,12 +676,12 @@ export namespace Components {
          */
         "layout": CardOverviewLayout;
         /**
-          * Width a metric cell may shrink to before the grid drops a column. The grid reflows and then stacks from this alone, so no measurement is required.
+          * Width a metric cell may shrink to before the grid drops a column. The grid uses this threshold while choosing an evenly distributed column count.
           * @default 'var(--dimension-menu-width-xs)'
          */
         "metricMinWidth": string;
         /**
-          * Measures rendered in the responsive grid. Only the first six are shown.
+          * Measures rendered in the responsive grid. Only the first seven are shown.
           * @default []
          */
         "metrics": OverviewMetric[];
@@ -686,12 +691,12 @@ export namespace Components {
          */
         "overviewLabel": string;
         /**
-          * Current reporting period, for example `Jun 29, 2026 – Jul 26, 2026`.
+          * Fixed current date or range. Replaced by content in the `period` slot.
           * @default ''
          */
         "periodLabel": string;
         /**
-          * Leading summary block. Omit to render the bar without a headline figure.
+          * Optional nonselectable safety score rendered as the first grid cell.
          */
         "score": OverviewScore | undefined;
         /**
@@ -699,7 +704,7 @@ export namespace Components {
          */
         "scoreErrorMessage": string | undefined;
         /**
-          * Page-controlled visual collapse from the full card (`0`) toward its 48px compact handoff height (`1`). The component preserves its expanded flow height, keeps elevation on the shrinking surface, and clips translated content internally. The page still owns sticky positioning and the final swap to `variant="compact"`.
+          * Page-controlled visual collapse from the full card (`0`) toward its 48px compact handoff height (`1`). The component preserves its expanded flow height, keeps the period bar stationary, and moves/clips the grid beneath it. The page still owns sticky positioning and the final compact handoff.
           * @default 0
          */
         "scrollCollapseProgress": number;
@@ -1163,7 +1168,7 @@ export namespace Components {
         "errorMessage": string | undefined;
         "form": string | undefined;
         /**
-          * Show the standard inset border.
+          * Show the standard inset border, including focused and invalid strokes.
           * @default true
          */
         "hasBorder": boolean;
@@ -1331,6 +1336,11 @@ export namespace Components {
           * @default ''
          */
         "messageId": string;
+        /**
+          * Controls whether the complete metadata footer is persistent or revealed through hover/focus.
+          * @default 'always'
+         */
+        "metadataVisibility": MessageMetadataVisibility;
         /**
           * @default false
          */
@@ -1350,6 +1360,14 @@ export namespace Components {
          */
         "timestamp": string;
     }
+    interface DsMessageActions {
+        "copyText": string | undefined;
+        "feedback": MessageFeedback | undefined;
+        /**
+          * @default false
+         */
+        "feedbackEnabled": boolean;
+    }
     interface DsMessageBubble {
         /**
           * @default 'received'
@@ -1987,7 +2005,7 @@ export namespace Components {
          */
         "errorMessage": string | undefined;
         /**
-          * Show the surface-aware inset border.
+          * Show the surface-aware inset border, including focused and invalid strokes.
           * @default true
          */
         "hasBorder": boolean;
@@ -2765,6 +2783,10 @@ export interface DsMenuCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsMenuElement;
 }
+export interface DsMessageActionsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsMessageActionsElement;
+}
 export interface DsMessageComposerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsMessageComposerElement;
@@ -3271,6 +3293,24 @@ declare global {
         prototype: HTMLDsMessageElement;
         new (): HTMLDsMessageElement;
     };
+    interface HTMLDsMessageActionsElementEventMap {
+        "dsCopyResult": MessageCopyResultEventDetail;
+        "dsFeedbackChange": MessageFeedback | undefined;
+    }
+    interface HTMLDsMessageActionsElement extends Components.DsMessageActions, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsMessageActionsElementEventMap>(type: K, listener: (this: HTMLDsMessageActionsElement, ev: DsMessageActionsCustomEvent<HTMLDsMessageActionsElementEventMap[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 HTMLDsMessageActionsElementEventMap>(type: K, listener: (this: HTMLDsMessageActionsElement, ev: DsMessageActionsCustomEvent<HTMLDsMessageActionsElementEventMap[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 HTMLDsMessageActionsElement: {
+        prototype: HTMLDsMessageActionsElement;
+        new (): HTMLDsMessageActionsElement;
+    };
     interface HTMLDsMessageBubbleElement extends Components.DsMessageBubble, HTMLStencilElement {
     }
     var HTMLDsMessageBubbleElement: {
@@ -3822,6 +3862,7 @@ declare global {
         "ds-markdown": HTMLDsMarkdownElement;
         "ds-menu": HTMLDsMenuElement;
         "ds-message": HTMLDsMessageElement;
+        "ds-message-actions": HTMLDsMessageActionsElement;
         "ds-message-bubble": HTMLDsMessageBubbleElement;
         "ds-message-composer": HTMLDsMessageComposerElement;
         "ds-message-scroller": HTMLDsMessageScrollerElement;
@@ -3880,6 +3921,11 @@ declare namespace LocalJSX {
           * @default ''
          */
         "messageId"?: string;
+        /**
+          * Controls whether the complete message metadata footer is persistent or revealed through hover/focus.
+          * @default 'always'
+         */
+        "metadataVisibility"?: MessageMetadataVisibility;
         /**
           * @default []
          */
@@ -4436,7 +4482,7 @@ declare namespace LocalJSX {
     }
     interface DsCardOverview {
         /**
-          * Comparison caption, for example `vs Previous period`.
+          * Copy between the current period and comparison control, usually `vs.`.
           * @default ''
          */
         "comparisonLabel"?: string;
@@ -4451,12 +4497,12 @@ declare namespace LocalJSX {
          */
         "layout"?: CardOverviewLayout;
         /**
-          * Width a metric cell may shrink to before the grid drops a column. The grid reflows and then stacks from this alone, so no measurement is required.
+          * Width a metric cell may shrink to before the grid drops a column. The grid uses this threshold while choosing an evenly distributed column count.
           * @default 'var(--dimension-menu-width-xs)'
          */
         "metricMinWidth"?: string;
         /**
-          * Measures rendered in the responsive grid. Only the first six are shown.
+          * Measures rendered in the responsive grid. Only the first seven are shown.
           * @default []
          */
         "metrics"?: OverviewMetric[];
@@ -4470,12 +4516,12 @@ declare namespace LocalJSX {
          */
         "overviewLabel"?: string;
         /**
-          * Current reporting period, for example `Jun 29, 2026 – Jul 26, 2026`.
+          * Fixed current date or range. Replaced by content in the `period` slot.
           * @default ''
          */
         "periodLabel"?: string;
         /**
-          * Leading summary block. Omit to render the bar without a headline figure.
+          * Optional nonselectable safety score rendered as the first grid cell.
          */
         "score"?: OverviewScore | undefined;
         /**
@@ -4483,7 +4529,7 @@ declare namespace LocalJSX {
          */
         "scoreErrorMessage"?: string | undefined;
         /**
-          * Page-controlled visual collapse from the full card (`0`) toward its 48px compact handoff height (`1`). The component preserves its expanded flow height, keeps elevation on the shrinking surface, and clips translated content internally. The page still owns sticky positioning and the final swap to `variant="compact"`.
+          * Page-controlled visual collapse from the full card (`0`) toward its 48px compact handoff height (`1`). The component preserves its expanded flow height, keeps the period bar stationary, and moves/clips the grid beneath it. The page still owns sticky positioning and the final compact handoff.
           * @default 0
          */
         "scrollCollapseProgress"?: number;
@@ -4976,7 +5022,7 @@ declare namespace LocalJSX {
         "errorMessage"?: string | undefined;
         "form"?: string | undefined;
         /**
-          * Show the standard inset border.
+          * Show the standard inset border, including focused and invalid strokes.
           * @default true
          */
         "hasBorder"?: boolean;
@@ -5155,6 +5201,11 @@ declare namespace LocalJSX {
           * @default ''
          */
         "messageId"?: string;
+        /**
+          * Controls whether the complete metadata footer is persistent or revealed through hover/focus.
+          * @default 'always'
+         */
+        "metadataVisibility"?: MessageMetadataVisibility;
         /**
           * @default false
          */
@@ -5174,6 +5225,16 @@ declare namespace LocalJSX {
          */
         "timestamp"?: string;
     }
+    interface DsMessageActions {
+        "copyText"?: string | undefined;
+        "feedback"?: MessageFeedback | undefined;
+        /**
+          * @default false
+         */
+        "feedbackEnabled"?: boolean;
+        "onDsCopyResult"?: (event: DsMessageActionsCustomEvent<MessageCopyResultEventDetail>) => void;
+        "onDsFeedbackChange"?: (event: DsMessageActionsCustomEvent<MessageFeedback | undefined>) => void;
+    }
     interface DsMessageBubble {
         /**
           * @default 'received'
@@ -5875,7 +5936,7 @@ declare namespace LocalJSX {
          */
         "form"?: string;
         /**
-          * Show the surface-aware inset border.
+          * Show the surface-aware inset border, including focused and invalid strokes.
           * @default true
          */
         "hasBorder"?: boolean;
@@ -6673,6 +6734,7 @@ declare namespace LocalJSX {
         "showAuthor": boolean;
         "timestamp": string;
         "streaming": boolean;
+        "metadataVisibility": MessageMetadataVisibility;
     }
     interface DsAgentSourceListAttributes {
         "heading": string;
@@ -6968,8 +7030,14 @@ declare namespace LocalJSX {
         "timestamp": string;
         "deliveryState": MessageDeliveryState | undefined;
         "streaming": boolean;
+        "metadataVisibility": MessageMetadataVisibility;
         "scrollAnchor": boolean;
     }
+    interface DsMessageActionsAttributes {
+        "copyText": string | undefined;
+        "feedbackEnabled": boolean;
+        "feedback": MessageFeedback | undefined;
+    }
     interface DsMessageBubbleAttributes {
         "variant": MessageBubbleVariant;
     }
@@ -7318,6 +7386,7 @@ declare namespace LocalJSX {
         "ds-markdown": Omit<DsMarkdown, keyof DsMarkdownAttributes> & { [K in keyof DsMarkdown & keyof DsMarkdownAttributes]?: DsMarkdown[K] } & { [K in keyof DsMarkdown & keyof DsMarkdownAttributes as `attr:${K}`]?: DsMarkdownAttributes[K] } & { [K in keyof DsMarkdown & keyof DsMarkdownAttributes as `prop:${K}`]?: DsMarkdown[K] };
         "ds-menu": Omit<DsMenu, keyof DsMenuAttributes> & { [K in keyof DsMenu & keyof DsMenuAttributes]?: DsMenu[K] } & { [K in keyof DsMenu & keyof DsMenuAttributes as `attr:${K}`]?: DsMenuAttributes[K] } & { [K in keyof DsMenu & keyof DsMenuAttributes as `prop:${K}`]?: DsMenu[K] };
         "ds-message": Omit<DsMessage, keyof DsMessageAttributes> & { [K in keyof DsMessage & keyof DsMessageAttributes]?: DsMessage[K] } & { [K in keyof DsMessage & keyof DsMessageAttributes as `attr:${K}`]?: DsMessageAttributes[K] } & { [K in keyof DsMessage & keyof DsMessageAttributes as `prop:${K}`]?: DsMessage[K] };
+        "ds-message-actions": Omit<DsMessageActions, keyof DsMessageActionsAttributes> & { [K in keyof DsMessageActions & keyof DsMessageActionsAttributes]?: DsMessageActions[K] } & { [K in keyof DsMessageActions & keyof DsMessageActionsAttributes as `attr:${K}`]?: DsMessageActionsAttributes[K] } & { [K in keyof DsMessageActions & keyof DsMessageActionsAttributes as `prop:${K}`]?: DsMessageActions[K] };
         "ds-message-bubble": Omit<DsMessageBubble, keyof DsMessageBubbleAttributes> & { [K in keyof DsMessageBubble & keyof DsMessageBubbleAttributes]?: DsMessageBubble[K] } & { [K in keyof DsMessageBubble & keyof DsMessageBubbleAttributes as `attr:${K}`]?: DsMessageBubbleAttributes[K] } & { [K in keyof DsMessageBubble & keyof DsMessageBubbleAttributes as `prop:${K}`]?: DsMessageBubble[K] };
         "ds-message-composer": Omit<DsMessageComposer, keyof DsMessageComposerAttributes> & { [K in keyof DsMessageComposer & keyof DsMessageComposerAttributes]?: DsMessageComposer[K] } & { [K in keyof DsMessageComposer & keyof DsMessageComposerAttributes as `attr:${K}`]?: DsMessageComposerAttributes[K] } & { [K in keyof DsMessageComposer & keyof DsMessageComposerAttributes as `prop:${K}`]?: DsMessageComposer[K] };
         "ds-message-scroller": Omit<DsMessageScroller, keyof DsMessageScrollerAttributes> & { [K in keyof DsMessageScroller & keyof DsMessageScrollerAttributes]?: DsMessageScroller[K] } & { [K in keyof DsMessageScroller & keyof DsMessageScrollerAttributes as `attr:${K}`]?: DsMessageScrollerAttributes[K] } & { [K in keyof DsMessageScroller & keyof DsMessageScrollerAttributes as `prop:${K}`]?: DsMessageScroller[K] };
@@ -7405,6 +7474,7 @@ declare module "@stencil/core" {
             "ds-markdown": LocalJSX.IntrinsicElements["ds-markdown"] & JSXBase.HTMLAttributes<HTMLDsMarkdownElement>;
             "ds-menu": LocalJSX.IntrinsicElements["ds-menu"] & JSXBase.HTMLAttributes<HTMLDsMenuElement>;
             "ds-message": LocalJSX.IntrinsicElements["ds-message"] & JSXBase.HTMLAttributes<HTMLDsMessageElement>;
+            "ds-message-actions": LocalJSX.IntrinsicElements["ds-message-actions"] & JSXBase.HTMLAttributes<HTMLDsMessageActionsElement>;
             "ds-message-bubble": LocalJSX.IntrinsicElements["ds-message-bubble"] & JSXBase.HTMLAttributes<HTMLDsMessageBubbleElement>;
             "ds-message-composer": LocalJSX.IntrinsicElements["ds-message-composer"] & JSXBase.HTMLAttributes<HTMLDsMessageComposerElement>;
             "ds-message-scroller": LocalJSX.IntrinsicElements["ds-message-scroller"] & JSXBase.HTMLAttributes<HTMLDsMessageScrollerElement>;

package/dist/types/utils/clipboard.d.ts

@@ -0,0 +1,31 @@
+export interface ClipboardWriter {
+    writeText(text: string): Promise<void>;
+}
+export interface ClipboardFeedbackScheduler {
+    setTimeout(callback: () => void, delay: number): unknown;
+    clearTimeout(handle: unknown): void;
+}
+export declare function writeClipboardText(text: string, clipboard?: ClipboardWriter | undefined): Promise<boolean>;
+/**
+ * Owns temporary copied feedback for controls that execute browser clipboard writes.
+ *
+ * A monotonically increasing request id prevents a late clipboard promise from
+ * mutating a disconnected owner, stale content, or a newer copy request.
+ */
+export declare class ClipboardFeedbackController {
+    private readonly onCopiedChange;
+    private readonly copiedDuration;
+    private readonly scheduler;
+    private active;
+    private copied;
+    private requestId;
+    private timer;
+    constructor(onCopiedChange: (copied: boolean) => void, copiedDuration?: number, scheduler?: ClipboardFeedbackScheduler);
+    connect(): void;
+    disconnect(): void;
+    reset(): void;
+    copy(text: string, clipboard?: ClipboardWriter | undefined): Promise<boolean | undefined>;
+    private clearTimer;
+    private setCopied;
+}
+//# sourceMappingURL=clipboard.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ds-mo/ui",
-  "version": "13.3.0",
+  "version": "13.5.0",
   "description": "CompoMo — composable web components styled with TokoMo design tokens",
   "keywords": [
     "web-components",
@@ -108,11 +108,10 @@
     "@angular/core": ">=19 <23",
     "@angular/forms": ">=19 <23",
     "@ds-mo/icons": "^6.4.0",
-    "@ds-mo/tokens": "^5.1.0",
+    "@ds-mo/tokens": "^5.1.1",
     "react": "^18 || ^19",
     "react-dom": "^18 || ^19",
-    "rxjs": "^7.8.0",
-    "@stencil/react-output-target": ">=1.6 <2"
+    "rxjs": "^7.8.0"
   },
   "peerDependenciesMeta": {
     "@angular/core": {
@@ -129,9 +128,6 @@
     },
     "rxjs": {
       "optional": true
-    },
-    "@stencil/react-output-target": {
-      "optional": true
     }
   },
   "devDependencies": {
@@ -141,7 +137,7 @@
     "@angular/forms": "^22.0.7",
     "@axe-core/playwright": "^4.12.1",
     "@ds-mo/icons": "^6.4.0",
-    "@ds-mo/tokens": "^5.1.0",
+    "@ds-mo/tokens": "^5.1.1",
     "@eslint/js": "^10.0.1",
     "@modelcontextprotocol/client": "^2.0.0",
     "@modelcontextprotocol/server": "^2.0.0",
@@ -189,6 +185,7 @@
     "dist/components/**/*.js"
   ],
   "dependencies": {
+    "@lit/react": "^1.0.8",
     "d3-array": "^3.2.4",
     "d3-scale": "^4.0.2",
     "d3-shape": "^3.2.0",

package/dist/components/p-B_A4g4Xe.js

@@ -1,2 +0,0 @@
-import{p as e,H as s,h as a,a as t,t as i}from"./index.js";import{d}from"./p-w2kKeG_h.js";const n=()=>`.sc-ds-message-h{display:block;box-sizing:border-box;content-visibility:auto;contain-intrinsic-size:auto var(--dimension-size-800);-webkit-user-select:none;user-select:none}.message-host--group-middle.sc-ds-message-h,.message-host--group-last.sc-ds-message-h{margin-block-start:calc(var(--dimension-space-050) - var(--dimension-space-300))}.message.sc-ds-message{display:grid;grid-template-columns:minmax(0, 1fr) auto;align-items:end;gap:0;width:100%;box-sizing:border-box}.message--outgoing.sc-ds-message{grid-template-columns:minmax(0, 1fr) auto}.message__header.sc-ds-message:empty,.message__footer.sc-ds-message:empty,.message__actions.sc-ds-message:empty{display:none}.message__actions.sc-ds-message:not(:empty){margin-inline-start:var(--dimension-space-075)}.message__body.sc-ds-message{display:flex;flex-direction:column;min-width:0;gap:var(--dimension-space-050)}.message--incoming.sc-ds-message .message__body.sc-ds-message{width:100%}.message--outgoing.sc-ds-message .message__body.sc-ds-message{align-items:flex-end}.message--outgoing.sc-ds-message .message__header.sc-ds-message{display:none}.message--system.sc-ds-message .message__body.sc-ds-message{align-items:center}.message__header.sc-ds-message,.message__footer.sc-ds-message,.message__actions.sc-ds-message{display:flex;align-items:center;gap:var(--dimension-space-050)}.message__content.sc-ds-message{width:100%;min-width:0;-webkit-user-select:text;user-select:text}.message--outgoing.sc-ds-message .message__content.sc-ds-message{display:flex;justify-content:flex-end}.message__footer.sc-ds-message time.sc-ds-message{display:inline-flex}.message--group-middle.sc-ds-message .message__header.sc-ds-message,.message--group-last.sc-ds-message .message__header.sc-ds-message{display:none}.message--group-first.sc-ds-message .message__footer.sc-ds-message,.message--group-middle.sc-ds-message .message__footer.sc-ds-message{display:none}`;const c={sending:"Sending",sent:"Sent",delivered:"Delivered",read:"Read",failed:"Failed to send"};const m=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.messageId="";this.direction="incoming";this.groupPosition="single";this.author="";this.showAuthor=true;this.timestamp="";this.streaming=false;this.scrollAnchor=false}formattedTimestamp(){if(!this.timestamp)return"";const e=Date.parse(this.timestamp);if(Number.isNaN(e))return this.timestamp;return new Intl.DateTimeFormat(undefined,{hour:"numeric",minute:"2-digit"}).format(new Date(e))}render(){const e=this.deliveryState?c[this.deliveryState]:"";const s=this.formattedTimestamp();return a(t,{key:"02650aa73a12be1040165b470840315e17a29391",class:`message-host--group-${this.groupPosition}`,"data-message-id":this.messageId||undefined,"data-scroll-anchor":this.scrollAnchor?"true":undefined,"aria-busy":this.streaming?"true":undefined},a("article",{key:"56f3cb7580cd163206a8b230d14d1bedec46c7cd",class:{message:true,[`message--${this.direction}`]:true,[`message--group-${this.groupPosition}`]:true},"aria-label":this.author?`Message from ${this.author}`:"Message"},a("div",{key:"5442f9e927e357e30854a673624f69287c3579e8",class:"message__body"},a("div",{key:"509c5d39ad6e14a1cac901977f7fd9b2a7894ffe",class:"message__header"},a("slot",{key:"63e9f398213a69e06ac7cef9cb2dc5d0500bad1e",name:"header"}),this.author&&this.showAuthor?a("ds-text",{as:"span",variant:"text-body-small",emphasis:true,color:"primary"},this.author):null),a("div",{key:"e1e30acca4c8094d4c7bec41ddb731ae27d83584",class:"message__content"},a("slot",{key:"b1e5d3010be6a3adf1322dec6c000ac8600aea42"})),a("div",{key:"cdbe4e1c1ec457bf9cefa22cae6faad04cb44369",class:"message__footer"},a("slot",{key:"f473303e22698c99733a3ceeeabecb8428a25e02",name:"footer"}),e?a("ds-text",{as:"span",variant:"text-caption",color:this.deliveryState==="failed"?"negative":"secondary"},e):null,this.deliveryState==="failed"&&s?a("ds-text",{as:"span",variant:"text-caption",color:"tertiary","aria-hidden":"true"},"·"):null,s?a("time",{dateTime:this.timestamp},a("ds-text",{as:"span",variant:"text-caption",color:"secondary"},s)):null)),a("div",{key:"85e128c5a9b392bb68cc7c2b7161215fe0de3e92",class:"message__actions"},a("slot",{key:"15c3dabf43498ae978b8e60131bfe7745cef98ec",name:"actions"}))))}static get style(){return n()}},[262,"ds-message",{messageId:[513,"message-id"],direction:[513],groupPosition:[1,"group-position"],author:[1],showAuthor:[4,"show-author"],timestamp:[1],deliveryState:[1,"delivery-state"],streaming:[4],scrollAnchor:[516,"scroll-anchor"]}]);function o(){if(typeof customElements==="undefined"){return}const e=["ds-message","ds-text"];e.forEach((e=>{switch(e){case"ds-message":if(!customElements.get(i(e))){customElements.define(i(e),m)}break;case"ds-text":if(!customElements.get(i(e))){d()}break}}))}o();export{m as M,o as d};
-//# sourceMappingURL=p-B_A4g4Xe.js.map

package/dist/components/p-B_A4g4Xe.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["messageCss","DELIVERY_LABELS","sending","sent","delivered","read","failed","Message","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","messageId","direction","groupPosition","author","showAuthor","timestamp","streaming","scrollAnchor","formattedTimestamp","parsed","Date","parse","Number","isNaN","Intl","DateTimeFormat","undefined","hour","minute","format","render","delivery","deliveryState","h","Host","key","class","message","name","as","variant","emphasis","color","dateTime"],"sources":["src/wc/components/Message/Message.css?tag=ds-message&encapsulation=scoped","src/wc/components/Message/Message.tsx"],"sourcesContent":[":host {\n  display: block;\n  box-sizing: border-box;\n  content-visibility: auto;\n  contain-intrinsic-size: auto var(--dimension-size-800);\n  -webkit-user-select: none;\n  user-select: none;\n}\n\n:host(.message-host--group-middle),\n:host(.message-host--group-last) {\n  margin-block-start: calc(var(--dimension-space-050) - var(--dimension-space-300));\n}\n\n.message {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  align-items: end;\n  gap: 0;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.message--outgoing {\n  grid-template-columns: minmax(0, 1fr) auto;\n}\n\n.message__header:empty,\n.message__footer:empty,\n.message__actions:empty {\n  display: none;\n}\n\n.message__actions:not(:empty) {\n  margin-inline-start: var(--dimension-space-075);\n}\n\n.message__body {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  gap: var(--dimension-space-050);\n}\n\n.message--incoming .message__body {\n  width: 100%;\n}\n\n.message--outgoing .message__body {\n  align-items: flex-end;\n}\n\n.message--outgoing .message__header {\n  display: none;\n}\n\n.message--system .message__body {\n  align-items: center;\n}\n\n.message__header,\n.message__footer,\n.message__actions {\n  display: flex;\n  align-items: center;\n  gap: var(--dimension-space-050);\n}\n\n.message__content {\n  width: 100%;\n  min-width: 0;\n  -webkit-user-select: text;\n  user-select: text;\n}\n\n.message--outgoing .message__content {\n  display: flex;\n  justify-content: flex-end;\n}\n\n.message__footer time {\n  display: inline-flex;\n}\n\n.message--group-middle .message__header,\n.message--group-last .message__header {\n  display: none;\n}\n\n.message--group-first .message__footer,\n.message--group-middle .message__footer {\n  display: none;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport type {\n  MessageDeliveryState,\n  MessageDirection,\n  MessageGroupPosition,\n} from '../conversation-types';\n\nconst DELIVERY_LABELS: Record<MessageDeliveryState, string> = {\n  sending: 'Sending',\n  sent: 'Sent',\n  delivered: 'Delivered',\n  read: 'Read',\n  failed: 'Failed to send',\n};\n\n@Component({\n  tag: 'ds-message',\n  styleUrl: 'Message.css',\n  scoped: true,\n})\nexport class Message {\n  @Prop({ reflect: true }) messageId: string = '';\n  @Prop({ reflect: true }) direction: MessageDirection = 'incoming';\n  @Prop() groupPosition: MessageGroupPosition = 'single';\n  @Prop() author: string = '';\n  /** Keep author semantics while allowing products with self-evident roles to hide the visible label. */\n  @Prop() showAuthor: boolean = true;\n  /** ISO timestamp. */\n  @Prop() timestamp: string = '';\n  @Prop() deliveryState: MessageDeliveryState | undefined;\n  @Prop() streaming: boolean = false;\n  @Prop({ reflect: true }) scrollAnchor: boolean = false;\n\n  private formattedTimestamp(): string {\n    if (!this.timestamp) return '';\n    const parsed = Date.parse(this.timestamp);\n    if (Number.isNaN(parsed)) return this.timestamp;\n    return new Intl.DateTimeFormat(undefined, {\n      hour: 'numeric',\n      minute: '2-digit',\n    }).format(new Date(parsed));\n  }\n\n  render() {\n    const delivery = this.deliveryState ? DELIVERY_LABELS[this.deliveryState] : '';\n    const formattedTimestamp = this.formattedTimestamp();\n    return (\n      <Host\n        class={`message-host--group-${this.groupPosition}`}\n        data-message-id={this.messageId || undefined}\n        data-scroll-anchor={this.scrollAnchor ? 'true' : undefined}\n        aria-busy={this.streaming ? 'true' : undefined}\n      >\n        <article\n          class={{\n            message: true,\n            [`message--${this.direction}`]: true,\n            [`message--group-${this.groupPosition}`]: true,\n          }}\n          aria-label={this.author ? `Message from ${this.author}` : 'Message'}\n        >\n          <div class=\"message__body\">\n            <div class=\"message__header\">\n              <slot name=\"header\" />\n              {this.author && this.showAuthor ? (\n                <ds-text as=\"span\" variant=\"text-body-small\" emphasis color=\"primary\">\n                  {this.author}\n                </ds-text>\n              ) : null}\n            </div>\n            <div class=\"message__content\">\n              <slot />\n            </div>\n            <div class=\"message__footer\">\n              <slot name=\"footer\" />\n              {delivery ? (\n                <ds-text\n                  as=\"span\"\n                  variant=\"text-caption\"\n                  color={this.deliveryState === 'failed' ? 'negative' : 'secondary'}\n                >\n                  {delivery}\n                </ds-text>\n              ) : null}\n              {this.deliveryState === 'failed' && formattedTimestamp ? (\n                <ds-text as=\"span\" variant=\"text-caption\" color=\"tertiary\" aria-hidden=\"true\">\n                  ·\n                </ds-text>\n              ) : null}\n              {formattedTimestamp ? (\n                <time dateTime={this.timestamp}>\n                  <ds-text as=\"span\" variant=\"text-caption\" color=\"secondary\">\n                    {formattedTimestamp}\n                  </ds-text>\n                </time>\n              ) : null}\n            </div>\n          </div>\n          <div class=\"message__actions\">\n            <slot name=\"actions\" />\n          </div>\n        </article>\n      </Host>\n    );\n  }\n}\n"],"mappings":"0FAAA,MAAMA,EAAa,IAAM,o3DCOzB,MAAMC,EAAwD,CAC5DC,QAAS,UACTC,KAAM,OACNC,UAAW,YACXC,KAAM,OACNC,OAAQ,kB,MAQGC,EAAOC,EAAA,MAAAD,UAAAE,EALpB,WAAAC,CAAAC,G,4CAM2BC,KAAAC,UAAoB,GACpBD,KAAAE,UAA8B,WAC/CF,KAAAG,cAAsC,SACtCH,KAAAI,OAAiB,GAEjBJ,KAAAK,WAAsB,KAEtBL,KAAAM,UAAoB,GAEpBN,KAAAO,UAAqB,MACJP,KAAAQ,aAAwB,KA0ElD,CAxES,kBAAAC,GACN,IAAKT,KAAKM,UAAW,MAAO,GAC5B,MAAMI,EAASC,KAAKC,MAAMZ,KAAKM,WAC/B,GAAIO,OAAOC,MAAMJ,GAAS,OAAOV,KAAKM,UACtC,OAAO,IAAIS,KAAKC,eAAeC,UAAW,CACxCC,KAAM,UACNC,OAAQ,YACPC,OAAO,IAAIT,KAAKD,G,CAGrB,MAAAW,GACE,MAAMC,EAAWtB,KAAKuB,cAAgBlC,EAAgBW,KAAKuB,eAAiB,GAC5E,MAAMd,EAAqBT,KAAKS,qBAChC,OACEe,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,uBAAuB3B,KAAKG,gBAAe,kBACjCH,KAAKC,WAAagB,UAAS,qBACxBjB,KAAKQ,aAAe,OAASS,UAAS,YAC/CjB,KAAKO,UAAY,OAASU,WAErCO,EAAA,WAAAE,IAAA,2CACEC,MAAO,CACLC,QAAS,KACT,CAAC,YAAY5B,KAAKE,aAAc,KAChC,CAAC,kBAAkBF,KAAKG,iBAAkB,MAC3C,aACWH,KAAKI,OAAS,gBAAgBJ,KAAKI,SAAW,WAE1DoB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iBACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,mBACTH,EAAA,QAAAE,IAAA,2CAAMG,KAAK,WACV7B,KAAKI,QAAUJ,KAAKK,WACnBmB,EAAA,WAASM,GAAG,OAAOC,QAAQ,kBAAkBC,SAAQ,KAACC,MAAM,WACzDjC,KAAKI,QAEN,MAENoB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,oBACTH,EAAA,QAAAE,IAAA,8CAEFF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,mBACTH,EAAA,QAAAE,IAAA,2CAAMG,KAAK,WACVP,EACCE,EAAA,WACEM,GAAG,OACHC,QAAQ,eACRE,MAAOjC,KAAKuB,gBAAkB,SAAW,WAAa,aAErDD,GAED,KACHtB,KAAKuB,gBAAkB,UAAYd,EAClCe,EAAA,WAASM,GAAG,OAAOC,QAAQ,eAAeE,MAAM,WAAU,cAAa,QAAM,KAG3E,KACHxB,EACCe,EAAA,QAAMU,SAAUlC,KAAKM,WACnBkB,EAAA,WAASM,GAAG,OAAOC,QAAQ,eAAeE,MAAM,aAC7CxB,IAGH,OAGRe,EAAA,OAAAE,IAAA,2CAAKC,MAAM,oBACTH,EAAA,QAAAE,IAAA,2CAAMG,KAAK,c","ignoreList":[]}

package/dist/components/p-Bi-21Kvd.js

@@ -1,2 +0,0 @@
-import{p as e,H as s,c as i,h as a,a as d,t as o}from"./index.js";import{g as r}from"./p-BQq26pt9.js";import{d as t}from"./p-DoNdiEly.js";import{d as n}from"./p-Beejrd-R.js";import{d as c}from"./p-CyjC57Dk.js";import{d as h}from"./p-POvz6PiQ.js";import{d as m}from"./p-CGwVooB6.js";import{d as l}from"./p-w2kKeG_h.js";const b=()=>`.ds-chrome-space--sm.sc-ds-mobile-header-h,.ds-chrome-space--sm.sc-ds-mobile-header{--ds-chrome-padding:var(--dimension-space-050);--ds-chrome-gap:var(--dimension-space-050)}.ds-chrome-space--md.sc-ds-mobile-header-h,.ds-chrome-space--md.sc-ds-mobile-header{--ds-chrome-padding:var(--dimension-space-100);--ds-chrome-gap:var(--dimension-space-100)}.ds-chrome-space--lg.sc-ds-mobile-header-h,.ds-chrome-space--lg.sc-ds-mobile-header{--ds-chrome-padding:var(--dimension-space-200);--ds-chrome-gap:var(--dimension-space-200)}.ds-chrome-row.sc-ds-mobile-header-h,.ds-chrome-row.sc-ds-mobile-header,.ds-chrome-column.sc-ds-mobile-header-h,.ds-chrome-column.sc-ds-mobile-header,.ds-chrome-grid.sc-ds-mobile-header-h,.ds-chrome-grid.sc-ds-mobile-header{display:flex;box-sizing:border-box;gap:var(--ds-chrome-gap, var(--dimension-space-100));padding:var(--ds-chrome-padding, var(--dimension-space-100))}.ds-chrome-row.sc-ds-mobile-header-h,.ds-chrome-row.sc-ds-mobile-header{flex-direction:row;align-items:center}.ds-chrome-column.sc-ds-mobile-header-h,.ds-chrome-column.sc-ds-mobile-header{flex-direction:column}.ds-chrome-grid.sc-ds-mobile-header-h,.ds-chrome-grid.sc-ds-mobile-header{display:grid;align-items:center}.sc-ds-mobile-header-h{display:block;min-width:0;box-sizing:border-box;background:var(--color-background-primary);color:var(--color-foreground-primary)}[tone='brand'].sc-ds-mobile-header-h{background:var(--color-background-bold-brand);color:var(--color-foreground-on-bold)}.mobile-header.sc-ds-mobile-header{position:relative;display:flex;flex-direction:column;width:100%;min-width:0;box-sizing:border-box;background:inherit;color:inherit}.mobile-header__primary.sc-ds-mobile-header{grid-template-columns:minmax(var(--dimension-size-400), 1fr) minmax(0, auto) minmax(var(--dimension-size-400), 1fr);width:100%;height:var(--dimension-size-600);min-width:0;background:inherit;color:inherit}.sc-ds-mobile-header-h:not([tone='brand']) .mobile-header.sc-ds-mobile-header::after{content:'';position:absolute;inset-inline:0;inset-block-end:0;height:var(--dimension-stroke-width-012);background:var(--color-border-tertiary);pointer-events:none}.mobile-header__subsections.sc-ds-mobile-header{display:flex;align-items:center;justify-content:center;min-width:0;height:var(--dimension-size-600);padding:var(--dimension-space-100) var(--dimension-space-200);box-sizing:border-box}.mobile-header__subsections.sc-ds-mobile-header ds-mobile-section-switcher.sc-ds-mobile-header{min-width:0;max-width:100%}.mobile-header__lane.sc-ds-mobile-header{display:flex;align-items:center;gap:var(--dimension-space-050);min-width:0}.mobile-header__lane--leading.sc-ds-mobile-header{justify-content:flex-start}.mobile-header__lane--trailing.sc-ds-mobile-header{justify-content:flex-end}.mobile-header__center.sc-ds-mobile-header{position:relative;min-width:0;max-width:100%;justify-self:center}.mobile-header__heading.sc-ds-mobile-header{display:block;min-width:0;max-width:100%;text-align:center}.mobile-header__semantic-heading.sc-ds-mobile-header{position:absolute;width:var(--dimension-stroke-width-012);height:var(--dimension-stroke-width-012);padding:0;margin:calc(var(--dimension-stroke-width-012) * -1);overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.sc-ds-mobile-header-s>[slot='leading'],.sc-ds-mobile-header-s>[slot='trailing']{flex:0 0 auto}`;const g=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.dsSectionChange=i(this,"dsSectionChange");this.dsSubsectionChange=i(this,"dsSubsectionChange");this.heading="";this.headingLevel="h1";this.sections=[];this.value="";this.sectionsAriaLabel="Change page section";this.subsections=[];this.subvalue="";this.subsectionsAriaLabel="Change page subsection";this.tone="default";this.handleSectionChange=e=>{e.stopPropagation();this.dsSectionChange.emit(e.detail)};this.handleSubsectionChange=e=>{e.stopPropagation();this.dsSubsectionChange.emit(e.detail)}}get resolvedSections(){return this.sections??[]}get resolvedSubsections(){return this.subsections??[]}get selectedLabel(){const e=r(this.resolvedSections);return e.find((e=>e.id===this.value))?.label??e[0]?.label??this.heading}render(){const e=this.headingLevel;const s=r(this.resolvedSections);const i=s.length>1;const o=r(this.resolvedSubsections).length>1;const t=this.tone==="brand"?"on-bold":"primary";return a(d,{key:"2ea80a99f30cec371c48b70913e4182b154ae5b6"},a("header",{key:"42be35b01bf3a8cb6ad28def98feabffee9dcb4c",class:"mobile-header"},a("div",{key:"d3039030a450f4d884fe6c287c1c57b99ccf58bf",class:"mobile-header__primary ds-chrome-grid ds-chrome-space--md"},a("div",{key:"1dfe2bb72b1f908d5d00934a34455fb242e6399b",class:"mobile-header__lane mobile-header__lane--leading"},a("slot",{key:"23a0cb47e97c9a6aad62d0e1438dbd64d28f6d6f",name:"leading"})),a("div",{key:"7d41bf3cae0183077c8bfe1a4267a25368df3c5c",class:"mobile-header__center"},i?[a("span",{class:"mobile-header__semantic-heading",role:"heading","aria-level":this.headingLevel==="h1"?"1":"2"},this.selectedLabel),a("ds-mobile-section-switcher",{sections:this.resolvedSections,value:this.value,navigationLabel:this.sectionsAriaLabel,onDsChange:this.handleSectionChange})]:a("ds-text",{class:"mobile-header__heading",as:e,variant:"text-body-medium",emphasis:true,color:t,lineTruncation:1},this.selectedLabel)),a("div",{key:"82e277030e51938954aee5a1198b8b59af119dbc",class:"mobile-header__lane mobile-header__lane--trailing"},a("slot",{key:"ee90fa787d7c10a22e6044983d7acf681a31b61c",name:"trailing"}))),o?a("nav",{class:"mobile-header__subsections","aria-label":this.subsectionsAriaLabel},a("ds-mobile-section-switcher",{sections:this.resolvedSubsections,value:this.subvalue,navigationLabel:this.subsectionsAriaLabel,onDsChange:this.handleSubsectionChange})):null))}static get style(){return b()}},[262,"ds-mobile-header",{heading:[1],headingLevel:[1,"heading-level"],sections:[16],value:[1],sectionsAriaLabel:[1,"sections-aria-label"],subsections:[16],subvalue:[1],subsectionsAriaLabel:[1,"subsections-aria-label"],tone:[513]}]);function p(){if(typeof customElements==="undefined"){return}const e=["ds-mobile-header","ds-badge","ds-menu","ds-mobile-section-switcher","ds-swatch-picker","ds-switch","ds-text"];e.forEach((e=>{switch(e){case"ds-mobile-header":if(!customElements.get(o(e))){customElements.define(o(e),g)}break;case"ds-badge":if(!customElements.get(o(e))){t()}break;case"ds-menu":if(!customElements.get(o(e))){n()}break;case"ds-mobile-section-switcher":if(!customElements.get(o(e))){c()}break;case"ds-swatch-picker":if(!customElements.get(o(e))){h()}break;case"ds-switch":if(!customElements.get(o(e))){m()}break;case"ds-text":if(!customElements.get(o(e))){l()}break}}))}p();export{g as M,p as d};
-//# sourceMappingURL=p-Bi-21Kvd.js.map

package/dist/components/p-DV-tK5TR.js

@@ -1,2 +0,0 @@
-import{p as t,H as e,h as s,a,t as c}from"./index.js";import{d}from"./p-BAfG3M8z.js";import{d as i}from"./p-w2kKeG_h.js";const n=()=>`.sc-ds-empty-state-h{display:block;width:100%;height:100%}.sc-ds-empty-state-h,.empty-state.sc-ds-empty-state,.empty-state__text.sc-ds-empty-state{box-sizing:border-box}.empty-state.sc-ds-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--dimension-space-100);height:100%;width:100%;text-align:center}.empty-state__icon.sc-ds-empty-state{flex:0 0 auto}.empty-state__text.sc-ds-empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--dimension-space-050);width:100%}`;const o=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.body=""}render(){const t=Boolean(this.heading?.trim());const e=t&&Boolean(this.icon);return s(a,{key:"628cc008f7aace2612cbbeb28134bf29bc2bd0ec"},s("div",{key:"b3569a914d870077766387299b74c877739c8c2a",class:"empty-state"},e&&s("ds-icon",{key:"1776439fbd4516d8dab25c09d35b4ad291e0e5d3",class:"empty-state__icon",name:this.icon,size:"xl",color:"primary"}),s("div",{key:"1d3503ebd7c9e6b6f2dfea7b5b421bee8a4bd8d3",class:"empty-state__text"},t&&s("ds-text",{key:"dff6a0f6bb360bc182535fb702eb4dbc9e1d3925",class:"empty-state__title",as:"div",variant:"text-title-small",color:"primary",align:"center"},this.heading),this.body&&s("ds-text",{key:"4abd06ee3936abbd050110ed6bf10179b202ebd6",class:"empty-state__body",as:"p",variant:"text-body-medium",color:"secondary",align:"center"},this.body))))}static get style(){return n()}},[2,"ds-empty-state",{icon:[1],heading:[1],body:[1]}]);function m(){if(typeof customElements==="undefined"){return}const t=["ds-empty-state","ds-icon","ds-text"];t.forEach((t=>{switch(t){case"ds-empty-state":if(!customElements.get(c(t))){customElements.define(c(t),o)}break;case"ds-icon":if(!customElements.get(c(t))){d()}break;case"ds-text":if(!customElements.get(c(t))){i()}break}}))}m();export{o as E,m as d};
-//# sourceMappingURL=p-DV-tK5TR.js.map

package/dist/components/p-awaBUdlz.js

@@ -1,2 +0,0 @@
-import{p as e,H as s,h as o,a as t,t as i}from"./index.js";import{d as a}from"./p-DoNdiEly.js";import{d as c}from"./p-Bgh0uG51.js";import{d}from"./p-BAfG3M8z.js";import{d as r}from"./p-Ca-I2UnB.js";import{d as n}from"./p-w2kKeG_h.js";import{d as l}from"./p-UtfErnpX.js";const b=()=>`.sc-ds-code-block-h{display:block;width:100%;min-width:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}.code-block.sc-ds-code-block{width:100%;min-width:0;margin:0;overflow:hidden;border-radius:var(--dimension-radius-050);background:var(--color-background-strong-neutral);color:var(--color-foreground-faint-neutral);box-sizing:border-box}.code-block__header.sc-ds-code-block{display:flex;align-items:center;justify-content:space-between;gap:var(--dimension-space-100);min-height:var(--dimension-size-400);padding:var(--dimension-space-050) var(--dimension-space-100);background:var(--color-background-strong-neutral);box-sizing:border-box}pre.sc-ds-code-block{margin:0;padding:var(--dimension-space-150);overflow:auto;font-family:var(--typography-fontfamily-mono);font-size:var(--typography-fontsize-sm);line-height:var(--typography-lineheight-sm);tab-size:2;-webkit-user-select:text;user-select:text}code.sc-ds-code-block{font:inherit;white-space:pre}`;const f=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.code="";this.language="";this.filename="";this.copied=false;this.copy=async()=>{if(!navigator.clipboard||!this.code)return;await navigator.clipboard.writeText(this.code);this.copied=true;if(this.copiedTimer)clearTimeout(this.copiedTimer);this.copiedTimer=setTimeout((()=>{this.copied=false}),2e3)}}disconnectedCallback(){if(this.copiedTimer)clearTimeout(this.copiedTimer)}render(){const e=this.filename||this.language||"Code";return o(t,{key:"705bb54eadb745c6bfaf191cd6c4473de7c6da26"},o("figure",{key:"025c217f273e0f0e165aa7ea08c01587a90e17a2",class:"code-block"},o("figcaption",{key:"3aec633d315829ad8dc9a4340967e45f440fd413",class:"code-block__header"},o("ds-text",{key:"ddb9a077f210555cc645ff5289b803403ce85c86",as:"span",variant:"text-caption",emphasis:true,color:"on-strong"},e),o("ds-tooltip",{key:"52ad62b8e08c1d3f1ecc769c1bee62c4f86d796b",label:this.copied?"Copied":"Copy code",side:"bottom",size:"sm"},o("ds-button-unfilled",{key:"2dafcda6a1175b0a0d414fa1069476c3d7ec92d0",variant:"icon",icon:this.copied?"Check":"Copy",size:"xs","aria-label":this.copied?"Copied":"Copy code",hasBorder:false,onDsClick:this.copy}))),o("pre",{key:"5127b675f4e964fb76d198a747de40d3646c9450"},o("code",{key:"9add3d291b7459c7073e87c94bb0b6d149c1b08c"},this.code))))}static get style(){return b()}},[2,"ds-code-block",{code:[1],language:[1],filename:[1],copied:[32]}]);function m(){if(typeof customElements==="undefined"){return}const e=["ds-code-block","ds-badge","ds-button-unfilled","ds-icon","ds-loader","ds-text","ds-tooltip"];e.forEach((e=>{switch(e){case"ds-code-block":if(!customElements.get(i(e))){customElements.define(i(e),f)}break;case"ds-badge":if(!customElements.get(i(e))){a()}break;case"ds-button-unfilled":if(!customElements.get(i(e))){c()}break;case"ds-icon":if(!customElements.get(i(e))){d()}break;case"ds-loader":if(!customElements.get(i(e))){r()}break;case"ds-text":if(!customElements.get(i(e))){n()}break;case"ds-tooltip":if(!customElements.get(i(e))){l()}break}}))}m();export{f as C,m as d};
-//# sourceMappingURL=p-awaBUdlz.js.map

package/dist/components/p-awaBUdlz.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["codeBlockCss","CodeBlock","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","code","language","filename","copied","copy","async","navigator","clipboard","writeText","copiedTimer","clearTimeout","setTimeout","disconnectedCallback","render","label","h","Host","key","class","as","variant","emphasis","color","side","size","icon","hasBorder","onDsClick"],"sources":["src/wc/components/CodeBlock/CodeBlock.css?tag=ds-code-block&encapsulation=scoped","src/wc/components/CodeBlock/CodeBlock.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n  min-width: 0;\n  box-sizing: border-box;\n  -webkit-user-select: none;\n  user-select: none;\n}\n\n.code-block {\n  width: 100%;\n  min-width: 0;\n  margin: 0;\n  overflow: hidden;\n  border-radius: var(--dimension-radius-050);\n  background: var(--color-background-strong-neutral);\n  color: var(--color-foreground-faint-neutral);\n  box-sizing: border-box;\n}\n\n.code-block__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--dimension-space-100);\n  min-height: var(--dimension-size-400);\n  padding: var(--dimension-space-050) var(--dimension-space-100);\n  background: var(--color-background-strong-neutral);\n  box-sizing: border-box;\n}\n\npre {\n  margin: 0;\n  padding: var(--dimension-space-150);\n  overflow: auto;\n  font-family: var(--typography-fontfamily-mono);\n  font-size: var(--typography-fontsize-sm);\n  line-height: var(--typography-lineheight-sm);\n  tab-size: 2;\n  -webkit-user-select: text;\n  user-select: text;\n}\n\ncode {\n  font: inherit;\n  white-space: pre;\n}\n","import { Component, h, Host, Prop, State } from '@stencil/core';\n\n@Component({\n  tag: 'ds-code-block',\n  styleUrl: 'CodeBlock.css',\n  scoped: true,\n})\nexport class CodeBlock {\n  @Prop() code: string = '';\n  @Prop() language: string = '';\n  @Prop() filename: string = '';\n\n  @State() private copied: boolean = false;\n  private copiedTimer?: ReturnType<typeof setTimeout>;\n\n  disconnectedCallback() {\n    if (this.copiedTimer) clearTimeout(this.copiedTimer);\n  }\n\n  private copy = async () => {\n    if (!navigator.clipboard || !this.code) return;\n    await navigator.clipboard.writeText(this.code);\n    this.copied = true;\n    if (this.copiedTimer) clearTimeout(this.copiedTimer);\n    this.copiedTimer = setTimeout(() => {\n      this.copied = false;\n    }, 2000);\n  };\n\n  render() {\n    const label = this.filename || this.language || 'Code';\n    return (\n      <Host>\n        <figure class=\"code-block\">\n          <figcaption class=\"code-block__header\">\n            <ds-text as=\"span\" variant=\"text-caption\" emphasis color=\"on-strong\">\n              {label}\n            </ds-text>\n            <ds-tooltip label={this.copied ? 'Copied' : 'Copy code'} side=\"bottom\" size=\"sm\">\n              <ds-button-unfilled\n                variant=\"icon\"\n                icon={this.copied ? 'Check' : 'Copy'}\n                size=\"xs\"\n                aria-label={this.copied ? 'Copied' : 'Copy code'}\n                hasBorder={false}\n                onDsClick={this.copy}\n              />\n            </ds-tooltip>\n          </figcaption>\n          <pre>\n            <code>{this.code}</code>\n          </pre>\n        </figure>\n      </Host>\n    );\n  }\n}\n"],"mappings":"8QAAA,MAAMA,EAAe,IAAM,68B,MCOdC,EAASC,EAAA,MAAAD,UAAAE,EALtB,WAAAC,CAAAC,G,4CAMUC,KAAAC,KAAe,GACfD,KAAAE,SAAmB,GACnBF,KAAAG,SAAmB,GAEVH,KAAAI,OAAkB,MAO3BJ,KAAAK,KAAOC,UACb,IAAKC,UAAUC,YAAcR,KAAKC,KAAM,aAClCM,UAAUC,UAAUC,UAAUT,KAAKC,MACzCD,KAAKI,OAAS,KACd,GAAIJ,KAAKU,YAAaC,aAAaX,KAAKU,aACxCV,KAAKU,YAAcE,YAAW,KAC5BZ,KAAKI,OAAS,KAAK,GAClB,IAAK,CA8BX,CAzCC,oBAAAS,GACE,GAAIb,KAAKU,YAAaC,aAAaX,KAAKU,Y,CAa1C,MAAAI,GACE,MAAMC,EAAQf,KAAKG,UAAYH,KAAKE,UAAY,OAChD,OACEc,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,UAAAE,IAAA,2CAAQC,MAAM,cACZH,EAAA,cAAAE,IAAA,2CAAYC,MAAM,sBAChBH,EAAA,WAAAE,IAAA,2CAASE,GAAG,OAAOC,QAAQ,eAAeC,SAAQ,KAACC,MAAM,aACtDR,GAEHC,EAAA,cAAAE,IAAA,2CAAYH,MAAOf,KAAKI,OAAS,SAAW,YAAaoB,KAAK,SAASC,KAAK,MAC1ET,EAAA,sBAAAE,IAAA,2CACEG,QAAQ,OACRK,KAAM1B,KAAKI,OAAS,QAAU,OAC9BqB,KAAK,KAAI,aACGzB,KAAKI,OAAS,SAAW,YACrCuB,UAAW,MACXC,UAAW5B,KAAKK,SAItBW,EAAA,OAAAE,IAAA,4CACEF,EAAA,QAAAE,IAAA,4CAAOlB,KAAKC,Q","ignoreList":[]}