@ds-mo/ui 13.18.0 → 14.0.0

package/dist/.package-ready.json

@@ -1 +1 @@
-{"schemaVersion":1,"package":"@ds-mo/ui","version":"13.18.0","components":68,"digest":"da9617973f2183c74efc1698c90e70ca2c4d660afcb87911d54ed9154573a9b3","completedAt":"2026-08-14T00:28:14.055Z"}
+{"schemaVersion":1,"package":"@ds-mo/ui","version":"14.0.0","components":69,"digest":"fe271f437982df4da994c053163c0f969e8d7dd994aa055089686f6f3da3b093","completedAt":"2026-08-14T23:15:47.625Z"}

package/dist/agent-patterns.json

@@ -1,7 +1,7 @@
 {
   "schemaVersion": "1.0.0",
   "package": "@ds-mo/ui",
-  "packageVersion": "13.18.0",
+  "packageVersion": "14.0.0",
   "kind": "patterns",
   "entries": [
     {
@@ -449,7 +449,7 @@
       "stateOwnership": [
         "The application owns the selected command or view value and derives the trigger label and each item's isSelected state from it.",
         "The application synchronizes one open boolean to the trigger's expanded prop and Menu.open.",
-        "An open popup is a transient pressed state, not a selected one. The trigger holds its pressed wash for the popup's rendered lifecycle from expanded alone, so never also set isActive to represent an open menu.",
+        "An open popup is a transient pressed state, not a selected one. The trigger holds only its pressed wash for the popup's rendered lifecycle from expanded alone, without changing foreground, so never also set isActive to represent an open menu.",
         "Menu owns popup placement and keyboard navigation; the application never calculates popup coordinates or applies positional CSS.",
         "On dsSelect, update the selected value, close the Menu, and restore focus to the trigger.",
         "On dsClose, synchronize the application open state to false."

package/dist/agent.json

@@ -1,7 +1,7 @@
 {
   "schemaVersion": "1.0.0",
   "package": "@ds-mo/ui",
-  "packageVersion": "13.18.0",
+  "packageVersion": "14.0.0",
   "kind": "components",
   "entries": [
     {
@@ -926,6 +926,127 @@
         "tooltip"
       ]
     },
+    {
+      "id": "component:ds-bar-action",
+      "tag": "ds-bar-action",
+      "name": "bar-action",
+      "title": "BarAction",
+      "summary": "Compact bold-brand selection-action chrome that reports a selected count, offers Clear, and hosts application commands on a medium-elevation surface.",
+      "intentStatus": "complete",
+      "intent": {
+        "audience": "general",
+        "status": "stable",
+        "summary": "Compact bold-brand selection-action chrome that reports a selected count, offers Clear, and hosts application commands on a medium-elevation surface.",
+        "useWhen": [
+          "A multi-select table or similar collection needs a persistent bar of commands for the current selected set.",
+          "The application owns selected identities and must keep bulk actions visually consistent across surfaces."
+        ],
+        "avoidWhen": [
+          "The message is an application-wide announcement rather than a selected-set command surface; use Banner.",
+          "A single row or card needs local overflow commands; use ButtonUnfilled with Menu.",
+          "The chrome is a table result summary or footer; compose Table's footer instead."
+        ],
+        "alternatives": [
+          {
+            "when": "The message is a persistent application announcement.",
+            "component": "component:ds-banner",
+            "reason": "Banner owns shell-level messaging and does not represent a selected set."
+          },
+          {
+            "when": "A single row or card needs local overflow commands.",
+            "component": "component:ds-button-unfilled",
+            "reason": "ButtonUnfilled with Menu owns local item commands rather than selected-set bulk actions."
+          }
+        ],
+        "commonlyComposedWith": [
+          "component:ds-table",
+          "component:ds-button-unfilled",
+          "component:ds-button-filled",
+          "component:ds-menu",
+          "component:ds-text"
+        ],
+        "patterns": [],
+        "accessibility": [
+          "Provide a group accessible name that describes the selected-set commands.",
+          "Keep Clear as a real button. A persistent polite live region announces valid selected-count updates without stealing focus.",
+          "Name every slotted action. Icon-only commands still need an explicit accessible name.",
+          "The application updates the selected identities after dsClear, then moves focus to a stable collection control before the empty bar disappears; the bar never mutates selection or guesses a focus target."
+        ],
+        "states": [
+          "The bar is hidden while the selected count is below one and appears as the compact bold-brand elevated surface once at least one item is selected.",
+          "Clear reports intent only. The application replaces the controlled selected identities.",
+          "Slotted actions stay application-owned. Pass background matching the bold parent surface so those controls remain readable.",
+          "The component-owned visible surface owns medium control-elevation and removes the empty actions lane. Overlay inset, footer clearance, and stacking remain application layout."
+        ],
+        "responsiveBehavior": [
+          "The count truncates before Clear or trailing actions lose their complete hit targets.",
+          "The bar fills its owner's inline size. Overlay inset, footer clearance, and stacking against a table remain the consuming layout."
+        ],
+        "frameworkCaveats": {
+          "customElements": [
+            "Bind count from the current selected set, replace that set after dsClear, and return focus to a stable collection control.",
+            "Project command controls through slot=actions with background matching the bold parent surface."
+          ],
+          "react": [
+            "Pass count from selected row or item state, clear that state from onDsClear, and return focus to a stable collection control.",
+            "Place DsBarAction in the same positioned owner as the table when overlaying the table footer."
+          ],
+          "angular": [
+            "Bind count from the controlled selected identities, handle dsClear in the collection owner, and return focus to a stable collection control.",
+            "Project ds-button-unfilled or ds-button-filled into slot=actions with background matching the bold parent surface."
+          ]
+        },
+        "references": [
+          {
+            "label": "Storybook review matrix",
+            "path": "src/wc/components/BarAction/BarAction.stories.ts"
+          },
+          {
+            "label": "Rendered behavior coverage",
+            "path": "tests/e2e/bar-action.spec.ts"
+          }
+        ]
+      },
+      "api": {
+        "props": {
+          "clearLabel": {
+            "type": "string",
+            "required": false
+          },
+          "count": {
+            "type": "number",
+            "required": false
+          },
+          "label": {
+            "type": "string",
+            "required": false
+          },
+          "selectedLabel": {
+            "type": "string",
+            "required": false
+          }
+        },
+        "events": [
+          {
+            "name": "dsClear",
+            "detail": "MouseEvent"
+          }
+        ],
+        "slots": []
+      },
+      "exports": {
+        "customElement": "ds-bar-action",
+        "react": "DsBarAction",
+        "angular": "DsBarAction"
+      },
+      "dependencies": [
+        "@ds-mo/ui",
+        "@ds-mo/tokens"
+      ],
+      "componentDependencies": [
+        "text"
+      ]
+    },
     {
       "id": "component:ds-bar-nav",
       "tag": "ds-bar-nav",
@@ -1828,7 +1949,7 @@
         ],
         "accessibility": [
           "Provide an explicit accessible name for every icon-only action.",
-          "Set hasMenu when the button triggers a Menu; it implies aria-haspopup of menu. Pass controls with the Menu id and expanded from the same open state given to Menu. Expanded popup triggers hold the pressed visual while open; expanded disclosure controls without popup semantics retain the normal resting appearance.",
+          "Set hasMenu when the button triggers a Menu; it implies aria-haspopup of menu. Pass controls with the Menu id and expanded from the same open state given to Menu. Expanded popup triggers hold only the pressed wash while open, without changing their resting foreground; expanded disclosure controls without popup semantics retain the normal resting appearance.",
           "Give an icon-only menu button an accessible name that states the role, such as More options, because no visible label or chevron carries it.",
           "Use haspopup directly for a non-menu popup such as a listbox or dialog; those cases get no chevron.",
           "Use pressed only for a genuine toggle button; it supplies aria-pressed and dsChange intent. Use isActive only for owner-controlled visual emphasis inside a composite whose selection semantics live on the owner.",
@@ -1851,7 +1972,7 @@
           "Icon and icon-label loading replace the icon in place. Label-only loading centers the loader while preserving the button's measured width.",
           "hasMenu covers two distinct menu-button shapes and the variant selects between them. With label or icon-label the action has a menu, and a trailing chevron carries the affordance. With icon the button is a menu, meaning the overflow or more-options control, and no chevron is added.",
           "Because the icon-only shape has no chevron, its glyph must convey the menu on its own; use Ellipses. Never pair hasMenu with an icon-only glyph that does not read as a menu.",
-          "An open popup is a transient pressed state rather than a selected one. While expanded is true and haspopup or hasMenu identifies a popup, the pressed wash is held for the popup's complete rendered lifecycle and survives hover, including when chrome opts out of selected fills with activeFill set to false. Expanded disclosure buttons without popup semantics remain visually neutral."
+          "An open popup is a transient pressed state rather than a selected one. While expanded is true and haspopup or hasMenu identifies a popup, the pressed wash is held for the popup's complete rendered lifecycle and survives hover without promoting foreground or selected fill, including when chrome opts out of selected fills with activeFill set to false. Expanded disclosure buttons without popup semantics remain visually neutral."
         ],
         "responsiveBehavior": [
           "The consuming layout decides when an icon-label action becomes icon-only and must provide an explicit accessible name after changing variants.",
@@ -2125,7 +2246,7 @@
       "intentStatus": "complete",
       "intent": {
         "audience": "general",
-        "status": "experimental",
+        "status": "stable",
         "summary": "Page-level summary with a persistent 48px reporting bar above an equal-track grid of an optional safety score and comparable measures, plus an elevated page-controlled collapse surface.",
         "useWhen": [
           "A page opens with one headline figure that the surrounding measures explain.",
@@ -3662,7 +3783,7 @@
           "component:ds-checkbox"
         ],
         "accessibility": [
-          "The built-in select trigger exposes combobox semantics with a dialog popup, synchronizes expanded state, and restores focus after dismissal.",
+          "The built-in select trigger exposes combobox semantics with a dialog popup, synchronizes expanded state, holds the pressed interaction wash without changing resting foreground while open, and restores focus after dismissal.",
           "The category pane is a vertical tab list. Arrow Up and Arrow Down wrap, Home and End jump, Arrow Right enters the option pane, and Arrow Left returns to the active category.",
           "Escape and outside activation close the popup and restore trigger focus. Tab moves through option controls and closes only when it leaves the popup boundary.",
           "The trigger count reports active filter categories. Category counts and the footer report individual selected criteria; none replace visible selected-state indication."
@@ -3671,6 +3792,7 @@
           "The application owns filters, values, activeFilterId, and open. Replace controlled objects and arrays after dsChange, dsActiveFilterChange, dsClear, or dsClose.",
           "Single filters return a string, multiple filters return ordered string arrays, boolean filters return a boolean, and date filters return a YYYY-MM-DD string.",
           "Selection applies immediately and does not close the popup.",
+          "Changing category replaces the option-pane subtree so checkbox and other option visuals mount in their new state instead of transitioning from the previous category's row state.",
           "The trigger reports how many filter categories have selections, while the footer appears when values are selected and reports the total selected criteria."
         ],
         "responsiveBehavior": [
@@ -6627,7 +6749,7 @@
       "intentStatus": "complete",
       "intent": {
         "audience": "general",
-        "status": "experimental",
+        "status": "stable",
         "summary": "Generic scroll owner for content that moves behind a persistent footer action or composer with an always-active alpha fade.",
         "useWhen": [
           "A bounded region owns scrolling while footer actions remain overlaid and continuously visible.",
@@ -6765,6 +6887,7 @@
           "Option labels and the selected trigger label stay on one line and truncate when constrained. Option subtext may wrap to at most two lines.",
           "Use an option action only for a contextual menu about that user-managed option. The fixed ellipsis action appears on hover, keyboard activity, focus, and touch; expanded keeps it visible while its controlled menu is open. Activating it emits dsOptionAction without selecting the option or closing the Select popup.",
           "The optional prefix icon and chevron always use the parent surface's secondary foreground color, including when a selected value promotes the label to primary.",
+          "While the popup is open, the trigger holds the pressed interaction wash without changing its resting foreground or selected-value treatment.",
           "The shared popup search control follows the Select density, using the same text, icon, and internal spacing as a borderless trigger. Its container uses menu-item padding on every side and owns a 1px bottom divider that becomes a 1.5px bold-brand stroke while search has focus. Search placeholder text is secondary at rest and quaternary while focused because it becomes decorative once the editable field is active.",
           "When search contains text, the shared control shows a rounded icon-only ButtonUnfilled with the CrossCircle icon and no border, sized to remain inset within the current row density. It clears the local term, stays hidden for an empty term, and returns focus to search.",
           "The shared clear footer mirrors the owning density: menu-item padding surrounds a borderless density row, and the Clear label uses the same row and label insets as option text. The clear action never wraps. In multiple mode, the selected summary stays on one line and collapses to its numeric count when the full localized phrase would compete with the clear action. The outer footer owns a 1px top divider.",
@@ -8330,7 +8453,7 @@
       "intentStatus": "complete",
       "intent": {
         "audience": "general",
-        "status": "experimental",
+        "status": "stable",
         "summary": "Semantic, controlled data table with durable visual primitives for cell geometry, column geometry, grouping, sorting, multi-selection, sticky overflow, and incremental loading.",
         "useWhen": [
           "A structured dataset needs native row and column relationships, optional one-level grouping, or comparable values across records.",
@@ -8347,13 +8470,14 @@
           "component:ds-empty-state",
           "component:ds-skeleton",
           "component:ds-loader",
+          "component:ds-bar-action",
           "component:ds-button-unfilled",
           "component:ds-tag",
           "component:ds-icon"
         ],
         "accessibility": [
           "The rendered structure uses a native table, caption, column headers, row groups, and data cells; keep the caption non-empty. The native caption remains visually hidden as the table's accessible name. When caption visibility is enabled, a 48px header bar renders as component chrome outside the horizontal scrollport. It defaults to a presentational caption title that does not duplicate the accessible name. Application-owned labeled controls supplied through the single named header slot replace that fallback and receive the complete content width inside the component-owned 8px inset, so the application can compose its own control groups and alignment without table-defined leading or trailing zones.",
-          "Sorting controls remain buttons inside column headers. Member-row sort uses aria-sort, while independent group order is described by the grouped header control.",
+          "Sorting controls remain buttons inside column headers and expose the table's one controlled member-row sort through aria-sort. Grouping never adds a second sort indicator or header control; the application supplies groups in its fixed product order.",
           "Selection controls expose checkbox semantics and explicit row names; select-all affects selectable loaded rows only and preserves selected identities outside the loaded window. When grouping is active with multi-selection, each group section header also exposes a checkbox that selects or clears that group's selectable loaded rows.",
           "Interactive rows are focusable as native rows, activate with Enter or Space, and do not steal activation from their nested selection or action controls.",
           "Scrollable table regions become keyboard focusable and named only when overflow exists.",
@@ -8361,9 +8485,9 @@
           "An optional result summary footer appears below the table frame when both displayedCount and totalCount are finite, formatting Displaying {displayed} of {total} in text-body-medium secondary. The footer slot can replace that copy, while footer-leading and footer-trailing compose actions into the same compact-bar anatomy. Authored footer content can also opt into the 48px footer without controlled counts."
         ],
         "states": [
-          "Columns, rows, groups, grouping, sorting, selected row IDs, collapsed group IDs, displayedCount, totalCount, and lazy-loading state are controlled inputs. Events communicate intent and never mutate those inputs. The optional header is one full-width composable table-local surface: the component owns its 48px chrome, 8px inset on every side, and sticky placement while the application owns all internal layout, controls, labels, filtering behavior, and action handling. The footer retains its compact-bar copy and action composition. Content-sized tables remain natural for sparse or fixed-count results. height bounds the complete header, frame, and footer composition. fitViewport reserves the compact-state composition height in the nearest vertical scrollport while growing the visible table into that reservation as surrounding page chrome collapses.",
-          "Grouping supports one level. The application supplies ordered groups and ordered member rows; group order and member-row sort are independent controls. Group section headers show an emphasized text-body-medium label followed by a rounded sm Tag containing only the numeric count. The Tag uses the group's faint intent surface (neutral when intent is absent) and a small-elevation, button-hugging wrapper; a localized countLabel remains available to assistive technology. Groups may declare an optional intent (brand, neutral, negative, warning, caution, positive) that paints an LTR gradient from the faint intent surface at the label edge into faint neutral at the trailing edge, plus a bold intent title color. Neutral groups remain solid faint neutral. Section separators are painted inside that viewport-width surface so translucent border tokens composite with each intent background; the final collapsed section does not duplicate the terminal table edge. A trailing visually neutral icon-only ButtonUnfilled uses the 24px md double-inset action recipe and toggles controlled collapsedGroupIds, showing ChevronUp while expanded and ChevronDown while collapsed. While any group remains expanded, a ChevronDownUp action uses the xs sort-control recipe widened to a table-owned 24px lane and collapses every group. It appears at the inline-end edge of the trailing column declared with kind action when one exists; otherwise a button-hugging 24px by 16px medium-elevation surface floats at the visible scrollport's header edge so the action remains reachable while member columns scroll beneath it. With stickyHeader enabled, each contained section uses its one real section row as a native sticky header inside its real row-group boundary. The browser therefore owns pinning, push-off, scrolling, and resize layout in one pass without a duplicated lane, active-section state, transforms, or scroll-time geometry. Shared grid tracks retain exact header and member-cell alignment. The section surface also stays pinned to the visible horizontal scrollport and spans the smaller of the visible viewport or table width.",
-          "An active member sort toggles only between ascending and descending; activating a different sortable label moves sorting to that key. Applications may still clear the controlled sort state explicitly. The grouped column toggles ascending and descending group order without clearing member sort.",
+          "Columns, rows, groups, grouping, sorting, selected row IDs, collapsed group IDs, displayedCount, totalCount, and lazy-loading state are controlled inputs. Events communicate intent and never mutate those inputs. The optional header is one full-width composable table-local surface: the component owns its 48px chrome, 8px inset on every side, and sticky placement while the application owns all internal layout, controls, labels, filtering behavior, and action handling. The footer retains its compact-bar composition: application-owned leading status sits left while the controlled result summary aligns right, before any trailing action. Content-sized tables remain natural for sparse or fixed-count results. height bounds the complete header, frame, and footer composition. fitViewport reserves the compact-state composition height in the nearest vertical scrollport while growing the visible table into that reservation as surrounding page chrome collapses.",
+          "Grouping supports one level. The application supplies groups in a fixed product-defined order and supplies ordered member rows independently. Group section headers show an emphasized text-body-medium label followed by a rounded sm Tag containing only the numeric count. The Tag uses the group's faint intent surface (neutral when intent is absent) and a small-elevation, button-hugging wrapper; a localized countLabel remains available to assistive technology. Groups may declare an optional intent (brand, neutral, negative, warning, caution, positive) that paints an LTR gradient from the faint intent surface at the label edge into faint neutral at the trailing edge, plus a bold intent title color. Neutral groups remain solid faint neutral. Section separators are painted inside that viewport-width surface so translucent border tokens composite with each intent background; the final collapsed section does not duplicate the terminal table edge. A trailing visually neutral icon-only ButtonUnfilled uses the 24px md double-inset action recipe and toggles controlled collapsedGroupIds, showing ChevronUp while expanded and ChevronDown while collapsed. While any group remains expanded, a ChevronDownUp action uses the xs sort-control recipe widened to a table-owned 24px lane and collapses every group. It appears at the inline-end edge of the trailing column declared with kind action when one exists; otherwise a button-hugging 24px by 16px medium-elevation surface floats at the visible scrollport's header edge so the action remains reachable while member columns scroll beneath it. With stickyHeader enabled, each contained section uses its one real section row as a native sticky header inside its real row-group boundary. The browser therefore owns pinning, push-off, scrolling, and resize layout in one pass without a duplicated lane, active-section state, transforms, or scroll-time geometry. Shared grid tracks retain exact header and member-cell alignment. The section surface also stays pinned to the visible horizontal scrollport and spans the smaller of the visible viewport or table width.",
+          "An active member sort toggles only between ascending and descending; activating a different sortable label moves the one sorting state to that key. Applications may still clear the controlled sort state explicitly. Grouping does not introduce another interactive direction.",
           "Compound headers can expose multiple related labels with independent sort keys. Each label owns only its content-width interaction target while the active direction remains in the column's alignment-aware sort lane.",
           "Initial loading uses row-shaped skeletons that preserve the standard single-line cell padding, row dividers, column dividers, selection lane, and sticky-lane boundaries. Empty, initial error, load-more, retry, loading-more, and terminal bands remain fixed to the visible table width while data columns scroll horizontally beneath them. Incremental loading retains existing rows and supports automatic sentinel, manual load-more, retry, and terminal states.",
           "Lazy loading replaces pagination. The application owns requests, cancellation, cursors, deduplication, appended records, and query identity; loadIdentity resets the component request guard.",
@@ -8385,11 +8509,11 @@
         "frameworkCaveats": {
           "customElements": [
             "Assign columns, rows, groups, grouping, sort, selectedRowIds, collapsedGroupIds, displayedCount, and totalCount through JavaScript properties rather than HTML attribute strings.",
-            "Replace controlled property values in response to dsSortChange, dsGroupingChange, dsGroupCollapseChange, dsSelectionChange, and dsLoadMore; route dsRowActivate in the application owner."
+            "Replace controlled property values in response to dsSortChange, dsGroupCollapseChange, dsSelectionChange, and dsLoadMore; route dsRowActivate in the application owner."
           ],
           "react": [
             "Pass new array and state-object references when the controlled data or query state changes.",
-            "Apply emitted sort, grouping, collapse, selection, action, or loading detail to application state and perform data transformations in the owning layer."
+            "Apply emitted sort, collapse, selection, action, or loading detail to application state and perform data transformations in the owning layer."
           ],
           "angular": [
             "Bind complex table inputs as properties and update the controlled values from the corresponding output events.",
@@ -8579,10 +8703,6 @@
             "name": "dsGroupCollapseChange",
             "detail": "TableGroupCollapseChangeDetail"
           },
-          {
-            "name": "dsGroupingChange",
-            "detail": "TableGroupingChangeDetail"
-          },
           {
             "name": "dsLoadMore",
             "detail": "TableLoadMoreDetail"

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

@@ -0,0 +1,18 @@
+import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import type { DsBarActionCustomEvent } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsBarAction {
+    protected z: NgZone;
+    protected el: HTMLDsBarActionElement;
+    dsClear: EventEmitter<DsBarActionCustomEvent<MouseEvent>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsBarAction, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsBarAction, "ds-bar-action", never, { "clearLabel": { "alias": "clearLabel"; "required": false; }; "count": { "alias": "count"; "required": false; }; "label": { "alias": "label"; "required": false; }; "selectedLabel": { "alias": "selectedLabel"; "required": false; }; }, { "dsClear": "dsClear"; }, never, ["*"], true, never>;
+}
+export declare interface DsBarAction extends Components.DsBarAction {
+    /**
+     * Emitted when Clear is activated. The application owns the selected identities.
+     */
+    dsClear: EventEmitter<DsBarActionCustomEvent<MouseEvent>>;
+}

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

@@ -0,0 +1,42 @@
+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 defineDsBarAction } from '@ds-mo/ui/components/ds-bar-action.js';
+import * as i0 from "@angular/core";
+let DsBarAction = class DsBarAction {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsClear = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsBarAction, 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.1.0", type: DsBarAction, isStandalone: true, selector: "ds-bar-action", inputs: { clearLabel: "clearLabel", count: "count", label: "label", selectedLabel: "selectedLabel" }, outputs: { dsClear: "dsClear" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsBarAction = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineDsBarAction,
+        inputs: ['clearLabel', 'count', 'label', 'selectedLabel']
+    })
+], DsBarAction);
+export { DsBarAction };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsBarAction, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-bar-action',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['clearLabel', 'count', 'label', 'selectedLabel'],
+                    outputs: ['dsClear'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsClear: [{
+                type: Output
+            }] } });

package/dist/angular/ds-table.d.ts

@@ -2,7 +2,6 @@ import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/co
 import type { Components } from '@ds-mo/ui/components';
 import type { DsTableCustomEvent } from '@ds-mo/ui/components';
 import type { TableSortChangeDetail as IDsTableTableSortChangeDetail } from '@ds-mo/ui/components';
-import type { TableGroupingChangeDetail as IDsTableTableGroupingChangeDetail } from '@ds-mo/ui/components';
 import type { TableGroupCollapseChangeDetail as IDsTableTableGroupCollapseChangeDetail } from '@ds-mo/ui/components';
 import type { TableSelectionChangeDetail as IDsTableTableSelectionChangeDetail } from '@ds-mo/ui/components';
 import type { TableLoadMoreDetail as IDsTableTableLoadMoreDetail } from '@ds-mo/ui/components';
@@ -13,7 +12,6 @@ export declare class DsTable {
     protected z: NgZone;
     protected el: HTMLDsTableElement;
     dsSortChange: EventEmitter<DsTableCustomEvent<IDsTableTableSortChangeDetail>>;
-    dsGroupingChange: EventEmitter<DsTableCustomEvent<IDsTableTableGroupingChangeDetail>>;
     dsGroupCollapseChange: EventEmitter<DsTableCustomEvent<IDsTableTableGroupCollapseChangeDetail>>;
     dsSelectionChange: EventEmitter<DsTableCustomEvent<IDsTableTableSelectionChangeDetail>>;
     dsLoadMore: EventEmitter<DsTableCustomEvent<IDsTableTableLoadMoreDetail>>;
@@ -21,11 +19,10 @@ export declare class DsTable {
     dsRowActivate: EventEmitter<DsTableCustomEvent<IDsTableTableRowActivateDetail>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsTable, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsTable, "ds-table", never, { "caption": { "alias": "caption"; "required": true; }; "captionVisibility": { "alias": "captionVisibility"; "required": false; }; "collapsedGroupIds": { "alias": "collapsedGroupIds"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "displayedCount": { "alias": "displayedCount"; "required": false; }; "emptyBody": { "alias": "emptyBody"; "required": false; }; "emptyCellLabel": { "alias": "emptyCellLabel"; "required": false; }; "emptyHeading": { "alias": "emptyHeading"; "required": false; }; "endOfResultsLabel": { "alias": "endOfResultsLabel"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorBody": { "alias": "errorBody"; "required": false; }; "errorHeading": { "alias": "errorHeading"; "required": false; }; "fitViewport": { "alias": "fitViewport"; "required": false; }; "grouping": { "alias": "grouping"; "required": false; }; "groups": { "alias": "groups"; "required": false; }; "hasMore": { "alias": "hasMore"; "required": false; }; "height": { "alias": "height"; "required": false; }; "lazyLoading": { "alias": "lazyLoading"; "required": false; }; "loadIdentity": { "alias": "loadIdentity"; "required": false; }; "loadMoreError": { "alias": "loadMoreError"; "required": false; }; "loadMoreLabel": { "alias": "loadMoreLabel"; "required": false; }; "loadMoreMode": { "alias": "loadMoreMode"; "required": false; }; "loadMoreThreshold": { "alias": "loadMoreThreshold"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingMore": { "alias": "loadingMore"; "required": false; }; "loadingMoreLabel": { "alias": "loadingMoreLabel"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "resultSummaryLabel": { "alias": "resultSummaryLabel"; "required": false; }; "retryLabel": { "alias": "retryLabel"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "rowsLoadedLabel": { "alias": "rowsLoadedLabel"; "required": false; }; "scrollLabel": { "alias": "scrollLabel"; "required": false; }; "selectedRowIds": { "alias": "selectedRowIds"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "skeletonRows": { "alias": "skeletonRows"; "required": false; }; "sort": { "alias": "sort"; "required": false; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; }; "totalCount": { "alias": "totalCount"; "required": false; }; "viewportInsetBlockEnd": { "alias": "viewportInsetBlockEnd"; "required": false; }; "viewportInsetBlockStart": { "alias": "viewportInsetBlockStart"; "required": false; }; }, { "dsSortChange": "dsSortChange"; "dsGroupingChange": "dsGroupingChange"; "dsGroupCollapseChange": "dsGroupCollapseChange"; "dsSelectionChange": "dsSelectionChange"; "dsLoadMore": "dsLoadMore"; "dsCellAction": "dsCellAction"; "dsRowActivate": "dsRowActivate"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsTable, "ds-table", never, { "caption": { "alias": "caption"; "required": true; }; "captionVisibility": { "alias": "captionVisibility"; "required": false; }; "collapsedGroupIds": { "alias": "collapsedGroupIds"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "displayedCount": { "alias": "displayedCount"; "required": false; }; "emptyBody": { "alias": "emptyBody"; "required": false; }; "emptyCellLabel": { "alias": "emptyCellLabel"; "required": false; }; "emptyHeading": { "alias": "emptyHeading"; "required": false; }; "endOfResultsLabel": { "alias": "endOfResultsLabel"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorBody": { "alias": "errorBody"; "required": false; }; "errorHeading": { "alias": "errorHeading"; "required": false; }; "fitViewport": { "alias": "fitViewport"; "required": false; }; "grouping": { "alias": "grouping"; "required": false; }; "groups": { "alias": "groups"; "required": false; }; "hasMore": { "alias": "hasMore"; "required": false; }; "height": { "alias": "height"; "required": false; }; "lazyLoading": { "alias": "lazyLoading"; "required": false; }; "loadIdentity": { "alias": "loadIdentity"; "required": false; }; "loadMoreError": { "alias": "loadMoreError"; "required": false; }; "loadMoreLabel": { "alias": "loadMoreLabel"; "required": false; }; "loadMoreMode": { "alias": "loadMoreMode"; "required": false; }; "loadMoreThreshold": { "alias": "loadMoreThreshold"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingMore": { "alias": "loadingMore"; "required": false; }; "loadingMoreLabel": { "alias": "loadingMoreLabel"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "resultSummaryLabel": { "alias": "resultSummaryLabel"; "required": false; }; "retryLabel": { "alias": "retryLabel"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "rowsLoadedLabel": { "alias": "rowsLoadedLabel"; "required": false; }; "scrollLabel": { "alias": "scrollLabel"; "required": false; }; "selectedRowIds": { "alias": "selectedRowIds"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "skeletonRows": { "alias": "skeletonRows"; "required": false; }; "sort": { "alias": "sort"; "required": false; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; }; "totalCount": { "alias": "totalCount"; "required": false; }; "viewportInsetBlockEnd": { "alias": "viewportInsetBlockEnd"; "required": false; }; "viewportInsetBlockStart": { "alias": "viewportInsetBlockStart"; "required": false; }; }, { "dsSortChange": "dsSortChange"; "dsGroupCollapseChange": "dsGroupCollapseChange"; "dsSelectionChange": "dsSelectionChange"; "dsLoadMore": "dsLoadMore"; "dsCellAction": "dsCellAction"; "dsRowActivate": "dsRowActivate"; }, never, ["*"], true, never>;
 }
 export declare interface DsTable extends Components.DsTable {
     dsSortChange: EventEmitter<DsTableCustomEvent<IDsTableTableSortChangeDetail>>;
-    dsGroupingChange: EventEmitter<DsTableCustomEvent<IDsTableTableGroupingChangeDetail>>;
     dsGroupCollapseChange: EventEmitter<DsTableCustomEvent<IDsTableTableGroupCollapseChangeDetail>>;
     dsSelectionChange: EventEmitter<DsTableCustomEvent<IDsTableTableSelectionChangeDetail>>;
     dsLoadMore: EventEmitter<DsTableCustomEvent<IDsTableTableLoadMoreDetail>>;

package/dist/angular/ds-table.js

@@ -14,7 +14,6 @@ let DsTable = class DsTable {
     constructor(c, r, z) {
         this.z = z;
         this.dsSortChange = new EventEmitter();
-        this.dsGroupingChange = new EventEmitter();
         this.dsGroupCollapseChange = new EventEmitter();
         this.dsSelectionChange = new EventEmitter();
         this.dsLoadMore = new EventEmitter();
@@ -24,7 +23,7 @@ let DsTable = class DsTable {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsTable, 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.1.0", type: DsTable, isStandalone: true, selector: "ds-table", inputs: { caption: "caption", captionVisibility: "captionVisibility", collapsedGroupIds: "collapsedGroupIds", columns: "columns", displayedCount: "displayedCount", emptyBody: "emptyBody", emptyCellLabel: "emptyCellLabel", emptyHeading: "emptyHeading", endOfResultsLabel: "endOfResultsLabel", error: "error", errorBody: "errorBody", errorHeading: "errorHeading", fitViewport: "fitViewport", grouping: "grouping", groups: "groups", hasMore: "hasMore", height: "height", lazyLoading: "lazyLoading", loadIdentity: "loadIdentity", loadMoreError: "loadMoreError", loadMoreLabel: "loadMoreLabel", loadMoreMode: "loadMoreMode", loadMoreThreshold: "loadMoreThreshold", loading: "loading", loadingMore: "loadingMore", loadingMoreLabel: "loadingMoreLabel", maxHeight: "maxHeight", resultSummaryLabel: "resultSummaryLabel", retryLabel: "retryLabel", rows: "rows", rowsLoadedLabel: "rowsLoadedLabel", scrollLabel: "scrollLabel", selectedRowIds: "selectedRowIds", selectionMode: "selectionMode", skeletonRows: "skeletonRows", sort: "sort", stickyHeader: "stickyHeader", totalCount: "totalCount", viewportInsetBlockEnd: "viewportInsetBlockEnd", viewportInsetBlockStart: "viewportInsetBlockStart" }, outputs: { dsSortChange: "dsSortChange", dsGroupingChange: "dsGroupingChange", dsGroupCollapseChange: "dsGroupCollapseChange", dsSelectionChange: "dsSelectionChange", dsLoadMore: "dsLoadMore", dsCellAction: "dsCellAction", dsRowActivate: "dsRowActivate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DsTable, isStandalone: true, selector: "ds-table", inputs: { caption: "caption", captionVisibility: "captionVisibility", collapsedGroupIds: "collapsedGroupIds", columns: "columns", displayedCount: "displayedCount", emptyBody: "emptyBody", emptyCellLabel: "emptyCellLabel", emptyHeading: "emptyHeading", endOfResultsLabel: "endOfResultsLabel", error: "error", errorBody: "errorBody", errorHeading: "errorHeading", fitViewport: "fitViewport", grouping: "grouping", groups: "groups", hasMore: "hasMore", height: "height", lazyLoading: "lazyLoading", loadIdentity: "loadIdentity", loadMoreError: "loadMoreError", loadMoreLabel: "loadMoreLabel", loadMoreMode: "loadMoreMode", loadMoreThreshold: "loadMoreThreshold", loading: "loading", loadingMore: "loadingMore", loadingMoreLabel: "loadingMoreLabel", maxHeight: "maxHeight", resultSummaryLabel: "resultSummaryLabel", retryLabel: "retryLabel", rows: "rows", rowsLoadedLabel: "rowsLoadedLabel", scrollLabel: "scrollLabel", selectedRowIds: "selectedRowIds", selectionMode: "selectionMode", skeletonRows: "skeletonRows", sort: "sort", stickyHeader: "stickyHeader", totalCount: "totalCount", viewportInsetBlockEnd: "viewportInsetBlockEnd", viewportInsetBlockStart: "viewportInsetBlockStart" }, outputs: { dsSortChange: "dsSortChange", dsGroupCollapseChange: "dsGroupCollapseChange", dsSelectionChange: "dsSelectionChange", dsLoadMore: "dsLoadMore", dsCellAction: "dsCellAction", dsRowActivate: "dsRowActivate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsTable = __decorate([
     ProxyCmp({
@@ -41,12 +40,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: [{ name: 'caption', required: true }, 'captionVisibility', 'collapsedGroupIds', 'columns', 'displayedCount', 'emptyBody', 'emptyCellLabel', 'emptyHeading', 'endOfResultsLabel', 'error', 'errorBody', 'errorHeading', 'fitViewport', 'grouping', 'groups', 'hasMore', 'height', 'lazyLoading', 'loadIdentity', 'loadMoreError', 'loadMoreLabel', 'loadMoreMode', 'loadMoreThreshold', 'loading', 'loadingMore', 'loadingMoreLabel', 'maxHeight', 'resultSummaryLabel', 'retryLabel', 'rows', 'rowsLoadedLabel', 'scrollLabel', 'selectedRowIds', 'selectionMode', 'skeletonRows', 'sort', 'stickyHeader', 'totalCount', 'viewportInsetBlockEnd', 'viewportInsetBlockStart'],
-                    outputs: ['dsSortChange', 'dsGroupingChange', 'dsGroupCollapseChange', 'dsSelectionChange', 'dsLoadMore', 'dsCellAction', 'dsRowActivate'],
+                    outputs: ['dsSortChange', 'dsGroupCollapseChange', 'dsSelectionChange', 'dsLoadMore', 'dsCellAction', 'dsRowActivate'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsSortChange: [{
                 type: Output
-            }], dsGroupingChange: [{
-                type: Output
             }], dsGroupCollapseChange: [{
                 type: Output
             }], dsSelectionChange: [{

package/dist/angular/index.d.ts

@@ -1,2 +1,2 @@
 import * as d from './proxies';
-export declare const DIRECTIVES: (typeof d.DsAgentActivity | typeof d.DsAgentQuestionnaire | typeof d.DsAgentResponse | typeof d.DsAgentSourceList | typeof d.DsAgentToolCall | typeof d.DsAttachmentList | typeof d.DsAvatar | typeof d.DsBadge | typeof d.DsBanner | typeof d.DsBarNav | typeof d.DsBarTitle | typeof d.DsBarWorkflow | typeof d.DsBreadcrumb | typeof d.DsButtonFilled | typeof d.DsButtonUnfilled | typeof d.DsCardChart | typeof d.DsCardOverview | typeof d.DsCardSetting | typeof d.DsChartLegend | typeof d.DsChart | 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.DsFilterMenu | typeof d.DsIcon | typeof d.DsInput | typeof d.DsLoader | typeof d.DsMarkdown | typeof d.DsMenu | typeof d.DsMessageActions | 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.DsSelect | typeof d.DsShellApp | typeof d.DsShellPage | typeof d.DsShellTools | typeof d.DsSkeleton | typeof d.DsSlider | typeof d.DsSwatchPicker | typeof d.DsSwitch | typeof d.DsTabGroup | typeof d.DsTable | typeof d.DsTag | typeof d.DsText | typeof d.DsToast | typeof d.DsTooltipChart | typeof d.DsTooltip | typeof d.DsTypingIndicator)[];
+export declare const DIRECTIVES: (typeof d.DsAgentActivity | typeof d.DsAgentQuestionnaire | typeof d.DsAgentResponse | typeof d.DsAgentSourceList | typeof d.DsAgentToolCall | typeof d.DsAttachmentList | typeof d.DsAvatar | typeof d.DsBadge | typeof d.DsBanner | typeof d.DsBarAction | typeof d.DsBarNav | typeof d.DsBarTitle | typeof d.DsBarWorkflow | typeof d.DsBreadcrumb | typeof d.DsButtonFilled | typeof d.DsButtonUnfilled | typeof d.DsCardChart | typeof d.DsCardOverview | typeof d.DsCardSetting | typeof d.DsChartLegend | typeof d.DsChart | 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.DsFilterMenu | typeof d.DsIcon | typeof d.DsInput | typeof d.DsLoader | typeof d.DsMarkdown | typeof d.DsMenu | typeof d.DsMessageActions | 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.DsSelect | typeof d.DsShellApp | typeof d.DsShellPage | typeof d.DsShellTools | typeof d.DsSkeleton | typeof d.DsSlider | typeof d.DsSwatchPicker | typeof d.DsSwitch | typeof d.DsTabGroup | typeof d.DsTable | typeof d.DsTag | typeof d.DsText | typeof d.DsToast | typeof d.DsTooltipChart | typeof d.DsTooltip | typeof d.DsTypingIndicator)[];

package/dist/angular/index.js

@@ -9,6 +9,7 @@ export const DIRECTIVES = [
     d.DsAvatar,
     d.DsBadge,
     d.DsBanner,
+    d.DsBarAction,
     d.DsBarNav,
     d.DsBarTitle,
     d.DsBarWorkflow,

package/dist/angular/proxies.d.ts

@@ -11,6 +11,7 @@ export { DsAttachmentList } from './ds-attachment-list';
 export { DsAvatar } from './ds-avatar';
 export { DsBadge } from './ds-badge';
 export { DsBanner } from './ds-banner';
+export { DsBarAction } from './ds-bar-action';
 export { DsBarNav } from './ds-bar-nav';
 export { DsBarTitle } from './ds-bar-title';
 export { DsBarWorkflow } from './ds-bar-workflow';

package/dist/angular/proxies.js

@@ -12,6 +12,7 @@ export { DsAttachmentList } from './ds-attachment-list.js';
 export { DsAvatar } from './ds-avatar.js';
 export { DsBadge } from './ds-badge.js';
 export { DsBanner } from './ds-banner.js';
+export { DsBarAction } from './ds-bar-action.js';
 export { DsBarNav } from './ds-bar-nav.js';
 export { DsBarTitle } from './ds-bar-title.js';
 export { DsBarWorkflow } from './ds-bar-workflow.js';

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

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

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

@@ -1,2 +1,2 @@
-import{A as o,d as s}from"./p-NuRg_IoA.js";const t=o;const p=s;export{t as DsAgentQuestionnaire,p as defineCustomElement};
+import{A as o,d as s}from"./p-nMkoXLC0.js";const t=o;const n=s;export{t as DsAgentQuestionnaire,n as defineCustomElement};
 //# sourceMappingURL=ds-agent-questionnaire.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 i}from"./p-DeBto13S.js";import{d as r}from"./p-NuRg_IoA.js";import{d as n}from"./p-BqFKxWVl.js";import{d}from"./p-NzOcZg8r.js";import{d as m}from"./p-BOjGzd5N.js";import{d as c}from"./p-D8nnhQNJ.js";import{d as l}from"./p-CswBI711.js";import{d as u}from"./p-BxQlH4gl.js";import{d as f}from"./p-BaiGt_o6.js";import{d as p}from"./p-CP2W8qxB.js";import{d as b}from"./p-C8U5BsJf.js";import{d as h}from"./p-Ca-I2UnB.js";import{d as k}from"./p-BMq4DJWh.js";import{d as g}from"./p-C7ywYAzN.js";import{d as y}from"./p-DYoCb_sj.js";import{d as j}from"./p-DZFilC--.js";import{d as w}from"./p-CtSxm6PI.js";const E=()=>`.sc-ds-agent-response-h{display:block;width:100%;--ds-prose-text-max-inline-size:var(--dimension-panel-width-lg);-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 x=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.renderMode="parts";this.streaming=false;this.metadataVisibility="always"}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});case"questionnaire":return t("ds-agent-questionnaire",{key:s.id,requestId:s.requestId,questions:s.questions,answers:s.answers,status:"answered"})}}render(){return t(a,{key:"3910c71178b3df0fc55f917d371795db90e38e28"},t("ds-message",{key:"594b225f54e388a0c0737b71dcbe7fe03421b1ea",messageId:this.messageId,direction:"incoming",author:this.author,showAuthor:this.showAuthor,timestamp:this.timestamp,streaming:this.streaming,metadataVisibility:this.metadataVisibility},t("div",{key:"130816b779724fef022128394913811914f5d9cb",class:"agent-response"},this.renderMode==="composed"?t("slot",null):this.parts.map((s=>this.renderPart(s)))),t("slot",{key:"6d7ea10b338f26c110073bc25d3bed60cdf5e613",name:"footer",slot:"footer"}),t("slot",{key:"a4a00860d4af7cf14992513d7eaa20511c031bc7",name:"metadata-actions",slot:"metadata-actions"}),t("slot",{key:"848abb429ad1075900717a4cb2cb8e217a111b0c",name:"actions",slot:"actions"})))}static get style(){return E()}},[262,"ds-agent-response",{messageId:[1,"message-id"],author:[1],showAuthor:[4,"show-author"],timestamp:[1],parts:[16],renderMode:[1,"render-mode"],streaming:[4],metadataVisibility:[1,"metadata-visibility"]}]);function B(){if(typeof customElements==="undefined"){return}const s=["ds-agent-response","ds-agent-activity","ds-agent-questionnaire","ds-agent-source-list","ds-agent-tool-call","ds-attachment-list","ds-badge","ds-button-filled","ds-button-unfilled","ds-checkbox","ds-code-block","ds-icon","ds-loader","ds-markdown","ds-message","ds-radio","ds-text","ds-tooltip"];s.forEach((s=>{switch(s){case"ds-agent-response":if(!customElements.get(o(s))){customElements.define(o(s),x)}break;case"ds-agent-activity":if(!customElements.get(o(s))){i()}break;case"ds-agent-questionnaire":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))){d()}break;case"ds-attachment-list":if(!customElements.get(o(s))){m()}break;case"ds-badge":if(!customElements.get(o(s))){c()}break;case"ds-button-filled":if(!customElements.get(o(s))){l()}break;case"ds-button-unfilled":if(!customElements.get(o(s))){u()}break;case"ds-checkbox":if(!customElements.get(o(s))){f()}break;case"ds-code-block":if(!customElements.get(o(s))){p()}break;case"ds-icon":if(!customElements.get(o(s))){b()}break;case"ds-loader":if(!customElements.get(o(s))){h()}break;case"ds-markdown":if(!customElements.get(o(s))){k()}break;case"ds-message":if(!customElements.get(o(s))){g()}break;case"ds-radio":if(!customElements.get(o(s))){y()}break;case"ds-text":if(!customElements.get(o(s))){j()}break;case"ds-tooltip":if(!customElements.get(o(s))){w()}break}}))}B();const q=x;const v=B;export{q as DsAgentResponse,v as defineCustomElement};
+import{p as s,H as e,h as t,a,t as o}from"./index.js";import{d as i}from"./p-Bf_D3crn.js";import{d as n}from"./p-nMkoXLC0.js";import{d as r}from"./p-B7Hf86NF.js";import{d}from"./p-DcPVSNDr.js";import{d as m}from"./p-BagXfn1G.js";import{d as c}from"./p-D8nnhQNJ.js";import{d as l}from"./p-DY_sA9Jz.js";import{d as f}from"./p--z-DWRkg.js";import{d as u}from"./p-BaiGt_o6.js";import{d as p}from"./p-DXHq_AfZ.js";import{d as b}from"./p-BFfLvMZd.js";import{d as k}from"./p-Ca-I2UnB.js";import{d as h}from"./p-CIhETsHv.js";import{d as g}from"./p-D-kWb8cF.js";import{d as y}from"./p-DYoCb_sj.js";import{d as E}from"./p-DZFilC--.js";import{d as j}from"./p-CtSxm6PI.js";const w=()=>`.sc-ds-agent-response-h{display:block;width:100%;--ds-prose-text-max-inline-size:var(--dimension-panel-width-lg);-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 v=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.renderMode="parts";this.streaming=false;this.metadataVisibility="always"}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});case"questionnaire":return t("ds-agent-questionnaire",{key:s.id,requestId:s.requestId,questions:s.questions,answers:s.answers,status:"answered"})}}render(){return t(a,{key:"3910c71178b3df0fc55f917d371795db90e38e28"},t("ds-message",{key:"594b225f54e388a0c0737b71dcbe7fe03421b1ea",messageId:this.messageId,direction:"incoming",author:this.author,showAuthor:this.showAuthor,timestamp:this.timestamp,streaming:this.streaming,metadataVisibility:this.metadataVisibility},t("div",{key:"130816b779724fef022128394913811914f5d9cb",class:"agent-response"},this.renderMode==="composed"?t("slot",null):this.parts.map((s=>this.renderPart(s)))),t("slot",{key:"6d7ea10b338f26c110073bc25d3bed60cdf5e613",name:"footer",slot:"footer"}),t("slot",{key:"a4a00860d4af7cf14992513d7eaa20511c031bc7",name:"metadata-actions",slot:"metadata-actions"}),t("slot",{key:"848abb429ad1075900717a4cb2cb8e217a111b0c",name:"actions",slot:"actions"})))}static get style(){return w()}},[262,"ds-agent-response",{messageId:[1,"message-id"],author:[1],showAuthor:[4,"show-author"],timestamp:[1],parts:[16],renderMode:[1,"render-mode"],streaming:[4],metadataVisibility:[1,"metadata-visibility"]}]);function x(){if(typeof customElements==="undefined"){return}const s=["ds-agent-response","ds-agent-activity","ds-agent-questionnaire","ds-agent-source-list","ds-agent-tool-call","ds-attachment-list","ds-badge","ds-button-filled","ds-button-unfilled","ds-checkbox","ds-code-block","ds-icon","ds-loader","ds-markdown","ds-message","ds-radio","ds-text","ds-tooltip"];s.forEach((s=>{switch(s){case"ds-agent-response":if(!customElements.get(o(s))){customElements.define(o(s),v)}break;case"ds-agent-activity":if(!customElements.get(o(s))){i()}break;case"ds-agent-questionnaire":if(!customElements.get(o(s))){n()}break;case"ds-agent-source-list":if(!customElements.get(o(s))){r()}break;case"ds-agent-tool-call":if(!customElements.get(o(s))){d()}break;case"ds-attachment-list":if(!customElements.get(o(s))){m()}break;case"ds-badge":if(!customElements.get(o(s))){c()}break;case"ds-button-filled":if(!customElements.get(o(s))){l()}break;case"ds-button-unfilled":if(!customElements.get(o(s))){f()}break;case"ds-checkbox":if(!customElements.get(o(s))){u()}break;case"ds-code-block":if(!customElements.get(o(s))){p()}break;case"ds-icon":if(!customElements.get(o(s))){b()}break;case"ds-loader":if(!customElements.get(o(s))){k()}break;case"ds-markdown":if(!customElements.get(o(s))){h()}break;case"ds-message":if(!customElements.get(o(s))){g()}break;case"ds-radio":if(!customElements.get(o(s))){y()}break;case"ds-text":if(!customElements.get(o(s))){E()}break;case"ds-tooltip":if(!customElements.get(o(s))){j()}break}}))}x();const D=v;const q=x;export{D as DsAgentResponse,q as defineCustomElement};
 //# sourceMappingURL=ds-agent-response.js.map

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

@@ -1,2 +1,2 @@
-import{A as o,d as s}from"./p-BqFKxWVl.js";const t=o;const p=s;export{t as DsAgentSourceList,p as defineCustomElement};
+import{A as o,d as s}from"./p-B7Hf86NF.js";const t=o;const p=s;export{t as DsAgentSourceList,p 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-NzOcZg8r.js";const r=o;const t=s;export{r as DsAgentToolCall,t as defineCustomElement};
+import{A as o,d as s}from"./p-DcPVSNDr.js";const r=o;const t=s;export{r as DsAgentToolCall,t 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-BOjGzd5N.js";const t=o;const p=s;export{t as DsAttachmentList,p as defineCustomElement};
+import{A as o,d as s}from"./p-BagXfn1G.js";const t=o;const a=s;export{t as DsAttachmentList,a as defineCustomElement};
 //# sourceMappingURL=ds-attachment-list.js.map

package/dist/components/ds-avatar.js

@@ -1,2 +1,2 @@
-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-C8U5BsJf.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};
+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-BFfLvMZd.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