@ds-mo/ui 12.4.1 → 12.6.0

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

@@ -10,7 +10,7 @@ export declare class DsBarWorkflow {
     dsSubmit: EventEmitter<DsBarWorkflowCustomEvent<MouseEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsBarWorkflow, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsBarWorkflow, "ds-bar-workflow", never, { "exitAriaLabel": { "alias": "exitAriaLabel"; "required": false; }; "exitLabel": { "alias": "exitLabel"; "required": false; }; "heading": { "alias": "heading"; "required": true; }; "isNextInactive": { "alias": "isNextInactive"; "required": false; }; "nextLabel": { "alias": "nextLabel"; "required": false; }; "previousLabel": { "alias": "previousLabel"; "required": false; }; "steps": { "alias": "steps"; "required": false; }; "submitAction": { "alias": "submitAction"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "dsExit": "dsExit"; "dsStepChange": "dsStepChange"; "dsSubmit": "dsSubmit"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsBarWorkflow, "ds-bar-workflow", never, { "exitAriaLabel": { "alias": "exitAriaLabel"; "required": false; }; "exitLabel": { "alias": "exitLabel"; "required": false; }; "heading": { "alias": "heading"; "required": true; }; "isNextInactive": { "alias": "isNextInactive"; "required": false; }; "nextLabel": { "alias": "nextLabel"; "required": false; }; "previousLabel": { "alias": "previousLabel"; "required": false; }; "responsiveMode": { "alias": "responsiveMode"; "required": false; }; "steps": { "alias": "steps"; "required": false; }; "submitAction": { "alias": "submitAction"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "dsExit": "dsExit"; "dsStepChange": "dsStepChange"; "dsSubmit": "dsSubmit"; }, never, ["*"], true, never>;
 }
 export declare interface DsBarWorkflow extends Components.DsBarWorkflow {
     /**

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

@@ -20,12 +20,12 @@ let DsBarWorkflow = class DsBarWorkflow {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsBarWorkflow, 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: DsBarWorkflow, isStandalone: true, selector: "ds-bar-workflow", inputs: { exitAriaLabel: "exitAriaLabel", exitLabel: "exitLabel", heading: "heading", isNextInactive: "isNextInactive", nextLabel: "nextLabel", previousLabel: "previousLabel", steps: "steps", submitAction: "submitAction", value: "value" }, outputs: { dsExit: "dsExit", dsStepChange: "dsStepChange", dsSubmit: "dsSubmit" }, 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: DsBarWorkflow, isStandalone: true, selector: "ds-bar-workflow", inputs: { exitAriaLabel: "exitAriaLabel", exitLabel: "exitLabel", heading: "heading", isNextInactive: "isNextInactive", nextLabel: "nextLabel", previousLabel: "previousLabel", responsiveMode: "responsiveMode", steps: "steps", submitAction: "submitAction", value: "value" }, outputs: { dsExit: "dsExit", dsStepChange: "dsStepChange", dsSubmit: "dsSubmit" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsBarWorkflow = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsBarWorkflow,
-        inputs: ['exitAriaLabel', 'exitLabel', 'heading', 'isNextInactive', 'nextLabel', 'previousLabel', 'steps', 'submitAction', 'value']
+        inputs: ['exitAriaLabel', 'exitLabel', 'heading', 'isNextInactive', 'nextLabel', 'previousLabel', 'responsiveMode', 'steps', 'submitAction', 'value']
     })
 ], DsBarWorkflow);
 export { DsBarWorkflow };
@@ -36,7 +36,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: ['exitAriaLabel', 'exitLabel', { name: 'heading', required: true }, 'isNextInactive', 'nextLabel', 'previousLabel', 'steps', 'submitAction', 'value'],
+                    inputs: ['exitAriaLabel', 'exitLabel', { name: 'heading', required: true }, 'isNextInactive', 'nextLabel', 'previousLabel', 'responsiveMode', 'steps', 'submitAction', 'value'],
                     outputs: ['dsExit', 'dsStepChange', 'dsSubmit'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsExit: [{

package/dist/angular/ds-mobile-bar-nav.d.ts

@@ -0,0 +1,18 @@
+import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import type { DsMobileBarNavCustomEvent } from '@ds-mo/ui/components';
+import type { MobileBarNavDestinationDetail as IDsMobileBarNavMobileBarNavDestinationDetail } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsMobileBarNav {
+    protected z: NgZone;
+    protected el: HTMLDsMobileBarNavElement;
+    dsSheetNavToggle: EventEmitter<DsMobileBarNavCustomEvent<boolean>>;
+    dsDestinationChange: EventEmitter<DsMobileBarNavCustomEvent<IDsMobileBarNavMobileBarNavDestinationDetail>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsMobileBarNav, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsMobileBarNav, "ds-mobile-bar-nav", never, { "activeDestination": { "alias": "activeDestination"; "required": false; }; "agentsDot": { "alias": "agentsDot"; "required": false; }; "agentsLabel": { "alias": "agentsLabel"; "required": false; }; "currentArea": { "alias": "currentArea"; "required": false; }; "helpLabel": { "alias": "helpLabel"; "required": false; }; "inboxDot": { "alias": "inboxDot"; "required": false; }; "inboxLabel": { "alias": "inboxLabel"; "required": false; }; "menuLabel": { "alias": "menuLabel"; "required": false; }; "searchDot": { "alias": "searchDot"; "required": false; }; "searchLabel": { "alias": "searchLabel"; "required": false; }; "sheetNavExpanded": { "alias": "sheetNavExpanded"; "required": false; }; }, { "dsSheetNavToggle": "dsSheetNavToggle"; "dsDestinationChange": "dsDestinationChange"; }, never, ["*"], true, never>;
+}
+export declare interface DsMobileBarNav extends Components.DsMobileBarNav {
+    dsSheetNavToggle: EventEmitter<DsMobileBarNavCustomEvent<boolean>>;
+    dsDestinationChange: EventEmitter<DsMobileBarNavCustomEvent<IDsMobileBarNavMobileBarNavDestinationDetail>>;
+}

package/dist/angular/{ds-shell-mobile-bar.js → ds-mobile-bar-nav.js}

@@ -8,38 +8,38 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 /* auto-generated angular directive proxies */
 import { ChangeDetectionStrategy, Component, EventEmitter, Output } from '@angular/core';
 import { ProxyCmp } from './angular-component-lib/utils.js';
-import { defineCustomElement as defineDsShellMobileBar } from '@ds-mo/ui/components/ds-shell-mobile-bar.js';
+import { defineCustomElement as defineDsMobileBarNav } from '@ds-mo/ui/components/ds-mobile-bar-nav.js';
 import * as i0 from "@angular/core";
-let DsShellMobileBar = class DsShellMobileBar {
+let DsMobileBarNav = class DsMobileBarNav {
     constructor(c, r, z) {
         this.z = z;
-        this.dsNavigationToggle = new EventEmitter();
+        this.dsSheetNavToggle = new EventEmitter();
         this.dsDestinationChange = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsShellMobileBar, 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: DsShellMobileBar, isStandalone: true, selector: "ds-shell-mobile-bar", inputs: { activeDestination: "activeDestination", agentsDot: "agentsDot", agentsLabel: "agentsLabel", currentArea: "currentArea", inboxDot: "inboxDot", inboxLabel: "inboxLabel", menuLabel: "menuLabel", navigationExpanded: "navigationExpanded", searchDot: "searchDot", searchLabel: "searchLabel" }, outputs: { dsNavigationToggle: "dsNavigationToggle", dsDestinationChange: "dsDestinationChange" }, 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: DsMobileBarNav, 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: DsMobileBarNav, isStandalone: true, selector: "ds-mobile-bar-nav", inputs: { activeDestination: "activeDestination", agentsDot: "agentsDot", agentsLabel: "agentsLabel", currentArea: "currentArea", helpLabel: "helpLabel", inboxDot: "inboxDot", inboxLabel: "inboxLabel", menuLabel: "menuLabel", searchDot: "searchDot", searchLabel: "searchLabel", sheetNavExpanded: "sheetNavExpanded" }, outputs: { dsSheetNavToggle: "dsSheetNavToggle", dsDestinationChange: "dsDestinationChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-DsShellMobileBar = __decorate([
+DsMobileBarNav = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineDsShellMobileBar,
-        inputs: ['activeDestination', 'agentsDot', 'agentsLabel', 'currentArea', 'inboxDot', 'inboxLabel', 'menuLabel', 'navigationExpanded', 'searchDot', 'searchLabel'],
+        defineCustomElementFn: defineDsMobileBarNav,
+        inputs: ['activeDestination', 'agentsDot', 'agentsLabel', 'currentArea', 'helpLabel', 'inboxDot', 'inboxLabel', 'menuLabel', 'searchDot', 'searchLabel', 'sheetNavExpanded'],
         methods: ['focusDestination']
     })
-], DsShellMobileBar);
-export { DsShellMobileBar };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsShellMobileBar, decorators: [{
+], DsMobileBarNav);
+export { DsMobileBarNav };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsMobileBarNav, decorators: [{
             type: Component,
             args: [{
-                    selector: 'ds-shell-mobile-bar',
+                    selector: 'ds-mobile-bar-nav',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['activeDestination', 'agentsDot', 'agentsLabel', 'currentArea', 'inboxDot', 'inboxLabel', 'menuLabel', 'navigationExpanded', 'searchDot', 'searchLabel'],
-                    outputs: ['dsNavigationToggle', 'dsDestinationChange'],
+                    inputs: ['activeDestination', 'agentsDot', 'agentsLabel', 'currentArea', 'helpLabel', 'inboxDot', 'inboxLabel', 'menuLabel', 'searchDot', 'searchLabel', 'sheetNavExpanded'],
+                    outputs: ['dsSheetNavToggle', 'dsDestinationChange'],
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsNavigationToggle: [{
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsSheetNavToggle: [{
                 type: Output
             }], dsDestinationChange: [{
                 type: Output

package/dist/angular/ds-mobile-header.d.ts

@@ -0,0 +1,23 @@
+import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import type { DsMobileHeaderCustomEvent } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsMobileHeader {
+    protected z: NgZone;
+    protected el: HTMLDsMobileHeaderElement;
+    dsSectionChange: EventEmitter<DsMobileHeaderCustomEvent<string>>;
+    dsSubsectionChange: EventEmitter<DsMobileHeaderCustomEvent<string>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsMobileHeader, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsMobileHeader, "ds-mobile-header", never, { "heading": { "alias": "heading"; "required": false; }; "headingLevel": { "alias": "headingLevel"; "required": false; }; "sections": { "alias": "sections"; "required": false; }; "sectionsAriaLabel": { "alias": "sectionsAriaLabel"; "required": false; }; "sectionsJson": { "alias": "sectionsJson"; "required": false; }; "subsections": { "alias": "subsections"; "required": false; }; "subsectionsAriaLabel": { "alias": "subsectionsAriaLabel"; "required": false; }; "subsectionsJson": { "alias": "subsectionsJson"; "required": false; }; "subvalue": { "alias": "subvalue"; "required": false; }; "tone": { "alias": "tone"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "dsSectionChange": "dsSectionChange"; "dsSubsectionChange": "dsSubsectionChange"; }, never, ["*"], true, never>;
+}
+export declare interface DsMobileHeader extends Components.DsMobileHeader {
+    /**
+     * Section selection intent.
+     */
+    dsSectionChange: EventEmitter<DsMobileHeaderCustomEvent<string>>;
+    /**
+     * Child-section selection intent.
+     */
+    dsSubsectionChange: EventEmitter<DsMobileHeaderCustomEvent<string>>;
+}

package/dist/angular/ds-mobile-header.js

@@ -0,0 +1,45 @@
+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 defineDsMobileHeader } from '@ds-mo/ui/components/ds-mobile-header.js';
+import * as i0 from "@angular/core";
+let DsMobileHeader = class DsMobileHeader {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsSectionChange = new EventEmitter();
+        this.dsSubsectionChange = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsMobileHeader, 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: DsMobileHeader, isStandalone: true, selector: "ds-mobile-header", inputs: { heading: "heading", headingLevel: "headingLevel", sections: "sections", sectionsAriaLabel: "sectionsAriaLabel", sectionsJson: "sectionsJson", subsections: "subsections", subsectionsAriaLabel: "subsectionsAriaLabel", subsectionsJson: "subsectionsJson", subvalue: "subvalue", tone: "tone", value: "value" }, outputs: { dsSectionChange: "dsSectionChange", dsSubsectionChange: "dsSubsectionChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsMobileHeader = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineDsMobileHeader,
+        inputs: ['heading', 'headingLevel', 'sections', 'sectionsAriaLabel', 'sectionsJson', 'subsections', 'subsectionsAriaLabel', 'subsectionsJson', 'subvalue', 'tone', 'value']
+    })
+], DsMobileHeader);
+export { DsMobileHeader };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsMobileHeader, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-mobile-header',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['heading', 'headingLevel', 'sections', 'sectionsAriaLabel', 'sectionsJson', 'subsections', 'subsectionsAriaLabel', 'subsectionsJson', 'subvalue', 'tone', 'value'],
+                    outputs: ['dsSectionChange', 'dsSubsectionChange'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsSectionChange: [{
+                type: Output
+            }], dsSubsectionChange: [{
+                type: Output
+            }] } });

package/dist/angular/ds-mobile-section-switcher.d.ts

@@ -0,0 +1,18 @@
+import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import type { DsMobileSectionSwitcherCustomEvent } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsMobileSectionSwitcher {
+    protected z: NgZone;
+    protected el: HTMLDsMobileSectionSwitcherElement;
+    dsChange: EventEmitter<DsMobileSectionSwitcherCustomEvent<string>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsMobileSectionSwitcher, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsMobileSectionSwitcher, "ds-mobile-section-switcher", never, { "navigationLabel": { "alias": "navigationLabel"; "required": false; }; "sections": { "alias": "sections"; "required": false; }; "sectionsJson": { "alias": "sectionsJson"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "dsChange": "dsChange"; }, never, ["*"], true, never>;
+}
+export declare interface DsMobileSectionSwitcher extends Components.DsMobileSectionSwitcher {
+    /**
+     * Selection intent. The route, tool, or workflow owner updates `value`.
+     */
+    dsChange: EventEmitter<DsMobileSectionSwitcherCustomEvent<string>>;
+}

package/dist/angular/{ds-shell-mobile-section-nav.js → ds-mobile-section-switcher.js}

@@ -8,35 +8,35 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 /* auto-generated angular directive proxies */
 import { ChangeDetectionStrategy, Component, EventEmitter, Output } from '@angular/core';
 import { ProxyCmp } from './angular-component-lib/utils.js';
-import { defineCustomElement as defineDsShellMobileSectionNav } from '@ds-mo/ui/components/ds-shell-mobile-section-nav.js';
+import { defineCustomElement as defineDsMobileSectionSwitcher } from '@ds-mo/ui/components/ds-mobile-section-switcher.js';
 import * as i0 from "@angular/core";
-let DsShellMobileSectionNav = class DsShellMobileSectionNav {
+let DsMobileSectionSwitcher = class DsMobileSectionSwitcher {
     constructor(c, r, z) {
         this.z = z;
-        this.dsTabChange = new EventEmitter();
+        this.dsChange = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsShellMobileSectionNav, 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: DsShellMobileSectionNav, isStandalone: true, selector: "ds-shell-mobile-section-nav", inputs: { basePath: "basePath", currentUrl: "currentUrl", heading: "heading", navigationLabel: "navigationLabel", tabs: "tabs", tabsJson: "tabsJson", value: "value" }, outputs: { dsTabChange: "dsTabChange" }, 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: DsMobileSectionSwitcher, 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: DsMobileSectionSwitcher, isStandalone: true, selector: "ds-mobile-section-switcher", inputs: { navigationLabel: "navigationLabel", sections: "sections", sectionsJson: "sectionsJson", value: "value" }, outputs: { dsChange: "dsChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-DsShellMobileSectionNav = __decorate([
+DsMobileSectionSwitcher = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineDsShellMobileSectionNav,
-        inputs: ['basePath', 'currentUrl', 'heading', 'navigationLabel', 'tabs', 'tabsJson', 'value']
+        defineCustomElementFn: defineDsMobileSectionSwitcher,
+        inputs: ['navigationLabel', 'sections', 'sectionsJson', 'value']
     })
-], DsShellMobileSectionNav);
-export { DsShellMobileSectionNav };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsShellMobileSectionNav, decorators: [{
+], DsMobileSectionSwitcher);
+export { DsMobileSectionSwitcher };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsMobileSectionSwitcher, decorators: [{
             type: Component,
             args: [{
-                    selector: 'ds-shell-mobile-section-nav',
+                    selector: 'ds-mobile-section-switcher',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['basePath', 'currentUrl', 'heading', 'navigationLabel', 'tabs', 'tabsJson', 'value'],
-                    outputs: ['dsTabChange'],
+                    inputs: ['navigationLabel', 'sections', 'sectionsJson', 'value'],
+                    outputs: ['dsChange'],
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsTabChange: [{
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsChange: [{
                 type: Output
             }] } });

package/dist/angular/ds-mobile-sheet-nav.d.ts

@@ -0,0 +1,20 @@
+import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import type { DsMobileSheetNavCustomEvent } from '@ds-mo/ui/components';
+import type { NavChromeStyle as IDsMobileSheetNavNavChromeStyle } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsMobileSheetNav {
+    protected z: NgZone;
+    protected el: HTMLDsMobileSheetNavElement;
+    dsAreaSelect: EventEmitter<DsMobileSheetNavCustomEvent<string>>;
+    dsBrowseContextChange: EventEmitter<DsMobileSheetNavCustomEvent<IDsMobileSheetNavNavChromeStyle>>;
+    dsClose: EventEmitter<DsMobileSheetNavCustomEvent<void>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsMobileSheetNav, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsMobileSheetNav, "ds-mobile-sheet-nav", never, { "accountLabel": { "alias": "accountLabel"; "required": false; }; "browseContext": { "alias": "browseContext"; "required": false; }; "currentUrl": { "alias": "currentUrl"; "required": false; }; "dashboardGroups": { "alias": "dashboardGroups"; "required": false; }; "dashboardLabel": { "alias": "dashboardLabel"; "required": false; }; "helpLabel": { "alias": "helpLabel"; "required": false; }; "navigationLabel": { "alias": "navigationLabel"; "required": false; }; "open": { "alias": "open"; "required": false; }; "settingsGroups": { "alias": "settingsGroups"; "required": false; }; "settingsLabel": { "alias": "settingsLabel"; "required": false; }; }, { "dsAreaSelect": "dsAreaSelect"; "dsBrowseContextChange": "dsBrowseContextChange"; "dsClose": "dsClose"; }, never, ["*"], true, never>;
+}
+export declare interface DsMobileSheetNav extends Components.DsMobileSheetNav {
+    dsAreaSelect: EventEmitter<DsMobileSheetNavCustomEvent<string>>;
+    dsBrowseContextChange: EventEmitter<DsMobileSheetNavCustomEvent<IDsMobileSheetNavNavChromeStyle>>;
+    dsClose: EventEmitter<DsMobileSheetNavCustomEvent<void>>;
+}

package/dist/angular/{ds-shell-mobile-nav.js → ds-mobile-sheet-nav.js}

@@ -8,44 +8,41 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 /* auto-generated angular directive proxies */
 import { ChangeDetectionStrategy, Component, EventEmitter, Output } from '@angular/core';
 import { ProxyCmp } from './angular-component-lib/utils.js';
-import { defineCustomElement as defineDsShellMobileNav } from '@ds-mo/ui/components/ds-shell-mobile-nav.js';
+import { defineCustomElement as defineDsMobileSheetNav } from '@ds-mo/ui/components/ds-mobile-sheet-nav.js';
 import * as i0 from "@angular/core";
-let DsShellMobileNav = class DsShellMobileNav {
+let DsMobileSheetNav = class DsMobileSheetNav {
     constructor(c, r, z) {
         this.z = z;
         this.dsAreaSelect = new EventEmitter();
         this.dsBrowseContextChange = new EventEmitter();
-        this.dsAuxiliarySelect = new EventEmitter();
         this.dsClose = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsShellMobileNav, 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: DsShellMobileNav, isStandalone: true, selector: "ds-shell-mobile-nav", inputs: { accountLabel: "accountLabel", browseContext: "browseContext", currentUrl: "currentUrl", dashboardGroups: "dashboardGroups", dashboardLabel: "dashboardLabel", heading: "heading", helpLabel: "helpLabel", navigationLabel: "navigationLabel", open: "open", settingsGroups: "settingsGroups", settingsLabel: "settingsLabel" }, outputs: { dsAreaSelect: "dsAreaSelect", dsBrowseContextChange: "dsBrowseContextChange", dsAuxiliarySelect: "dsAuxiliarySelect", dsClose: "dsClose" }, 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: DsMobileSheetNav, 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: DsMobileSheetNav, isStandalone: true, selector: "ds-mobile-sheet-nav", inputs: { accountLabel: "accountLabel", browseContext: "browseContext", currentUrl: "currentUrl", dashboardGroups: "dashboardGroups", dashboardLabel: "dashboardLabel", helpLabel: "helpLabel", navigationLabel: "navigationLabel", open: "open", settingsGroups: "settingsGroups", settingsLabel: "settingsLabel" }, outputs: { dsAreaSelect: "dsAreaSelect", dsBrowseContextChange: "dsBrowseContextChange", dsClose: "dsClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-DsShellMobileNav = __decorate([
+DsMobileSheetNav = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineDsShellMobileNav,
-        inputs: ['accountLabel', 'browseContext', 'currentUrl', 'dashboardGroups', 'dashboardLabel', 'heading', 'helpLabel', 'navigationLabel', 'open', 'settingsGroups', 'settingsLabel']
+        defineCustomElementFn: defineDsMobileSheetNav,
+        inputs: ['accountLabel', 'browseContext', 'currentUrl', 'dashboardGroups', 'dashboardLabel', 'helpLabel', 'navigationLabel', 'open', 'settingsGroups', 'settingsLabel']
     })
-], DsShellMobileNav);
-export { DsShellMobileNav };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsShellMobileNav, decorators: [{
+], DsMobileSheetNav);
+export { DsMobileSheetNav };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsMobileSheetNav, decorators: [{
             type: Component,
             args: [{
-                    selector: 'ds-shell-mobile-nav',
+                    selector: 'ds-mobile-sheet-nav',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['accountLabel', 'browseContext', 'currentUrl', 'dashboardGroups', 'dashboardLabel', 'heading', 'helpLabel', 'navigationLabel', 'open', 'settingsGroups', 'settingsLabel'],
-                    outputs: ['dsAreaSelect', 'dsBrowseContextChange', 'dsAuxiliarySelect', 'dsClose'],
+                    inputs: ['accountLabel', 'browseContext', 'currentUrl', 'dashboardGroups', 'dashboardLabel', 'helpLabel', 'navigationLabel', 'open', 'settingsGroups', 'settingsLabel'],
+                    outputs: ['dsAreaSelect', 'dsBrowseContextChange', 'dsClose'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsAreaSelect: [{
                 type: Output
             }], dsBrowseContextChange: [{
                 type: Output
-            }], dsAuxiliarySelect: [{
-                type: Output
             }], dsClose: [{
                 type: Output
             }] } });

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

@@ -11,7 +11,7 @@ export declare class DsShellApp {
     }>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsShellApp, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsShellApp, "ds-shell-app", never, { "gradientPreset": { "alias": "gradientPreset"; "required": false; }; "mobileDestination": { "alias": "mobileDestination"; "required": false; }; "mobileNavigationOpen": { "alias": "mobileNavigationOpen"; "required": false; }; "navStyle": { "alias": "navStyle"; "required": false; }; "shortcutsEnabled": { "alias": "shortcutsEnabled"; "required": false; }; }, { "dsResponsiveModeChange": "dsResponsiveModeChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsShellApp, "ds-shell-app", never, { "gradientPreset": { "alias": "gradientPreset"; "required": false; }; "mobileDestination": { "alias": "mobileDestination"; "required": false; }; "mobileSheetNavOpen": { "alias": "mobileSheetNavOpen"; "required": false; }; "navStyle": { "alias": "navStyle"; "required": false; }; "shortcutsEnabled": { "alias": "shortcutsEnabled"; "required": false; }; }, { "dsResponsiveModeChange": "dsResponsiveModeChange"; }, never, ["*"], true, never>;
 }
 export declare interface DsShellApp extends Components.DsShellApp {
     /**

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

@@ -18,12 +18,12 @@ let DsShellApp = class DsShellApp {
         this.el = r.nativeElement;
     }
     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", mobileDestination: "mobileDestination", mobileNavigationOpen: "mobileNavigationOpen", navStyle: "navStyle", shortcutsEnabled: "shortcutsEnabled" }, outputs: { dsResponsiveModeChange: "dsResponsiveModeChange" }, 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: DsShellApp, isStandalone: true, selector: "ds-shell-app", inputs: { gradientPreset: "gradientPreset", mobileDestination: "mobileDestination", mobileSheetNavOpen: "mobileSheetNavOpen", navStyle: "navStyle", shortcutsEnabled: "shortcutsEnabled" }, outputs: { dsResponsiveModeChange: "dsResponsiveModeChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsShellApp = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsShellApp,
-        inputs: ['gradientPreset', 'mobileDestination', 'mobileNavigationOpen', 'navStyle', 'shortcutsEnabled']
+        inputs: ['gradientPreset', 'mobileDestination', 'mobileSheetNavOpen', 'navStyle', 'shortcutsEnabled']
     })
 ], DsShellApp);
 export { DsShellApp };
@@ -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: ['gradientPreset', 'mobileDestination', 'mobileNavigationOpen', 'navStyle', 'shortcutsEnabled'],
+                    inputs: ['gradientPreset', 'mobileDestination', 'mobileSheetNavOpen', 'navStyle', 'shortcutsEnabled'],
                     outputs: ['dsResponsiveModeChange'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsResponsiveModeChange: [{

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

@@ -6,7 +6,7 @@ export declare class DsShellPage {
     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; }; "headerCapacity": { "alias": "headerCapacity"; "required": false; }; "headerPresentation": { "alias": "headerPresentation"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsShellPage, "ds-shell-page", never, { "contentInset": { "alias": "contentInset"; "required": false; }; "headerCapacity": { "alias": "headerCapacity"; "required": false; }; "headerPresentation": { "alias": "headerPresentation"; "required": false; }; "responsiveMode": { "alias": "responsiveMode"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 export declare interface DsShellPage extends Components.DsShellPage {
 }

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

@@ -17,12 +17,12 @@ let DsShellPage = class DsShellPage {
         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", headerCapacity: "headerCapacity", headerPresentation: "headerPresentation" }, 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: DsShellPage, isStandalone: true, selector: "ds-shell-page", inputs: { contentInset: "contentInset", headerCapacity: "headerCapacity", headerPresentation: "headerPresentation", responsiveMode: "responsiveMode" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsShellPage = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsShellPage,
-        inputs: ['contentInset', 'headerCapacity', 'headerPresentation']
+        inputs: ['contentInset', 'headerCapacity', 'headerPresentation', 'responsiveMode']
     })
 ], DsShellPage);
 export { DsShellPage };
@@ -33,6 +33,6 @@ 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: ['contentInset', 'headerCapacity', 'headerPresentation'],
+                    inputs: ['contentInset', 'headerCapacity', 'headerPresentation', 'responsiveMode'],
                 }]
         }], 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.DsAttachmentList | typeof d.DsAvatar | typeof d.DsBadge | typeof d.DsBarNav | typeof d.DsBarTitle | typeof d.DsBarWorkflow | typeof d.DsBreadcrumb | typeof d.DsButtonFilled | typeof d.DsButtonUnfilled | typeof d.DsCardDataVizBar | typeof d.DsCardDataVizDonut | typeof d.DsCardDataVizLine | typeof d.DsCardSetting | typeof d.DsCardShellDataViz | typeof d.DsChartBarStacked | 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.DsScrollOverlay | typeof d.DsSelectMulti | typeof d.DsSelect | typeof d.DsShellApp | typeof d.DsShellGradientPicker | typeof d.DsShellGradientSwatch | typeof d.DsShellMobileBar | typeof d.DsShellMobileNav | typeof d.DsShellMobileSectionNav | typeof d.DsShellPage | typeof d.DsShellTools | 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.DsBarWorkflow | typeof d.DsBreadcrumb | typeof d.DsButtonFilled | typeof d.DsButtonUnfilled | typeof d.DsCardDataVizBar | typeof d.DsCardDataVizDonut | typeof d.DsCardDataVizLine | typeof d.DsCardSetting | typeof d.DsCardShellDataViz | typeof d.DsChartBarStacked | 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.DsMobileBarNav | typeof d.DsMobileHeader | typeof d.DsMobileSectionSwitcher | typeof d.DsMobileSheetNav | typeof d.DsModal | typeof d.DsPanelNav | typeof d.DsPanelSubNav | typeof d.DsPanelToolHeader | typeof d.DsPanelToolSearch | typeof d.DsPanelTools | typeof d.DsRadio | typeof d.DsScrollOverlay | typeof d.DsSelectMulti | typeof d.DsSelect | typeof d.DsShellApp | typeof d.DsShellGradientPicker | typeof d.DsShellGradientSwatch | typeof d.DsShellPage | typeof d.DsShellTools | 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

@@ -41,6 +41,10 @@ export const DIRECTIVES = [
     d.DsMessageBubble,
     d.DsMessageComposer,
     d.DsMessageScroller,
+    d.DsMobileBarNav,
+    d.DsMobileHeader,
+    d.DsMobileSectionSwitcher,
+    d.DsMobileSheetNav,
     d.DsModal,
     d.DsPanelNav,
     d.DsPanelSubNav,
@@ -54,9 +58,6 @@ export const DIRECTIVES = [
     d.DsShellApp,
     d.DsShellGradientPicker,
     d.DsShellGradientSwatch,
-    d.DsShellMobileBar,
-    d.DsShellMobileNav,
-    d.DsShellMobileSectionNav,
     d.DsShellPage,
     d.DsShellTools,
     d.DsSkeleton,

package/dist/angular/proxies.d.ts

@@ -43,6 +43,10 @@ export { DsMessage } from './ds-message';
 export { DsMessageBubble } from './ds-message-bubble';
 export { DsMessageComposer } from './ds-message-composer';
 export { DsMessageScroller } from './ds-message-scroller';
+export { DsMobileBarNav } from './ds-mobile-bar-nav';
+export { DsMobileHeader } from './ds-mobile-header';
+export { DsMobileSectionSwitcher } from './ds-mobile-section-switcher';
+export { DsMobileSheetNav } from './ds-mobile-sheet-nav';
 export { DsModal } from './ds-modal';
 export { DsPanelNav } from './ds-panel-nav';
 export { DsPanelSubNav } from './ds-panel-sub-nav';
@@ -56,9 +60,6 @@ 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 { DsShellMobileBar } from './ds-shell-mobile-bar';
-export { DsShellMobileNav } from './ds-shell-mobile-nav';
-export { DsShellMobileSectionNav } from './ds-shell-mobile-section-nav';
 export { DsShellPage } from './ds-shell-page';
 export { DsShellTools } from './ds-shell-tools';
 export { DsSkeleton } from './ds-skeleton';

package/dist/angular/proxies.js

@@ -44,6 +44,10 @@ export { DsMessage } from './ds-message.js';
 export { DsMessageBubble } from './ds-message-bubble.js';
 export { DsMessageComposer } from './ds-message-composer.js';
 export { DsMessageScroller } from './ds-message-scroller.js';
+export { DsMobileBarNav } from './ds-mobile-bar-nav.js';
+export { DsMobileHeader } from './ds-mobile-header.js';
+export { DsMobileSectionSwitcher } from './ds-mobile-section-switcher.js';
+export { DsMobileSheetNav } from './ds-mobile-sheet-nav.js';
 export { DsModal } from './ds-modal.js';
 export { DsPanelNav } from './ds-panel-nav.js';
 export { DsPanelSubNav } from './ds-panel-sub-nav.js';
@@ -57,9 +61,6 @@ 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 { DsShellMobileBar } from './ds-shell-mobile-bar.js';
-export { DsShellMobileNav } from './ds-shell-mobile-nav.js';
-export { DsShellMobileSectionNav } from './ds-shell-mobile-section-nav.js';
 export { DsShellPage } from './ds-shell-page.js';
 export { DsShellTools } from './ds-shell-tools.js';
 export { DsSkeleton } from './ds-skeleton.js';

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

@@ -1,2 +1,2 @@
-import{A as o,d as s}from"./p-Ce52yVXF.js";const t=o;const p=s;export{t as DsAgentActivity,p as defineCustomElement};
+import{A as o,d as s}from"./p-CLzlL3G4.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-Ce52yVXF.js";import{d as n}from"./p-B3rbhRAk.js";import{d as i}from"./p-9dQQSgwT.js";import{d}from"./p-D-xttdpn.js";import{d as m}from"./p-CH6cNXXF.js";import{d as c}from"./p-CoYFJD-w.js";import{d as l}from"./p-g40DTeV8.js";import{d as p}from"./p-BAfG3M8z.js";import{d as u}from"./p-Cpr3K41-.js";import{d as f}from"./p-DXnFhmZF.js";import{d as b}from"./p-DjPZxzIG.js";import{d as h}from"./p-BwGnhInj.js";import{d as g}from"./p-BPS9VExm.js";const k=()=>`.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:"442b5a0b6a3ec6259984e569690a5cfba47ca609"},t("ds-message",{key:"a9f712291e1b729c4420d7939377b21b6551bf63",messageId:this.messageId,direction:"incoming",author:this.author,showAuthor:this.showAuthor,timestamp:this.timestamp,streaming:this.streaming},t("div",{key:"251c76ee75157ee0ac0bc21d85722b948623825b",class:"agent-response"},this.parts.map((s=>this.renderPart(s)))),t("slot",{key:"0043848a8fdda374b792d34a4006400d5dab3412",name:"footer",slot:"footer"}),t("slot",{key:"5319235f706acabd1332d8380f9de4d89f7e341b",name:"actions",slot:"actions"})))}static get style(){return k()}},[262,"ds-agent-response",{messageId:[1,"message-id"],author:[1],showAuthor:[4,"show-author"],timestamp:[1],parts:[16],streaming:[4]}]);function w(){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))){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))){m()}break;case"ds-button-unfilled":if(!customElements.get(o(s))){c()}break;case"ds-code-block":if(!customElements.get(o(s))){l()}break;case"ds-icon":if(!customElements.get(o(s))){p()}break;case"ds-loader":if(!customElements.get(o(s))){u()}break;case"ds-markdown":if(!customElements.get(o(s))){f()}break;case"ds-message":if(!customElements.get(o(s))){b()}break;case"ds-text":if(!customElements.get(o(s))){h()}break;case"ds-tooltip":if(!customElements.get(o(s))){g()}break}}))}w();const E=y;const j=w;export{E as DsAgentResponse,j 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-CLzlL3G4.js";import{d as n}from"./p-B3rbhRAk.js";import{d as i}from"./p-BHYrsGBw.js";import{d}from"./p-D-xttdpn.js";import{d as m}from"./p-CaRyxTMz.js";import{d as c}from"./p-DcFfilOX.js";import{d as l}from"./p-CvKKmZJj.js";import{d as p}from"./p-BAfG3M8z.js";import{d as u}from"./p-Ca-I2UnB.js";import{d as f}from"./p-D9iN80yX.js";import{d as b}from"./p-DQDpDYyF.js";import{d as h}from"./p-BwGnhInj.js";import{d as k}from"./p-DWdRSOBV.js";const g=()=>`.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:"442b5a0b6a3ec6259984e569690a5cfba47ca609"},t("ds-message",{key:"a9f712291e1b729c4420d7939377b21b6551bf63",messageId:this.messageId,direction:"incoming",author:this.author,showAuthor:this.showAuthor,timestamp:this.timestamp,streaming:this.streaming},t("div",{key:"251c76ee75157ee0ac0bc21d85722b948623825b",class:"agent-response"},this.parts.map((s=>this.renderPart(s)))),t("slot",{key:"0043848a8fdda374b792d34a4006400d5dab3412",name:"footer",slot:"footer"}),t("slot",{key:"5319235f706acabd1332d8380f9de4d89f7e341b",name:"actions",slot:"actions"})))}static get style(){return g()}},[262,"ds-agent-response",{messageId:[1,"message-id"],author:[1],showAuthor:[4,"show-author"],timestamp:[1],parts:[16],streaming:[4]}]);function j(){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))){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))){m()}break;case"ds-button-unfilled":if(!customElements.get(o(s))){c()}break;case"ds-code-block":if(!customElements.get(o(s))){l()}break;case"ds-icon":if(!customElements.get(o(s))){p()}break;case"ds-loader":if(!customElements.get(o(s))){u()}break;case"ds-markdown":if(!customElements.get(o(s))){f()}break;case"ds-message":if(!customElements.get(o(s))){b()}break;case"ds-text":if(!customElements.get(o(s))){h()}break;case"ds-tooltip":if(!customElements.get(o(s))){k()}break}}))}j();const w=y;const E=j;export{w as DsAgentResponse,E as defineCustomElement};
 //# sourceMappingURL=ds-agent-response.js.map

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

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

package/dist/components/ds-avatar.js

@@ -1,2 +1,2 @@
-import{p as s,H as a,h as o,a as r,t}from"./index.js";import{d as n}from"./p-BAfG3M8z.js";const i=()=>`.ds-control--md.sc-ds-avatar-h,.ds-control--md.sc-ds-avatar,.ds-control--sm.sc-ds-avatar-h,.ds-control--sm.sc-ds-avatar,.ds-control--xs.sc-ds-avatar-h,.ds-control--xs.sc-ds-avatar{--ds-control-radius:var(--dimension-radius-025)}.ds-control--md.sc-ds-avatar-h,.ds-control--md.sc-ds-avatar{--ds-control-height:var(--dimension-size-400);--ds-control-icon:var(--dimension-iconography-md);--ds-control-padding-inline:var(--dimension-space-075);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-050)}.ds-control--sm.sc-ds-avatar-h,.ds-control--sm.sc-ds-avatar{--ds-control-height:var(--dimension-size-300);--ds-control-icon:var(--dimension-iconography-sm);--ds-control-padding-inline:var(--dimension-space-050);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-025)}.ds-control--xs.sc-ds-avatar-h,.ds-control--xs.sc-ds-avatar{--ds-control-height:var(--dimension-size-200);--ds-control-icon:var(--dimension-iconography-xs);--ds-control-padding-inline:var(--dimension-space-025);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:0}.sc-ds-avatar-h{display:inline-flex;flex-shrink:0;width:var(--ds-control-height);height:var(--ds-control-height)}.avatar--md.sc-ds-avatar-h{--_avatar-stroke:var(--dimension-stroke-width-015)}.avatar--sm.sc-ds-avatar-h{--_avatar-stroke:var(--dimension-stroke-width-012)}.avatar--xs.sc-ds-avatar-h{--_avatar-stroke:calc(var(--dimension-stroke-width-base) * 3 / 32)}.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(--_avatar-stroke) var(--color-foreground-quaternary)}`;const e=s(class s extends a{constructor(s){super();if(s!==false){this.__registerHost()}this.icon="";this.iconColor="secondary";this.size="md"}render(){return o(r,{key:"b29268e414b657ada445dc244077a14a3cab87f9",class:{[`ds-control--${this.size}`]:true,[`avatar--${this.size}`]:true}},o("span",{key:"baa2f709079dce212601dc18e63ce944bce1b1bf",class:"avatar",role:this.label?"img":"presentation","aria-label":this.label,"aria-hidden":!this.label?"true":undefined},o("ds-icon",{key:"b406c18346977ad99be46d7bbfcb4ba952990882",name:this.icon,size:this.size,color:this.iconColor})))}static get style(){return i()}},[2,"ds-avatar",{icon:[1],iconColor:[1,"icon-color"],size:[1],label:[1]}]);function d(){if(typeof customElements==="undefined"){return}const s=["ds-avatar","ds-icon"];s.forEach((s=>{switch(s){case"ds-avatar":if(!customElements.get(t(s))){customElements.define(t(s),e)}break;case"ds-icon":if(!customElements.get(t(s))){n()}break}}))}d();const c=e;const l=d;export{c as DsAvatar,l as defineCustomElement};
+import{p as s,H as a,h as o,a as n,t as r}from"./index.js";import{d as t}from"./p-BAfG3M8z.js";const i=()=>`.ds-control--lg.sc-ds-avatar,.ds-control--lg.sc-ds-avatar-h,.ds-control--md.sc-ds-avatar-h,.ds-control--md.sc-ds-avatar,.ds-control--sm.sc-ds-avatar-h,.ds-control--sm.sc-ds-avatar,.ds-control--xs.sc-ds-avatar-h,.ds-control--xs.sc-ds-avatar{--ds-control-radius:var(--dimension-radius-025)}.ds-control--lg.sc-ds-avatar-h,.ds-control--lg.sc-ds-avatar{--ds-control-height:var(--dimension-size-500);--ds-control-icon:var(--dimension-iconography-lg);--ds-control-padding-inline:var(--dimension-space-100);--ds-control-label-inset:var(--dimension-space-050);--ds-control-gap:var(--dimension-space-050)}.ds-control--md.sc-ds-avatar-h,.ds-control--md.sc-ds-avatar{--ds-control-height:var(--dimension-size-400);--ds-control-icon:var(--dimension-iconography-md);--ds-control-padding-inline:var(--dimension-space-075);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-050)}.ds-control--sm.sc-ds-avatar-h,.ds-control--sm.sc-ds-avatar{--ds-control-height:var(--dimension-size-300);--ds-control-icon:var(--dimension-iconography-sm);--ds-control-padding-inline:var(--dimension-space-050);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-025)}.ds-control--xs.sc-ds-avatar-h,.ds-control--xs.sc-ds-avatar{--ds-control-height:var(--dimension-size-200);--ds-control-icon:var(--dimension-iconography-xs);--ds-control-padding-inline:var(--dimension-space-025);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:0}.sc-ds-avatar-h{display:inline-flex;flex-shrink:0;width:var(--ds-control-height);height:var(--ds-control-height)}.avatar--md.sc-ds-avatar-h{--_avatar-stroke:var(--dimension-stroke-width-015)}.avatar--sm.sc-ds-avatar-h{--_avatar-stroke:var(--dimension-stroke-width-012)}.avatar--xs.sc-ds-avatar-h{--_avatar-stroke:calc(var(--dimension-stroke-width-base) * 3 / 32)}.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(--_avatar-stroke) var(--color-foreground-quaternary)}`;const d=s(class s extends a{constructor(s){super();if(s!==false){this.__registerHost()}this.icon="";this.iconColor="secondary";this.size="md"}render(){return o(n,{key:"b29268e414b657ada445dc244077a14a3cab87f9",class:{[`ds-control--${this.size}`]:true,[`avatar--${this.size}`]:true}},o("span",{key:"baa2f709079dce212601dc18e63ce944bce1b1bf",class:"avatar",role:this.label?"img":"presentation","aria-label":this.label,"aria-hidden":!this.label?"true":undefined},o("ds-icon",{key:"b406c18346977ad99be46d7bbfcb4ba952990882",name:this.icon,size:this.size,color:this.iconColor})))}static get style(){return i()}},[2,"ds-avatar",{icon:[1],iconColor:[1,"icon-color"],size:[1],label:[1]}]);function e(){if(typeof customElements==="undefined"){return}const s=["ds-avatar","ds-icon"];s.forEach((s=>{switch(s){case"ds-avatar":if(!customElements.get(r(s))){customElements.define(r(s),d)}break;case"ds-icon":if(!customElements.get(r(s))){t()}break}}))}e();const c=d;const l=e;export{c 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","size","render","h","Host","key","class","role","label","undefined","name","color"],"sources":["src/wc/components/Avatar/Avatar.css?tag=ds-avatar&encapsulation=scoped","src/wc/components/Avatar/Avatar.tsx"],"sourcesContent":["@import '../../utils/control-density.css';\n\n:host {\n  display: inline-flex;\n  flex-shrink: 0;\n  width: var(--ds-control-height);\n  height: var(--ds-control-height);\n}\n\n:host(.avatar--md) {\n  --_avatar-stroke: var(--dimension-stroke-width-015);\n}\n\n:host(.avatar--sm) {\n  --_avatar-stroke: var(--dimension-stroke-width-012);\n}\n\n:host(.avatar--xs) {\n  --_avatar-stroke: calc(var(--dimension-stroke-width-base) * 3 / 32);\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(--_avatar-stroke) var(--color-foreground-quaternary);\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport type { IconColor } from '../Icon/Icon';\n\nexport type AvatarSize = 'md' | 'sm' | 'xs';\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 icon hierarchy. Use primary for stronger emphasis; secondary is the default. */\n  @Prop() iconColor: IconColor = 'secondary';\n\n  /** Circle and icon density. Maps to 32/20, 24/16, or 16/12 px. */\n  @Prop() size: AvatarSize = 'md';\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 class={{ [`ds-control--${this.size}`]: true, [`avatar--${this.size}`]: true }}>\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={this.size} color={this.iconColor} />\n        </span>\n      </Host>\n    );\n  }\n}\n"],"mappings":"0FAAA,MAAMA,EAAY,IAAM,ssD,MCUXC,EAAMC,EAAA,MAAAD,UAAAE,EALnB,WAAAC,CAAAC,G,4CAOUC,KAAAC,KAAe,GAGfD,KAAAE,UAAuB,YAGvBF,KAAAG,KAAmB,IAmB5B,CAdC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO,CAAE,CAAC,eAAeR,KAAKG,QAAS,KAAM,CAAC,WAAWH,KAAKG,QAAS,OAC3EE,EAAA,QAAAE,IAAA,2CACEC,MAAM,SACNC,KAAMT,KAAKU,MAAQ,MAAQ,eAAc,aAC7BV,KAAKU,MAAK,eACRV,KAAKU,MAAQ,OAASC,WAEpCN,EAAA,WAAAE,IAAA,2CAASK,KAAMZ,KAAKC,KAAME,KAAMH,KAAKG,KAAMU,MAAOb,KAAKE,a","ignoreList":[]}
+{"version":3,"names":["avatarCss","Avatar","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","icon","iconColor","size","render","h","Host","key","class","role","label","undefined","name","color"],"sources":["src/wc/components/Avatar/Avatar.css?tag=ds-avatar&encapsulation=scoped","src/wc/components/Avatar/Avatar.tsx"],"sourcesContent":["@import '../../utils/control-density.css';\n\n:host {\n  display: inline-flex;\n  flex-shrink: 0;\n  width: var(--ds-control-height);\n  height: var(--ds-control-height);\n}\n\n:host(.avatar--md) {\n  --_avatar-stroke: var(--dimension-stroke-width-015);\n}\n\n:host(.avatar--sm) {\n  --_avatar-stroke: var(--dimension-stroke-width-012);\n}\n\n:host(.avatar--xs) {\n  --_avatar-stroke: calc(var(--dimension-stroke-width-base) * 3 / 32);\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(--_avatar-stroke) var(--color-foreground-quaternary);\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport type { IconColor } from '../Icon/Icon';\n\nexport type AvatarSize = 'md' | 'sm' | 'xs';\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 icon hierarchy. Use primary for stronger emphasis; secondary is the default. */\n  @Prop() iconColor: IconColor = 'secondary';\n\n  /** Circle and icon density. Maps to 32/20, 24/16, or 16/12 px. */\n  @Prop() size: AvatarSize = 'md';\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 class={{ [`ds-control--${this.size}`]: true, [`avatar--${this.size}`]: true }}>\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={this.size} color={this.iconColor} />\n        </span>\n      </Host>\n    );\n  }\n}\n"],"mappings":"+FAAA,MAAMA,EAAY,IAAM,qjE,MCUXC,EAAMC,EAAA,MAAAD,UAAAE,EALnB,WAAAC,CAAAC,G,4CAOUC,KAAAC,KAAe,GAGfD,KAAAE,UAAuB,YAGvBF,KAAAG,KAAmB,IAmB5B,CAdC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO,CAAE,CAAC,eAAeR,KAAKG,QAAS,KAAM,CAAC,WAAWH,KAAKG,QAAS,OAC3EE,EAAA,QAAAE,IAAA,2CACEC,MAAM,SACNC,KAAMT,KAAKU,MAAQ,MAAQ,eAAc,aAC7BV,KAAKU,MAAK,eACRV,KAAKU,MAAQ,OAASC,WAEpCN,EAAA,WAAAE,IAAA,2CAASK,KAAMZ,KAAKC,KAAME,KAAMH,KAAKG,KAAMU,MAAOb,KAAKE,a","ignoreList":[]}

package/dist/components/ds-badge.js

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