@ds-mo/ui 11.0.0 → 12.0.0

package/dist/angular/ds-bar-title.d.ts

@@ -0,0 +1,28 @@
+import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import type { DsBarTitleCustomEvent } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsBarTitle {
+    protected z: NgZone;
+    protected el: HTMLDsBarTitleElement;
+    dsBack: EventEmitter<DsBarTitleCustomEvent<MouseEvent>>;
+    dsSectionChange: EventEmitter<DsBarTitleCustomEvent<string>>;
+    dsAction: EventEmitter<DsBarTitleCustomEvent<string>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsBarTitle, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsBarTitle, "ds-bar-title", never, { "actions": { "alias": "actions"; "required": false; }; "actionsAriaLabel": { "alias": "actionsAriaLabel"; "required": false; }; "backAriaLabel": { "alias": "backAriaLabel"; "required": false; }; "backLabel": { "alias": "backLabel"; "required": false; }; "description": { "alias": "description"; "required": false; }; "heading": { "alias": "heading"; "required": true; }; "primaryAction": { "alias": "primaryAction"; "required": false; }; "sections": { "alias": "sections"; "required": false; }; "sectionsAriaLabel": { "alias": "sectionsAriaLabel"; "required": false; }; "showBack": { "alias": "showBack"; "required": false; }; "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "dsBack": "dsBack"; "dsSectionChange": "dsSectionChange"; "dsAction": "dsAction"; }, never, ["*"], true, never>;
+}
+export declare interface DsBarTitle extends Components.DsBarTitle {
+    /**
+     * Emitted when the leading Back action is activated.
+     */
+    dsBack: EventEmitter<DsBarTitleCustomEvent<MouseEvent>>;
+    /**
+     * Emitted with the newly selected page-section id.
+     */
+    dsSectionChange: EventEmitter<DsBarTitleCustomEvent<string>>;
+    /**
+     * Emitted with the activated primary or overflow action id.
+     */
+    dsAction: EventEmitter<DsBarTitleCustomEvent<string>>;
+}

package/dist/angular/ds-bar-title.js

@@ -0,0 +1,48 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/* tslint:disable */
+/* auto-generated angular directive proxies */
+import { ChangeDetectionStrategy, Component, EventEmitter, Output } from '@angular/core';
+import { ProxyCmp } from './angular-component-lib/utils.js';
+import { defineCustomElement as defineDsBarTitle } from '@ds-mo/ui/components/ds-bar-title.js';
+import * as i0 from "@angular/core";
+let DsBarTitle = class DsBarTitle {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsBack = new EventEmitter();
+        this.dsSectionChange = new EventEmitter();
+        this.dsAction = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsBarTitle, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsBarTitle, isStandalone: true, selector: "ds-bar-title", inputs: { actions: "actions", actionsAriaLabel: "actionsAriaLabel", backAriaLabel: "backAriaLabel", backLabel: "backLabel", description: "description", heading: "heading", primaryAction: "primaryAction", sections: "sections", sectionsAriaLabel: "sectionsAriaLabel", showBack: "showBack", value: "value", variant: "variant" }, outputs: { dsBack: "dsBack", dsSectionChange: "dsSectionChange", dsAction: "dsAction" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsBarTitle = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineDsBarTitle,
+        inputs: ['actions', 'actionsAriaLabel', 'backAriaLabel', 'backLabel', 'description', 'heading', 'primaryAction', 'sections', 'sectionsAriaLabel', 'showBack', 'value', 'variant']
+    })
+], DsBarTitle);
+export { DsBarTitle };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsBarTitle, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-bar-title',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['actions', 'actionsAriaLabel', 'backAriaLabel', 'backLabel', 'description', { name: 'heading', required: true }, 'primaryAction', 'sections', 'sectionsAriaLabel', 'showBack', 'value', 'variant'],
+                    outputs: ['dsBack', 'dsSectionChange', 'dsAction'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsBack: [{
+                type: Output
+            }], dsSectionChange: [{
+                type: Output
+            }], dsAction: [{
+                type: Output
+            }] } });

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

@@ -8,7 +8,7 @@ export declare class DsButtonFilled {
     dsClick: EventEmitter<DsButtonFilledCustomEvent<MouseEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsButtonFilled, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsButtonFilled, "ds-button-filled", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "contrast": { "alias": "contrast"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "intent": { "alias": "intent"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "label": { "alias": "label"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "dsClick": "dsClick"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsButtonFilled, "ds-button-filled", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "background": { "alias": "background"; "required": false; }; "contrast": { "alias": "contrast"; "required": false; }; "hasBorder": { "alias": "hasBorder"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "intent": { "alias": "intent"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "label": { "alias": "label"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "dsClick": "dsClick"; }, never, ["*"], true, never>;
 }
 export declare interface DsButtonFilled extends Components.DsButtonFilled {
     dsClick: EventEmitter<DsButtonFilledCustomEvent<MouseEvent>>;

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

@@ -18,12 +18,12 @@ let DsButtonFilled = class DsButtonFilled {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsButtonFilled, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsButtonFilled, isStandalone: true, selector: "ds-button-filled", inputs: { ariaLabel: "ariaLabel", contrast: "contrast", icon: "icon", intent: "intent", isInactive: "isInactive", isLoading: "isLoading", label: "label", rounded: "rounded", size: "size", type: "type", variant: "variant", width: "width" }, outputs: { dsClick: "dsClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsButtonFilled, isStandalone: true, selector: "ds-button-filled", inputs: { ariaLabel: "ariaLabel", background: "background", contrast: "contrast", hasBorder: "hasBorder", icon: "icon", intent: "intent", isInactive: "isInactive", isLoading: "isLoading", label: "label", rounded: "rounded", size: "size", type: "type", variant: "variant", width: "width" }, outputs: { dsClick: "dsClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsButtonFilled = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsButtonFilled,
-        inputs: ['ariaLabel', 'contrast', 'icon', 'intent', 'isInactive', 'isLoading', 'label', 'rounded', 'size', 'type', 'variant', 'width'],
+        inputs: ['ariaLabel', 'background', 'contrast', 'hasBorder', 'icon', 'intent', 'isInactive', 'isLoading', 'label', 'rounded', 'size', 'type', 'variant', 'width'],
         methods: ['setFocus']
     })
 ], DsButtonFilled);
@@ -35,7 +35,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['ariaLabel', 'contrast', 'icon', 'intent', 'isInactive', 'isLoading', 'label', 'rounded', 'size', 'type', 'variant', 'width'],
+                    inputs: ['ariaLabel', 'background', 'contrast', 'hasBorder', 'icon', 'intent', 'isInactive', 'isLoading', 'label', 'rounded', 'size', 'type', 'variant', 'width'],
                     outputs: ['dsClick'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsClick: [{

package/dist/angular/ds-chart-donut.d.ts

@@ -9,7 +9,7 @@ export declare class DsChartDonut {
     dsSliceHover: EventEmitter<DsChartDonutCustomEvent<IDsChartDonutChartDatum | null>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsChartDonut, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsChartDonut, "ds-chart-donut", never, { "activeLabel": { "alias": "activeLabel"; "required": false; }; "centerCaption": { "alias": "centerCaption"; "required": false; }; "centerValue": { "alias": "centerValue"; "required": false; }; "cornerRadius": { "alias": "cornerRadius"; "required": false; }; "data": { "alias": "data"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "noDataLabel": { "alias": "noDataLabel"; "required": false; }; "size": { "alias": "size"; "required": false; }; "thickness": { "alias": "thickness"; "required": false; }; }, { "dsSliceHover": "dsSliceHover"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsChartDonut, "ds-chart-donut", never, { "activeLabel": { "alias": "activeLabel"; "required": false; }; "centerCaption": { "alias": "centerCaption"; "required": false; }; "centerValue": { "alias": "centerValue"; "required": false; }; "cornerRadius": { "alias": "cornerRadius"; "required": false; }; "data": { "alias": "data"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "noDataLabel": { "alias": "noDataLabel"; "required": false; }; "showTooltip": { "alias": "showTooltip"; "required": false; }; "size": { "alias": "size"; "required": false; }; "thickness": { "alias": "thickness"; "required": false; }; }, { "dsSliceHover": "dsSliceHover"; }, never, ["*"], true, never>;
 }
 export declare interface DsChartDonut extends Components.DsChartDonut {
     /**

package/dist/angular/ds-chart-donut.js

@@ -18,12 +18,12 @@ let DsChartDonut = class DsChartDonut {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsChartDonut, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsChartDonut, isStandalone: true, selector: "ds-chart-donut", inputs: { activeLabel: "activeLabel", centerCaption: "centerCaption", centerValue: "centerValue", cornerRadius: "cornerRadius", data: "data", gap: "gap", locale: "locale", noDataLabel: "noDataLabel", size: "size", thickness: "thickness" }, outputs: { dsSliceHover: "dsSliceHover" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsChartDonut, isStandalone: true, selector: "ds-chart-donut", inputs: { activeLabel: "activeLabel", centerCaption: "centerCaption", centerValue: "centerValue", cornerRadius: "cornerRadius", data: "data", gap: "gap", locale: "locale", noDataLabel: "noDataLabel", showTooltip: "showTooltip", size: "size", thickness: "thickness" }, outputs: { dsSliceHover: "dsSliceHover" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsChartDonut = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsChartDonut,
-        inputs: ['activeLabel', 'centerCaption', 'centerValue', 'cornerRadius', 'data', 'gap', 'locale', 'noDataLabel', 'size', 'thickness']
+        inputs: ['activeLabel', 'centerCaption', 'centerValue', 'cornerRadius', 'data', 'gap', 'locale', 'noDataLabel', 'showTooltip', 'size', 'thickness']
     })
 ], DsChartDonut);
 export { DsChartDonut };
@@ -34,7 +34,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['activeLabel', 'centerCaption', 'centerValue', 'cornerRadius', 'data', 'gap', 'locale', 'noDataLabel', 'size', 'thickness'],
+                    inputs: ['activeLabel', 'centerCaption', 'centerValue', 'cornerRadius', 'data', 'gap', 'locale', 'noDataLabel', 'showTooltip', 'size', 'thickness'],
                     outputs: ['dsSliceHover'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsSliceHover: [{

package/dist/angular/ds-panel-nav.d.ts

@@ -27,7 +27,7 @@ export declare interface DsPanelNav extends Components.DsPanelNav {
      */
     dsNavToggle: EventEmitter<DsPanelNavCustomEvent<boolean>>;
     /**
-     * Bubbling lifecycle — `ds-app-shell` pauses chrome metrics during width motion.
+     * Bubbling lifecycle — `ds-shell-app` pauses chrome metrics during width motion.
      */
     dsChromeTransitionStart: EventEmitter<DsPanelNavCustomEvent<IDsPanelNavChromeTransitionDetail>>;
     dsChromeTransitionEnd: EventEmitter<DsPanelNavCustomEvent<IDsPanelNavChromeTransitionDetail>>;

package/dist/angular/{ds-app-shell.d.ts → ds-shell-app.d.ts}

@@ -1,12 +1,12 @@
 import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
 import type { Components } from '@ds-mo/ui/components';
 import * as i0 from "@angular/core";
-export declare class DsAppShell {
+export declare class DsShellApp {
     protected z: NgZone;
-    protected el: HTMLDsAppShellElement;
+    protected el: HTMLDsShellAppElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<DsAppShell, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsAppShell, "ds-app-shell", never, { "gradientPreset": { "alias": "gradientPreset"; "required": false; }; "navStyle": { "alias": "navStyle"; "required": false; }; "shortcutsEnabled": { "alias": "shortcutsEnabled"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsShellApp, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsShellApp, "ds-shell-app", never, { "gradientPreset": { "alias": "gradientPreset"; "required": false; }; "navStyle": { "alias": "navStyle"; "required": false; }; "shortcutsEnabled": { "alias": "shortcutsEnabled"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
-export declare interface DsAppShell extends Components.DsAppShell {
+export declare interface DsShellApp extends Components.DsShellApp {
 }

package/dist/angular/{ds-app-shell.js → ds-shell-app.js}

@@ -8,28 +8,28 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 /* auto-generated angular directive proxies */
 import { ChangeDetectionStrategy, Component } from '@angular/core';
 import { ProxyCmp } from './angular-component-lib/utils.js';
-import { defineCustomElement as defineDsAppShell } from '@ds-mo/ui/components/ds-app-shell.js';
+import { defineCustomElement as defineDsShellApp } from '@ds-mo/ui/components/ds-shell-app.js';
 import * as i0 from "@angular/core";
-let DsAppShell = class DsAppShell {
+let DsShellApp = class DsShellApp {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsAppShell, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsAppShell, isStandalone: true, selector: "ds-app-shell", inputs: { gradientPreset: "gradientPreset", navStyle: "navStyle", shortcutsEnabled: "shortcutsEnabled" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsShellApp, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsShellApp, isStandalone: true, selector: "ds-shell-app", inputs: { gradientPreset: "gradientPreset", navStyle: "navStyle", shortcutsEnabled: "shortcutsEnabled" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-DsAppShell = __decorate([
+DsShellApp = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineDsAppShell,
+        defineCustomElementFn: defineDsShellApp,
         inputs: ['gradientPreset', 'navStyle', 'shortcutsEnabled']
     })
-], DsAppShell);
-export { DsAppShell };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsAppShell, decorators: [{
+], DsShellApp);
+export { DsShellApp };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsShellApp, decorators: [{
             type: Component,
             args: [{
-                    selector: 'ds-app-shell',
+                    selector: 'ds-shell-app',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property

package/dist/angular/ds-shell-page.d.ts

@@ -0,0 +1,12 @@
+import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsShellPage {
+    protected z: NgZone;
+    protected el: HTMLDsShellPageElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsShellPage, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsShellPage, "ds-shell-page", never, { "contentInset": { "alias": "contentInset"; "required": false; }; "headerPresentation": { "alias": "headerPresentation"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+export declare interface DsShellPage extends Components.DsShellPage {
+}

package/dist/angular/ds-shell-page.js

@@ -0,0 +1,38 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/* tslint:disable */
+/* auto-generated angular directive proxies */
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { ProxyCmp } from './angular-component-lib/utils.js';
+import { defineCustomElement as defineDsShellPage } from '@ds-mo/ui/components/ds-shell-page.js';
+import * as i0 from "@angular/core";
+let DsShellPage = class DsShellPage {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsShellPage, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsShellPage, isStandalone: true, selector: "ds-shell-page", inputs: { contentInset: "contentInset", headerPresentation: "headerPresentation" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsShellPage = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineDsShellPage,
+        inputs: ['contentInset', 'headerPresentation']
+    })
+], DsShellPage);
+export { DsShellPage };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsShellPage, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-shell-page',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['contentInset', 'headerPresentation'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });

package/dist/angular/index.d.ts

@@ -1,2 +1,2 @@
 import * as d from './proxies';
-export declare const DIRECTIVES: (typeof d.DsAgentActivity | typeof d.DsAgentResponse | typeof d.DsAgentSourceList | typeof d.DsAgentToolCall | typeof d.DsAppShell | typeof d.DsAttachmentList | typeof d.DsAvatar | typeof d.DsBadge | typeof d.DsBarNav | typeof d.DsButtonFilled | typeof d.DsButtonUnfilled | typeof d.DsCardDataVizDonut | typeof d.DsCardSetting | typeof d.DsCardShellDataViz | typeof d.DsChartBar | typeof d.DsChartDonut | typeof d.DsChartLegend | typeof d.DsChartLine | typeof d.DsCheckbox | typeof d.DsChip | typeof d.DsCodeBlock | typeof d.DsConversationListItem | typeof d.DsConversationListSection | typeof d.DsConversationList | typeof d.DsDivider | typeof d.DsEmptyState | typeof d.DsField | typeof d.DsIcon | typeof d.DsInput | typeof d.DsLoader | typeof d.DsMarkdown | typeof d.DsMenu | typeof d.DsMessageBubble | typeof d.DsMessageComposer | typeof d.DsMessageScroller | typeof d.DsMessage | typeof d.DsModal | typeof d.DsPanelNav | typeof d.DsPanelSubNav | typeof d.DsPanelToolHeader | typeof d.DsPanelToolSearch | typeof d.DsPanelTools | typeof d.DsRadio | typeof d.DsSelectMulti | typeof d.DsSelect | typeof d.DsShellGradientPicker | typeof d.DsShellGradientSwatch | typeof d.DsSkeleton | typeof d.DsSlider | typeof d.DsSwatchPicker | typeof d.DsSwitch | typeof d.DsTabGroup | typeof d.DsTag | typeof d.DsText | typeof d.DsToast | typeof d.DsTooltipDataViz | typeof d.DsTooltip | typeof d.DsTypingIndicator)[];
+export declare const DIRECTIVES: (typeof d.DsAgentActivity | typeof d.DsAgentResponse | typeof d.DsAgentSourceList | typeof d.DsAgentToolCall | typeof d.DsAttachmentList | typeof d.DsAvatar | typeof d.DsBadge | typeof d.DsBarNav | typeof d.DsBarTitle | typeof d.DsButtonFilled | typeof d.DsButtonUnfilled | typeof d.DsCardDataVizDonut | typeof d.DsCardSetting | typeof d.DsCardShellDataViz | typeof d.DsChartBar | typeof d.DsChartDonut | typeof d.DsChartLegend | typeof d.DsChartLine | typeof d.DsCheckbox | typeof d.DsChip | typeof d.DsCodeBlock | typeof d.DsConversationListItem | typeof d.DsConversationListSection | typeof d.DsConversationList | typeof d.DsDivider | typeof d.DsEmptyState | typeof d.DsField | typeof d.DsIcon | typeof d.DsInput | typeof d.DsLoader | typeof d.DsMarkdown | typeof d.DsMenu | typeof d.DsMessageBubble | typeof d.DsMessageComposer | typeof d.DsMessageScroller | typeof d.DsMessage | typeof d.DsModal | typeof d.DsPanelNav | typeof d.DsPanelSubNav | typeof d.DsPanelToolHeader | typeof d.DsPanelToolSearch | typeof d.DsPanelTools | typeof d.DsRadio | typeof d.DsSelectMulti | typeof d.DsSelect | typeof d.DsShellApp | typeof d.DsShellGradientPicker | typeof d.DsShellGradientSwatch | typeof d.DsShellPage | typeof d.DsSkeleton | typeof d.DsSlider | typeof d.DsSwatchPicker | typeof d.DsSwitch | typeof d.DsTabGroup | typeof d.DsTag | typeof d.DsText | typeof d.DsToast | typeof d.DsTooltipDataViz | typeof d.DsTooltip | typeof d.DsTypingIndicator)[];

package/dist/angular/index.js

@@ -4,11 +4,11 @@ export const DIRECTIVES = [
     d.DsAgentResponse,
     d.DsAgentSourceList,
     d.DsAgentToolCall,
-    d.DsAppShell,
     d.DsAttachmentList,
     d.DsAvatar,
     d.DsBadge,
     d.DsBarNav,
+    d.DsBarTitle,
     d.DsButtonFilled,
     d.DsButtonUnfilled,
     d.DsCardDataVizDonut,
@@ -45,8 +45,10 @@ export const DIRECTIVES = [
     d.DsRadio,
     d.DsSelect,
     d.DsSelectMulti,
+    d.DsShellApp,
     d.DsShellGradientPicker,
     d.DsShellGradientSwatch,
+    d.DsShellPage,
     d.DsSkeleton,
     d.DsSlider,
     d.DsSwatchPicker,

package/dist/angular/proxies.d.ts

@@ -6,11 +6,11 @@ export { DsAgentActivity } from './ds-agent-activity';
 export { DsAgentResponse } from './ds-agent-response';
 export { DsAgentSourceList } from './ds-agent-source-list';
 export { DsAgentToolCall } from './ds-agent-tool-call';
-export { DsAppShell } from './ds-app-shell';
 export { DsAttachmentList } from './ds-attachment-list';
 export { DsAvatar } from './ds-avatar';
 export { DsBadge } from './ds-badge';
 export { DsBarNav } from './ds-bar-nav';
+export { DsBarTitle } from './ds-bar-title';
 export { DsButtonFilled } from './ds-button-filled';
 export { DsButtonUnfilled } from './ds-button-unfilled';
 export { DsCardDataVizDonut } from './ds-card-data-viz-donut';
@@ -47,8 +47,10 @@ export { DsPanelTools } from './ds-panel-tools';
 export { DsRadio } from './ds-radio';
 export { DsSelect } from './ds-select';
 export { DsSelectMulti } from './ds-select-multi';
+export { DsShellApp } from './ds-shell-app';
 export { DsShellGradientPicker } from './ds-shell-gradient-picker';
 export { DsShellGradientSwatch } from './ds-shell-gradient-swatch';
+export { DsShellPage } from './ds-shell-page';
 export { DsSkeleton } from './ds-skeleton';
 export { DsSlider } from './ds-slider';
 export { DsSwatchPicker } from './ds-swatch-picker';

package/dist/angular/proxies.js

@@ -7,11 +7,11 @@ export { DsAgentActivity } from './ds-agent-activity.js';
 export { DsAgentResponse } from './ds-agent-response.js';
 export { DsAgentSourceList } from './ds-agent-source-list.js';
 export { DsAgentToolCall } from './ds-agent-tool-call.js';
-export { DsAppShell } from './ds-app-shell.js';
 export { DsAttachmentList } from './ds-attachment-list.js';
 export { DsAvatar } from './ds-avatar.js';
 export { DsBadge } from './ds-badge.js';
 export { DsBarNav } from './ds-bar-nav.js';
+export { DsBarTitle } from './ds-bar-title.js';
 export { DsButtonFilled } from './ds-button-filled.js';
 export { DsButtonUnfilled } from './ds-button-unfilled.js';
 export { DsCardDataVizDonut } from './ds-card-data-viz-donut.js';
@@ -48,8 +48,10 @@ export { DsPanelTools } from './ds-panel-tools.js';
 export { DsRadio } from './ds-radio.js';
 export { DsSelect } from './ds-select.js';
 export { DsSelectMulti } from './ds-select-multi.js';
+export { DsShellApp } from './ds-shell-app.js';
 export { DsShellGradientPicker } from './ds-shell-gradient-picker.js';
 export { DsShellGradientSwatch } from './ds-shell-gradient-swatch.js';
+export { DsShellPage } from './ds-shell-page.js';
 export { DsSkeleton } from './ds-skeleton.js';
 export { DsSlider } from './ds-slider.js';
 export { DsSwatchPicker } from './ds-swatch-picker.js';

package/dist/components/ds-agent-activity.js

@@ -1,2 +1,2 @@
-import{A as o,d as s}from"./p-CPPAndX2.js";const t=o;const n=s;export{t as DsAgentActivity,n as defineCustomElement};
+import{A as o,d as s}from"./p-DVk0wxxX.js";const t=o;const p=s;export{t as DsAgentActivity,p as defineCustomElement};
 //# sourceMappingURL=ds-agent-activity.js.map

package/dist/components/ds-agent-response.js

@@ -1,2 +1,2 @@
-import{p as s,H as e,h as t,a,t as o}from"./index.js";import{d as r}from"./p-CPPAndX2.js";import{d as n}from"./p-Dh4q5TSS.js";import{d as i}from"./p-DJ78wdNv.js";import{d}from"./p-BEWtqFX7.js";import{d as c}from"./p-DrDHC7V6.js";import{d as m}from"./p-DTqCBjUj.js";import{d as l}from"./p-Hw-HMjCk.js";import{d as u}from"./p-DuNZGFkV.js";import{d as f}from"./p-Cpr3K41-.js";import{d as p}from"./p-CbckeueL.js";import{d as b}from"./p-M5pt9I13.js";import{d as k}from"./p-CZZYGqKz.js";const h=()=>`.sc-ds-agent-response-h{display:block;width:100%;-webkit-user-select:none;user-select:none}.agent-response.sc-ds-agent-response{display:grid;gap:var(--dimension-space-150);min-width:0;width:100%;-webkit-user-select:none;user-select:none}`;const g=s(class s extends e{constructor(s){super();if(s!==false){this.__registerHost()}this.messageId="";this.author="";this.showAuthor=true;this.timestamp="";this.parts=[];this.streaming=false}renderPart(s){switch(s.type){case"markdown":return t("ds-markdown",{key:s.id,content:s.content,streaming:s.state==="streaming"});case"activity":return t("ds-agent-activity",{key:s.id,items:s.items});case"tool":return t("ds-agent-tool-call",{key:s.id,name:s.name,label:s.label,state:s.state,input:s.input,output:s.output,error:s.error});case"attachments":return t("ds-attachment-list",{key:s.id,items:s.items});case"sources":return t("ds-agent-source-list",{key:s.id,items:s.items})}}render(){return t(a,{key:"f9d6ca130d8bf45b5ab56a174723a87e1fd117bd"},t("ds-message",{key:"ab8a6040a907dd1414836a7a7dd20f8033b97561",messageId:this.messageId,direction:"incoming",author:this.author,showAuthor:this.showAuthor,timestamp:this.timestamp,streaming:this.streaming},t("div",{key:"b45d6644760775f80baf13ad0039ccf9d3ff3265",class:"agent-response"},this.parts.map((s=>this.renderPart(s)))),t("slot",{key:"717c82be95bcd5477cb2138857815084d31a9614",name:"footer",slot:"footer"}),t("slot",{key:"07018a75f269563ecf02edd79c2b8a4291281286",name:"actions",slot:"actions"})))}static get style(){return h()}},[262,"ds-agent-response",{messageId:[1,"message-id"],author:[1],showAuthor:[4,"show-author"],timestamp:[1],parts:[16],streaming:[4]}]);function y(){if(typeof customElements==="undefined"){return}const s=["ds-agent-response","ds-agent-activity","ds-agent-source-list","ds-agent-tool-call","ds-attachment-list","ds-badge","ds-button-unfilled","ds-code-block","ds-icon","ds-loader","ds-markdown","ds-message","ds-text"];s.forEach((s=>{switch(s){case"ds-agent-response":if(!customElements.get(o(s))){customElements.define(o(s),g)}break;case"ds-agent-activity":if(!customElements.get(o(s))){r()}break;case"ds-agent-source-list":if(!customElements.get(o(s))){n()}break;case"ds-agent-tool-call":if(!customElements.get(o(s))){i()}break;case"ds-attachment-list":if(!customElements.get(o(s))){d()}break;case"ds-badge":if(!customElements.get(o(s))){c()}break;case"ds-button-unfilled":if(!customElements.get(o(s))){m()}break;case"ds-code-block":if(!customElements.get(o(s))){l()}break;case"ds-icon":if(!customElements.get(o(s))){u()}break;case"ds-loader":if(!customElements.get(o(s))){f()}break;case"ds-markdown":if(!customElements.get(o(s))){p()}break;case"ds-message":if(!customElements.get(o(s))){b()}break;case"ds-text":if(!customElements.get(o(s))){k()}break}}))}y();const j=g;const w=y;export{j as DsAgentResponse,w as defineCustomElement};
+import{p as s,H as e,h as t,a,t as o}from"./index.js";import{d as r}from"./p-DVk0wxxX.js";import{d as c}from"./p-BhKhX1er.js";import{d as i}from"./p-6vj4kh70.js";import{d as n}from"./p-BH3es4p7.js";import{d as m}from"./p-DxeHimqk.js";import{d}from"./p-DUHcJWTQ.js";import{d as l}from"./p-BYHKdFzV.js";import{d as f}from"./p-DuNZGFkV.js";import{d as p}from"./p-Cpr3K41-.js";import{d as u}from"./p-BZZwQfmN.js";import{d as k}from"./p-Cf-i-6aE.js";import{d as h}from"./p-Bs6SS34m.js";import{d as g}from"./p-DfIch2Dk.js";const b=()=>`.sc-ds-agent-response-h{display:block;width:100%;-webkit-user-select:none;user-select:none}.agent-response.sc-ds-agent-response{display:grid;gap:var(--dimension-space-150);min-width:0;width:100%;-webkit-user-select:none;user-select:none}`;const y=s(class s extends e{constructor(s){super();if(s!==false){this.__registerHost()}this.messageId="";this.author="";this.showAuthor=true;this.timestamp="";this.parts=[];this.streaming=false}renderPart(s){switch(s.type){case"markdown":return t("ds-markdown",{key:s.id,content:s.content,streaming:s.state==="streaming"});case"activity":return t("ds-agent-activity",{key:s.id,items:s.items});case"tool":return t("ds-agent-tool-call",{key:s.id,name:s.name,label:s.label,state:s.state,input:s.input,output:s.output,error:s.error});case"attachments":return t("ds-attachment-list",{key:s.id,items:s.items});case"sources":return t("ds-agent-source-list",{key:s.id,items:s.items})}}render(){return t(a,{key:"2f84e45797855a27ee540490923b14df90c24c67"},t("ds-message",{key:"6f0d2431b73cfe7f7ecbca8790e997c04446c865",messageId:this.messageId,direction:"incoming",author:this.author,showAuthor:this.showAuthor,timestamp:this.timestamp,streaming:this.streaming},t("div",{key:"e3bdc6ed50ad340b17309fdac29ce6d8a6a3ccf1",class:"agent-response"},this.parts.map((s=>this.renderPart(s)))),t("slot",{key:"c4c1d3d7203fa086921ec82388447ca995284bf3",name:"footer",slot:"footer"}),t("slot",{key:"ce901c1ef28c436381d21f914bed83ae6369333a",name:"actions",slot:"actions"})))}static get style(){return b()}},[262,"ds-agent-response",{messageId:[1,"message-id"],author:[1],showAuthor:[4,"show-author"],timestamp:[1],parts:[16],streaming:[4]}]);function E(){if(typeof customElements==="undefined"){return}const s=["ds-agent-response","ds-agent-activity","ds-agent-source-list","ds-agent-tool-call","ds-attachment-list","ds-badge","ds-button-unfilled","ds-code-block","ds-icon","ds-loader","ds-markdown","ds-message","ds-text","ds-tooltip"];s.forEach((s=>{switch(s){case"ds-agent-response":if(!customElements.get(o(s))){customElements.define(o(s),y)}break;case"ds-agent-activity":if(!customElements.get(o(s))){r()}break;case"ds-agent-source-list":if(!customElements.get(o(s))){c()}break;case"ds-agent-tool-call":if(!customElements.get(o(s))){i()}break;case"ds-attachment-list":if(!customElements.get(o(s))){n()}break;case"ds-badge":if(!customElements.get(o(s))){m()}break;case"ds-button-unfilled":if(!customElements.get(o(s))){d()}break;case"ds-code-block":if(!customElements.get(o(s))){l()}break;case"ds-icon":if(!customElements.get(o(s))){f()}break;case"ds-loader":if(!customElements.get(o(s))){p()}break;case"ds-markdown":if(!customElements.get(o(s))){u()}break;case"ds-message":if(!customElements.get(o(s))){k()}break;case"ds-text":if(!customElements.get(o(s))){h()}break;case"ds-tooltip":if(!customElements.get(o(s))){g()}break}}))}E();const w=y;const j=E;export{w as DsAgentResponse,j as defineCustomElement};
 //# sourceMappingURL=ds-agent-response.js.map

package/dist/components/ds-agent-response.js.map

@@ -1 +1 @@
-{"version":3,"names":["agentResponseCss","AgentResponse","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","messageId","author","showAuthor","timestamp","parts","streaming","renderPart","part","type","h","key","id","content","state","items","name","label","input","output","error","render","Host","direction","class","map","slot"],"sources":["src/wc/components/AgentResponse/AgentResponse.css?tag=ds-agent-response&encapsulation=scoped","src/wc/components/AgentResponse/AgentResponse.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n  -webkit-user-select: none;\n  user-select: none;\n}\n.agent-response {\n  display: grid;\n  gap: var(--dimension-space-150);\n  min-width: 0;\n  width: 100%;\n  -webkit-user-select: none;\n  user-select: none;\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { AgentResponsePart } from '../conversation-types';\n\n@Component({ tag: 'ds-agent-response', styleUrl: 'AgentResponse.css', scoped: true })\nexport class AgentResponse {\n  @Prop() messageId: string = '';\n  @Prop() author: string = '';\n  @Prop() showAuthor: boolean = true;\n  @Prop() timestamp: string = '';\n  @Prop() parts: AgentResponsePart[] = [];\n  @Prop() streaming: boolean = false;\n\n  private renderPart(part: AgentResponsePart) {\n    switch (part.type) {\n      case 'markdown':\n        return (\n          <ds-markdown\n            key={part.id}\n            content={part.content}\n            streaming={part.state === 'streaming'}\n          />\n        );\n      case 'activity':\n        return <ds-agent-activity key={part.id} items={part.items} />;\n      case 'tool':\n        return (\n          <ds-agent-tool-call\n            key={part.id}\n            name={part.name}\n            label={part.label}\n            state={part.state}\n            input={part.input}\n            output={part.output}\n            error={part.error}\n          />\n        );\n      case 'attachments':\n        return <ds-attachment-list key={part.id} items={part.items} />;\n      case 'sources':\n        return <ds-agent-source-list key={part.id} items={part.items} />;\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <ds-message\n          messageId={this.messageId}\n          direction=\"incoming\"\n          author={this.author}\n          showAuthor={this.showAuthor}\n          timestamp={this.timestamp}\n          streaming={this.streaming}\n        >\n          <div class=\"agent-response\">{this.parts.map(part => this.renderPart(part))}</div>\n          <slot name=\"footer\" slot=\"footer\" />\n          <slot name=\"actions\" slot=\"actions\" />\n        </ds-message>\n      </Host>\n    );\n  }\n}\n"],"mappings":"ieAAA,MAAMA,EAAmB,IAAM,gP,MCIlBC,EAAaC,EAAA,MAAAD,UAAAE,EAD1B,WAAAC,CAAAC,G,4CAEUC,KAAAC,UAAoB,GACpBD,KAAAE,OAAiB,GACjBF,KAAAG,WAAsB,KACtBH,KAAAI,UAAoB,GACpBJ,KAAAK,MAA6B,GAC7BL,KAAAM,UAAqB,KAmD9B,CAjDS,UAAAC,CAAWC,GACjB,OAAQA,EAAKC,MACX,IAAK,WACH,OACEC,EAAA,eACEC,IAAKH,EAAKI,GACVC,QAASL,EAAKK,QACdP,UAAWE,EAAKM,QAAU,cAGhC,IAAK,WACH,OAAOJ,EAAA,qBAAmBC,IAAKH,EAAKI,GAAIG,MAAOP,EAAKO,QACtD,IAAK,OACH,OACEL,EAAA,sBACEC,IAAKH,EAAKI,GACVI,KAAMR,EAAKQ,KACXC,MAAOT,EAAKS,MACZH,MAAON,EAAKM,MACZI,MAAOV,EAAKU,MACZC,OAAQX,EAAKW,OACbC,MAAOZ,EAAKY,QAGlB,IAAK,cACH,OAAOV,EAAA,sBAAoBC,IAAKH,EAAKI,GAAIG,MAAOP,EAAKO,QACvD,IAAK,UACH,OAAOL,EAAA,wBAAsBC,IAAKH,EAAKI,GAAIG,MAAOP,EAAKO,Q,CAI7D,MAAAM,GACE,OACEX,EAACY,EAAI,CAAAX,IAAA,4CACHD,EAAA,cAAAC,IAAA,2CACEV,UAAWD,KAAKC,UAChBsB,UAAU,WACVrB,OAAQF,KAAKE,OACbC,WAAYH,KAAKG,WACjBC,UAAWJ,KAAKI,UAChBE,UAAWN,KAAKM,WAEhBI,EAAA,OAAAC,IAAA,2CAAKa,MAAM,kBAAkBxB,KAAKK,MAAMoB,KAAIjB,GAAQR,KAAKO,WAAWC,MACpEE,EAAA,QAAAC,IAAA,2CAAMK,KAAK,SAASU,KAAK,WACzBhB,EAAA,QAAAC,IAAA,2CAAMK,KAAK,UAAUU,KAAK,a","ignoreList":[]}
+{"version":3,"names":["agentResponseCss","AgentResponse","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","messageId","author","showAuthor","timestamp","parts","streaming","renderPart","part","type","h","key","id","content","state","items","name","label","input","output","error","render","Host","direction","class","map","slot"],"sources":["src/wc/components/AgentResponse/AgentResponse.css?tag=ds-agent-response&encapsulation=scoped","src/wc/components/AgentResponse/AgentResponse.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n  -webkit-user-select: none;\n  user-select: none;\n}\n.agent-response {\n  display: grid;\n  gap: var(--dimension-space-150);\n  min-width: 0;\n  width: 100%;\n  -webkit-user-select: none;\n  user-select: none;\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { AgentResponsePart } from '../conversation-types';\n\n@Component({ tag: 'ds-agent-response', styleUrl: 'AgentResponse.css', scoped: true })\nexport class AgentResponse {\n  @Prop() messageId: string = '';\n  @Prop() author: string = '';\n  @Prop() showAuthor: boolean = true;\n  @Prop() timestamp: string = '';\n  @Prop() parts: AgentResponsePart[] = [];\n  @Prop() streaming: boolean = false;\n\n  private renderPart(part: AgentResponsePart) {\n    switch (part.type) {\n      case 'markdown':\n        return (\n          <ds-markdown\n            key={part.id}\n            content={part.content}\n            streaming={part.state === 'streaming'}\n          />\n        );\n      case 'activity':\n        return <ds-agent-activity key={part.id} items={part.items} />;\n      case 'tool':\n        return (\n          <ds-agent-tool-call\n            key={part.id}\n            name={part.name}\n            label={part.label}\n            state={part.state}\n            input={part.input}\n            output={part.output}\n            error={part.error}\n          />\n        );\n      case 'attachments':\n        return <ds-attachment-list key={part.id} items={part.items} />;\n      case 'sources':\n        return <ds-agent-source-list key={part.id} items={part.items} />;\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <ds-message\n          messageId={this.messageId}\n          direction=\"incoming\"\n          author={this.author}\n          showAuthor={this.showAuthor}\n          timestamp={this.timestamp}\n          streaming={this.streaming}\n        >\n          <div class=\"agent-response\">{this.parts.map(part => this.renderPart(part))}</div>\n          <slot name=\"footer\" slot=\"footer\" />\n          <slot name=\"actions\" slot=\"actions\" />\n        </ds-message>\n      </Host>\n    );\n  }\n}\n"],"mappings":"qgBAAA,MAAMA,EAAmB,IAAM,gP,MCIlBC,EAAaC,EAAA,MAAAD,UAAAE,EAD1B,WAAAC,CAAAC,G,4CAEUC,KAAAC,UAAoB,GACpBD,KAAAE,OAAiB,GACjBF,KAAAG,WAAsB,KACtBH,KAAAI,UAAoB,GACpBJ,KAAAK,MAA6B,GAC7BL,KAAAM,UAAqB,KAmD9B,CAjDS,UAAAC,CAAWC,GACjB,OAAQA,EAAKC,MACX,IAAK,WACH,OACEC,EAAA,eACEC,IAAKH,EAAKI,GACVC,QAASL,EAAKK,QACdP,UAAWE,EAAKM,QAAU,cAGhC,IAAK,WACH,OAAOJ,EAAA,qBAAmBC,IAAKH,EAAKI,GAAIG,MAAOP,EAAKO,QACtD,IAAK,OACH,OACEL,EAAA,sBACEC,IAAKH,EAAKI,GACVI,KAAMR,EAAKQ,KACXC,MAAOT,EAAKS,MACZH,MAAON,EAAKM,MACZI,MAAOV,EAAKU,MACZC,OAAQX,EAAKW,OACbC,MAAOZ,EAAKY,QAGlB,IAAK,cACH,OAAOV,EAAA,sBAAoBC,IAAKH,EAAKI,GAAIG,MAAOP,EAAKO,QACvD,IAAK,UACH,OAAOL,EAAA,wBAAsBC,IAAKH,EAAKI,GAAIG,MAAOP,EAAKO,Q,CAI7D,MAAAM,GACE,OACEX,EAACY,EAAI,CAAAX,IAAA,4CACHD,EAAA,cAAAC,IAAA,2CACEV,UAAWD,KAAKC,UAChBsB,UAAU,WACVrB,OAAQF,KAAKE,OACbC,WAAYH,KAAKG,WACjBC,UAAWJ,KAAKI,UAChBE,UAAWN,KAAKM,WAEhBI,EAAA,OAAAC,IAAA,2CAAKa,MAAM,kBAAkBxB,KAAKK,MAAMoB,KAAIjB,GAAQR,KAAKO,WAAWC,MACpEE,EAAA,QAAAC,IAAA,2CAAMK,KAAK,SAASU,KAAK,WACzBhB,EAAA,QAAAC,IAAA,2CAAMK,KAAK,UAAUU,KAAK,a","ignoreList":[]}

package/dist/components/ds-agent-source-list.js

@@ -1,2 +1,2 @@
-import{A as o,d as s}from"./p-Dh4q5TSS.js";const t=o;const p=s;export{t as DsAgentSourceList,p as defineCustomElement};
+import{A as o,d as s}from"./p-BhKhX1er.js";const r=o;const t=s;export{r as DsAgentSourceList,t as defineCustomElement};
 //# sourceMappingURL=ds-agent-source-list.js.map

package/dist/components/ds-agent-tool-call.js

@@ -1,2 +1,2 @@
-import{A as o,d as s}from"./p-DJ78wdNv.js";const t=o;const p=s;export{t as DsAgentToolCall,p as defineCustomElement};
+import{A as o,d as s}from"./p-6vj4kh70.js";const t=o;const p=s;export{t as DsAgentToolCall,p as defineCustomElement};
 //# sourceMappingURL=ds-agent-tool-call.js.map

package/dist/components/ds-attachment-list.js

@@ -1,2 +1,2 @@
-import{A as o,d as s}from"./p-BEWtqFX7.js";const t=o;const p=s;export{t as DsAttachmentList,p as defineCustomElement};
+import{A as s,d as o}from"./p-BH3es4p7.js";const p=s;const t=o;export{p as DsAttachmentList,t as defineCustomElement};
 //# sourceMappingURL=ds-attachment-list.js.map

package/dist/components/ds-avatar.js

@@ -1,2 +1,2 @@
-import{p as e,H as s,h as t,a,t as i}from"./index.js";import{d as r}from"./p-DuNZGFkV.js";const n=()=>`.sc-ds-avatar-h{display:inline-flex;flex-shrink:0;width:var(--dimension-size-400);height:var(--dimension-size-400)}.avatar.sc-ds-avatar{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%;border-radius:var(--dimension-radius-half);box-shadow:inset 0 0 0 var(--dimension-stroke-width-012) var(--color-border-tertiary)}`;const o=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.icon="";this.iconColor="secondary"}render(){return t(a,{key:"50832cf16d83361ca8c9e51357f973d2436cce3c"},t("span",{key:"b7c00795e28d6c1ab1880bcbbf33f33e9c7621b7",class:"avatar",role:this.label?"img":"presentation","aria-label":this.label,"aria-hidden":!this.label?"true":undefined},t("ds-icon",{key:"61c255902347c493069c6a59a44a04b444737fc2",name:this.icon,size:"md",color:this.iconColor})))}static get style(){return n()}},[2,"ds-avatar",{icon:[1],iconColor:[1,"icon-color"],label:[1]}]);function c(){if(typeof customElements==="undefined"){return}const e=["ds-avatar","ds-icon"];e.forEach((e=>{switch(e){case"ds-avatar":if(!customElements.get(i(e))){customElements.define(i(e),o)}break;case"ds-icon":if(!customElements.get(i(e))){r()}break}}))}c();const d=o;const l=c;export{d as DsAvatar,l as defineCustomElement};
+import{p as s,H as e,h as a,a as t,t as i}from"./index.js";import{d as n}from"./p-DuNZGFkV.js";const r=()=>`.sc-ds-avatar-h{display:inline-flex;flex-shrink:0;width:var(--dimension-size-400);height:var(--dimension-size-400)}.avatar.sc-ds-avatar{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%;border-radius:var(--dimension-radius-half);box-shadow:inset 0 0 0 var(--dimension-stroke-width-015) var(--color-foreground-quaternary)}`;const o=s(class s extends e{constructor(s){super();if(s!==false){this.__registerHost()}this.icon="";this.iconColor="secondary"}render(){return a(t,{key:"c710665185f33153a7589db607b456439ec9c3c7"},a("span",{key:"74f94f53788d7483df38d4fd400a7797a8b51b07",class:"avatar",role:this.label?"img":"presentation","aria-label":this.label,"aria-hidden":!this.label?"true":undefined},a("ds-icon",{key:"a0f5cc1a248c2b961b9c864997f0412c8d1b1119",name:this.icon,size:"md",color:this.iconColor})))}static get style(){return r()}},[2,"ds-avatar",{icon:[1],iconColor:[1,"icon-color"],label:[1]}]);function c(){if(typeof customElements==="undefined"){return}const s=["ds-avatar","ds-icon"];s.forEach((s=>{switch(s){case"ds-avatar":if(!customElements.get(i(s))){customElements.define(i(s),o)}break;case"ds-icon":if(!customElements.get(i(s))){n()}break}}))}c();const d=o;const l=c;export{d as DsAvatar,l as defineCustomElement};
 //# sourceMappingURL=ds-avatar.js.map

package/dist/components/ds-avatar.js.map

@@ -1 +1 @@
-{"version":3,"names":["avatarCss","Avatar","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","icon","iconColor","render","h","Host","key","class","role","label","undefined","name","size","color"],"sources":["src/wc/components/Avatar/Avatar.css?tag=ds-avatar&encapsulation=scoped","src/wc/components/Avatar/Avatar.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  flex-shrink: 0;\n  width: var(--dimension-size-400);\n  height: var(--dimension-size-400);\n}\n\n.avatar {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  border-radius: var(--dimension-radius-half);\n  box-shadow: inset 0 0 0 var(--dimension-stroke-width-012) var(--color-border-tertiary);\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport type { IconColor } from '../Icon/Icon';\n\n@Component({\n  tag: 'ds-avatar',\n  styleUrl: 'Avatar.css',\n  scoped: true,\n})\nexport class Avatar {\n  /** Canonical IcoMo icon name displayed inside the avatar. */\n  @Prop() icon: string = '';\n\n  /** Semantic color for the icon. Use primary to surface unread or current identity state. */\n  @Prop() iconColor: IconColor = 'secondary';\n\n  /** Optional accessible label. Omit when the surrounding content already conveys the meaning. */\n  @Prop() label: string | undefined;\n\n  render() {\n    return (\n      <Host>\n        <span\n          class=\"avatar\"\n          role={this.label ? 'img' : 'presentation'}\n          aria-label={this.label}\n          aria-hidden={!this.label ? 'true' : undefined}\n        >\n          <ds-icon name={this.icon} size=\"md\" color={this.iconColor} />\n        </span>\n      </Host>\n    );\n  }\n}\n"],"mappings":"0FAAA,MAAMA,EAAY,IAAM,gX,MCQXC,EAAMC,EAAA,MAAAD,UAAAE,EALnB,WAAAC,CAAAC,G,4CAOUC,KAAAC,KAAe,GAGfD,KAAAE,UAAuB,WAmBhC,CAdC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,2CACEC,MAAM,SACNC,KAAMR,KAAKS,MAAQ,MAAQ,eAAc,aAC7BT,KAAKS,MAAK,eACRT,KAAKS,MAAQ,OAASC,WAEpCN,EAAA,WAAAE,IAAA,2CAASK,KAAMX,KAAKC,KAAMW,KAAK,KAAKC,MAAOb,KAAKE,a","ignoreList":[]}
+{"version":3,"names":["avatarCss","Avatar","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","icon","iconColor","render","h","Host","key","class","role","label","undefined","name","size","color"],"sources":["src/wc/components/Avatar/Avatar.css?tag=ds-avatar&encapsulation=scoped","src/wc/components/Avatar/Avatar.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  flex-shrink: 0;\n  width: var(--dimension-size-400);\n  height: var(--dimension-size-400);\n}\n\n.avatar {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  border-radius: var(--dimension-radius-half);\n  box-shadow: inset 0 0 0 var(--dimension-stroke-width-015) var(--color-foreground-quaternary);\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport type { IconColor } from '../Icon/Icon';\n\n@Component({\n  tag: 'ds-avatar',\n  styleUrl: 'Avatar.css',\n  scoped: true,\n})\nexport class Avatar {\n  /** Canonical IcoMo icon name displayed inside the avatar. */\n  @Prop() icon: string = '';\n\n  /** Semantic color for the icon. Use primary to surface unread or current identity state. */\n  @Prop() iconColor: IconColor = 'secondary';\n\n  /** Optional accessible label. Omit when the surrounding content already conveys the meaning. */\n  @Prop() label: string | undefined;\n\n  render() {\n    return (\n      <Host>\n        <span\n          class=\"avatar\"\n          role={this.label ? 'img' : 'presentation'}\n          aria-label={this.label}\n          aria-hidden={!this.label ? 'true' : undefined}\n        >\n          <ds-icon name={this.icon} size=\"md\" color={this.iconColor} />\n        </span>\n      </Host>\n    );\n  }\n}\n"],"mappings":"+FAAA,MAAMA,EAAY,IAAM,sX,MCQXC,EAAMC,EAAA,MAAAD,UAAAE,EALnB,WAAAC,CAAAC,G,4CAOUC,KAAAC,KAAe,GAGfD,KAAAE,UAAuB,WAmBhC,CAdC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,2CACEC,MAAM,SACNC,KAAMR,KAAKS,MAAQ,MAAQ,eAAc,aAC7BT,KAAKS,MAAK,eACRT,KAAKS,MAAQ,OAASC,WAEpCN,EAAA,WAAAE,IAAA,2CAASK,KAAMX,KAAKC,KAAMW,KAAK,KAAKC,MAAOb,KAAKE,a","ignoreList":[]}

package/dist/components/ds-badge.js

@@ -1,2 +1,2 @@
-import{B as o,d as s}from"./p-DrDHC7V6.js";const r=o;const t=s;export{r as DsBadge,t as defineCustomElement};
+import{B as o,d as s}from"./p-DxeHimqk.js";const t=o;const m=s;export{t as DsBadge,m as defineCustomElement};
 //# sourceMappingURL=ds-badge.js.map