@ds-mo/ui 13.18.0 → 14.0.0

package/dist/docs/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-08-14T00:27:50",
+  "timestamp": "2026-08-14T23:15:24",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.43.5",
@@ -2457,6 +2457,168 @@
         ]
       }
     },
+    {
+      "filePath": "src/wc/components/BarAction/BarAction.tsx",
+      "encapsulation": "scoped",
+      "tag": "ds-bar-action",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "clearLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "clear-label",
+          "reflectToAttr": false,
+          "docs": "Visible Clear control label.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Clear'"
+            }
+          ],
+          "default": "'Clear'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "count",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "count",
+          "reflectToAttr": false,
+          "docs": "Number of selected items. The bar is hidden while this is below one.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "0"
+            }
+          ],
+          "default": "0",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "Accessible name for the selected-set action group.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Selected item actions'"
+            }
+          ],
+          "default": "'Selected item actions'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "selectedLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "selected-label",
+          "reflectToAttr": false,
+          "docs": "Localized noun shown after the count.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'selected'"
+            }
+          ],
+          "default": "'selected'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "dsClear",
+          "detail": "MouseEvent",
+          "bubbles": true,
+          "complexType": {
+            "original": "MouseEvent",
+            "resolved": "MouseEvent",
+            "references": {
+              "MouseEvent": {
+                "location": "global",
+                "id": "global::MouseEvent"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when Clear is activated. The application owns the selected identities.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [
+        "ds-text"
+      ],
+      "dependencyGraph": {
+        "ds-bar-action": [
+          "ds-text"
+        ]
+      }
+    },
     {
       "filePath": "src/wc/components/BarNav/BarNav.tsx",
       "encapsulation": "scoped",
@@ -5029,7 +5191,7 @@
           "mutable": false,
           "attr": "expanded",
           "reflectToAttr": false,
-          "docs": "Controlled disclosure or popup state forwarded to `aria-expanded`.\nPopup triggers hold a pressed visual while open; ordinary disclosures\nretain the normal resting appearance.",
+          "docs": "Controlled disclosure or popup state forwarded to `aria-expanded`.\nPopup triggers hold only the pressed wash while open; their resting\nforeground is unchanged. Ordinary disclosures remain visually neutral.",
           "docsTags": [],
           "values": [
             {
@@ -24381,7 +24543,7 @@
           },
           "mutable": false,
           "reflectToAttr": false,
-          "docs": "Controlled grouping column and group-order direction.",
+          "docs": "Controlled grouping column. Applications supply groups in their final fixed order.",
           "docsTags": [
             {
               "name": "default",
@@ -25245,27 +25407,6 @@
           "docs": "",
           "docsTags": []
         },
-        {
-          "event": "dsGroupingChange",
-          "detail": "TableGroupingChangeDetail",
-          "bubbles": true,
-          "complexType": {
-            "original": "TableGroupingChangeDetail",
-            "resolved": "TableGroupingChangeDetail",
-            "references": {
-              "TableGroupingChangeDetail": {
-                "location": "import",
-                "path": "./table-types",
-                "id": "src/wc/components/Table/table-types.ts::TableGroupingChangeDetail",
-                "referenceLocation": "TableGroupingChangeDetail"
-              }
-            }
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "",
-          "docsTags": []
-        },
         {
           "event": "dsLoadMore",
           "detail": "TableLoadMoreDetail",
@@ -26547,6 +26688,7 @@
         "ds-attachment-list",
         "ds-badge",
         "ds-banner",
+        "ds-bar-action",
         "ds-bar-nav",
         "ds-bar-title",
         "ds-bar-workflow",
@@ -26611,6 +26753,9 @@
         "ds-banner": [
           "ds-text"
         ],
+        "ds-bar-action": [
+          "ds-text"
+        ],
         "ds-bar-nav": [
           "ds-text"
         ],
@@ -28603,7 +28748,7 @@
     },
     "src/wc/components/Table/table-types.ts::TableGroupingState": {
       "declaration": "export interface TableGroupingState {\n  columnId: string;\n  direction: TableSortDirection;\n}",
-      "docstring": "One controlled grouping level plus the supplied group-order direction.",
+      "docstring": "One controlled grouping level. Applications supply groups in their final fixed order.",
       "path": "src/wc/components/Table/table-types.ts"
     },
     "src/wc/components/Table/table-types.ts::TableSortState": {
@@ -28631,11 +28776,6 @@
       "docstring": "",
       "path": "src/wc/components/Table/table-types.ts"
     },
-    "src/wc/components/Table/table-types.ts::TableGroupingChangeDetail": {
-      "declaration": "export interface TableGroupingChangeDetail {\n  grouping: TableGroupingState;\n}",
-      "docstring": "",
-      "path": "src/wc/components/Table/table-types.ts"
-    },
     "src/wc/components/Table/table-types.ts::TableGroupCollapseChangeDetail": {
       "declaration": "export interface TableGroupCollapseChangeDetail {\n  scope: 'group' | 'all';\n  /** Present when a single group was toggled. */\n  groupId?: string;\n  collapsed: boolean;\n  collapsedGroupIds: string[];\n}",
       "docstring": "",

package/dist/mcp-data/registry/agent-activity.json

@@ -126,8 +126,8 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: items.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.2.1",
-          "@ds-mo/icons ^6.6.0"
+          "@ds-mo/tokens ^6.2.2",
+          "@ds-mo/icons ^7.0.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
       }

package/dist/mcp-data/registry/agent-questionnaire.json

@@ -231,8 +231,8 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: answers, labels, questions.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.2.1",
-          "@ds-mo/icons ^6.6.0"
+          "@ds-mo/tokens ^6.2.2",
+          "@ds-mo/icons ^7.0.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
       }

package/dist/mcp-data/registry/agent-response.json

@@ -223,8 +223,8 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: parts.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.2.1",
-          "@ds-mo/icons ^6.6.0"
+          "@ds-mo/tokens ^6.2.2",
+          "@ds-mo/icons ^7.0.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
       }

package/dist/mcp-data/registry/agent-source-list.json

@@ -142,8 +142,8 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: items.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.2.1",
-          "@ds-mo/icons ^6.6.0"
+          "@ds-mo/tokens ^6.2.2",
+          "@ds-mo/icons ^7.0.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
       }

package/dist/mcp-data/registry/agent-tool-call.json

@@ -222,8 +222,8 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: input, output.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.2.1",
-          "@ds-mo/icons ^6.6.0"
+          "@ds-mo/tokens ^6.2.2",
+          "@ds-mo/icons ^7.0.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
       }

package/dist/mcp-data/registry/attachment-list.json

@@ -106,8 +106,8 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: items.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.2.1",
-          "@ds-mo/icons ^6.6.0"
+          "@ds-mo/tokens ^6.2.2",
+          "@ds-mo/icons ^7.0.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
       }

package/dist/mcp-data/registry/avatar.json

@@ -143,8 +143,8 @@
       },
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.2.1",
-          "@ds-mo/icons ^6.6.0"
+          "@ds-mo/tokens ^6.2.2",
+          "@ds-mo/icons ^7.0.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
       }

package/dist/mcp-data/registry/badge.json

@@ -260,8 +260,8 @@
       },
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.2.1",
-          "@ds-mo/icons ^6.6.0"
+          "@ds-mo/tokens ^6.2.2",
+          "@ds-mo/icons ^7.0.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
       }

package/dist/mcp-data/registry/banner.json

@@ -302,8 +302,8 @@
       },
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.2.1",
-          "@ds-mo/icons ^6.6.0"
+          "@ds-mo/tokens ^6.2.2",
+          "@ds-mo/icons ^7.0.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
       }

package/dist/mcp-data/registry/bar-action.json

@@ -0,0 +1,237 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "bar-action",
+  "title": "BarAction",
+  "description": "Compact bold-brand selection-action chrome that reports a selected count, offers Clear, and hosts application commands on a medium-elevation surface.",
+  "type": "registry:ui",
+  "meta": {
+    "library": "@ds-mo/ui",
+    "distribution": "npm",
+    "storybook": "https://zainadeel.github.io/compomo/?path=/story/bar-action",
+    "source": "src/wc/components/BarAction/BarAction.tsx",
+    "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",
+          "resolvedType": "string",
+          "attribute": "clear-label",
+          "default": "'Clear'",
+          "required": false,
+          "mutable": false,
+          "description": "Visible Clear control label."
+        },
+        "count": {
+          "type": "number",
+          "resolvedType": "number",
+          "attribute": "count",
+          "default": "0",
+          "required": false,
+          "mutable": false,
+          "description": "Number of selected items. The bar is hidden while this is below one."
+        },
+        "label": {
+          "type": "string",
+          "resolvedType": "string",
+          "attribute": "label",
+          "default": "'Selected item actions'",
+          "required": false,
+          "mutable": false,
+          "description": "Accessible name for the selected-set action group."
+        },
+        "selectedLabel": {
+          "type": "string",
+          "resolvedType": "string",
+          "attribute": "selected-label",
+          "default": "'selected'",
+          "required": false,
+          "mutable": false,
+          "description": "Localized noun shown after the count."
+        }
+      },
+      "events": [
+        {
+          "name": "dsClear",
+          "detail": "MouseEvent",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "description": "Emitted when Clear is activated. The application owns the selected identities."
+        }
+      ],
+      "methods": [],
+      "slots": []
+    },
+    "props": {
+      "clearLabel": {
+        "type": "string",
+        "resolvedType": "string",
+        "attribute": "clear-label",
+        "default": "'Clear'",
+        "required": false,
+        "mutable": false,
+        "description": "Visible Clear control label."
+      },
+      "count": {
+        "type": "number",
+        "resolvedType": "number",
+        "attribute": "count",
+        "default": "0",
+        "required": false,
+        "mutable": false,
+        "description": "Number of selected items. The bar is hidden while this is below one."
+      },
+      "label": {
+        "type": "string",
+        "resolvedType": "string",
+        "attribute": "label",
+        "default": "'Selected item actions'",
+        "required": false,
+        "mutable": false,
+        "description": "Accessible name for the selected-set action group."
+      },
+      "selectedLabel": {
+        "type": "string",
+        "resolvedType": "string",
+        "attribute": "selected-label",
+        "default": "'selected'",
+        "required": false,
+        "mutable": false,
+        "description": "Localized noun shown after the count."
+      }
+    },
+    "events": [
+      {
+        "name": "dsClear",
+        "detail": "MouseEvent",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "description": "Emitted when Clear is activated. The application owns the selected identities."
+      }
+    ],
+    "methods": [],
+    "slots": [],
+    "exports": {
+      "customElement": "ds-bar-action",
+      "react": "DsBarAction",
+      "angular": "DsBarAction"
+    },
+    "consumption": {
+      "install": "npm install @ds-mo/ui @ds-mo/tokens @ds-mo/icons",
+      "cssSetup": "import '@ds-mo/tokens';\nimport '@ds-mo/tokens/reset';\nimport '@ds-mo/tokens/globals';",
+      "customElements": {
+        "import": "import '@ds-mo/ui/dist/components/ds-bar-action.js';",
+        "example": "<ds-bar-action></ds-bar-action>"
+      },
+      "react": {
+        "import": "import { DsBarAction } from '@ds-mo/ui/react';",
+        "example": "<DsBarAction />"
+      },
+      "angular": {
+        "import": "import { DsBarAction } from '@ds-mo/ui/angular/ds-bar-action';",
+        "example": "<ds-bar-action></ds-bar-action>"
+      },
+      "peerDependencies": {
+        "required": [
+          "@ds-mo/tokens ^6.2.2",
+          "@ds-mo/icons ^7.0.0"
+        ],
+        "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
+      }
+    }
+  },
+  "dependencies": [
+    "@ds-mo/ui",
+    "@ds-mo/tokens"
+  ],
+  "registryDependencies": [
+    "text"
+  ],
+  "files": [
+    {
+      "path": "src/wc/components/BarAction/BarAction.css",
+      "content": "@import '../../styles/control-elevation.css';\n@import '../../utils/chrome-layout.css';\n@import '../../utils/focus-ring.css';\n@import '../../utils/forced-colors.css';\n@import '../../utils/text-decoration.css';\n@import '../../utils/visually-hidden.css';\n\n:host {\n  display: block;\n  min-width: 0;\n  box-sizing: border-box;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n.bar-action {\n  width: 100%;\n  min-width: 0;\n  box-sizing: border-box;\n  height: var(--dimension-size-600);\n  border-radius: var(--dimension-radius-125);\n  background: var(--color-background-bold-brand);\n  color: var(--color-foreground-on-bold-background-secondary);\n  --ds-focus-ring-color: var(--color-interaction-on-bold-background-focus);\n}\n\n.bar-action[hidden],\n.bar-action__actions--empty {\n  display: none;\n}\n\n.bar-action__copy,\n.bar-action__actions {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: var(--dimension-space-050);\n}\n\n.bar-action__copy {\n  flex: 1 1 auto;\n  padding-inline: var(--dimension-space-100);\n}\n\n.bar-action__count {\n  flex: 0 1 auto;\n  min-width: 0;\n}\n\n.bar-action__separator,\n.bar-action__clear,\n.bar-action__actions {\n  flex: 0 0 auto;\n}\n\n.bar-action__actions {\n  margin-inline-start: auto;\n}\n\n.bar-action__actions slot {\n  display: contents;\n}\n\n.bar-action__clear {\n  appearance: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-block-size: var(--dimension-size-400);\n  margin: 0;\n  padding: var(--dimension-space-025);\n  border: 0;\n  border-radius: var(--dimension-radius-050);\n  background: transparent;\n  cursor: pointer;\n}\n\n@media (forced-colors: active) {\n  .bar-action {\n    --ds-control-elevation-shadow: none;\n    --ds-control-elevation-highlight: none;\n    outline: var(--dimension-stroke-width-012) solid var(--ds-forced-color-control-boundary);\n    outline-offset: calc(-1 * var(--dimension-stroke-width-012));\n  }\n}\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/wc/components/BarAction/BarAction.tsx",
+      "content": "import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  State,\n} from '@stencil/core';\n\n@Component({\n  tag: 'ds-bar-action',\n  styleUrl: 'BarAction.css',\n  scoped: true,\n})\nexport class BarAction {\n  @Element() el!: HTMLElement;\n\n  /** Number of selected items. The bar is hidden while this is below one. */\n  @Prop() count: number = 0;\n\n  /** Localized noun shown after the count. */\n  @Prop() selectedLabel: string = 'selected';\n\n  /** Visible Clear control label. */\n  @Prop() clearLabel: string = 'Clear';\n\n  /** Accessible name for the selected-set action group. */\n  @Prop() label: string = 'Selected item actions';\n\n  /** Emitted when Clear is activated. The application owns the selected identities. */\n  @Event() dsClear!: EventEmitter<MouseEvent>;\n\n  @State() private hasActions = false;\n\n  private actionsObserver?: MutationObserver;\n\n  componentWillLoad() {\n    this.updateActionsPresence();\n  }\n\n  componentDidLoad() {\n    this.updateActionsPresence();\n    if (typeof MutationObserver === 'undefined') return;\n    this.actionsObserver = new MutationObserver(this.updateActionsPresence);\n    this.actionsObserver.observe(this.el, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: ['slot'],\n    });\n  }\n\n  disconnectedCallback() {\n    this.actionsObserver?.disconnect();\n  }\n\n  private get resolvedCount(): number {\n    if (!Number.isFinite(this.count)) return 0;\n    return Math.max(0, Math.trunc(this.count));\n  }\n\n  private get isVisible(): boolean {\n    return this.resolvedCount >= 1;\n  }\n\n  private updateActionsPresence = () => {\n    this.hasActions = Boolean(this.el.querySelector('[slot=\"actions\"]'));\n  };\n\n  private handleClear = (event: MouseEvent) => {\n    this.dsClear.emit(event);\n  };\n\n  render() {\n    const countLabel = `${this.resolvedCount} ${this.selectedLabel}`;\n    return (\n      <Host>\n        <div\n          class=\"bar-action ds-chrome-row ds-chrome-space--md ds-control-elevation ds-control-elevation--md\"\n          hidden={!this.isVisible || undefined}\n          role=\"group\"\n          aria-label={this.label}\n        >\n          <div class=\"bar-action__copy\">\n            <ds-text\n              class=\"bar-action__count\"\n              as=\"span\"\n              variant=\"text-body-medium\"\n              color=\"inherit\"\n              fontFeature=\"tabular-nums\"\n              lineTruncation={1}\n            >\n              {countLabel}\n            </ds-text>\n            <ds-text\n              class=\"bar-action__separator\"\n              as=\"span\"\n              variant=\"text-body-medium\"\n              color=\"inherit\"\n              aria-hidden=\"true\"\n            >\n              ·\n            </ds-text>\n            <button\n              class=\"bar-action__clear ds-text-action ds-text-action--on-bold ds-focus-ring\"\n              type=\"button\"\n              onClick={this.handleClear}\n            >\n              <ds-text as=\"span\" variant=\"text-body-medium\" color=\"inherit\">\n                {this.clearLabel}\n              </ds-text>\n            </button>\n          </div>\n          <div\n            class={{\n              'bar-action__actions': true,\n              'bar-action__actions--empty': !this.hasActions,\n            }}\n          >\n            <slot name=\"actions\" />\n          </div>\n        </div>\n        <span\n          class=\"bar-action__status ds-visually-hidden\"\n          role=\"status\"\n          aria-live=\"polite\"\n          aria-atomic=\"true\"\n        >\n          {this.isVisible ? countLabel : ''}\n        </span>\n      </Host>\n    );\n  }\n}\n",
+      "type": "registry:ui"
+    }
+  ]
+}

package/dist/mcp-data/registry/bar-nav.json

@@ -276,8 +276,8 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: tabs.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.2.1",
-          "@ds-mo/icons ^6.6.0"
+          "@ds-mo/tokens ^6.2.2",
+          "@ds-mo/icons ^7.0.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
       }

package/dist/mcp-data/registry/bar-title.json

@@ -485,8 +485,8 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: actions, breadcrumbs, primaryAction, sections.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.2.1",
-          "@ds-mo/icons ^6.6.0"
+          "@ds-mo/tokens ^6.2.2",
+          "@ds-mo/icons ^7.0.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
       }

package/dist/mcp-data/registry/bar-workflow.json

@@ -351,8 +351,8 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: steps, submitAction.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.2.1",
-          "@ds-mo/icons ^6.6.0"
+          "@ds-mo/tokens ^6.2.2",
+          "@ds-mo/icons ^7.0.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
       }

package/dist/mcp-data/registry/breadcrumb.json

@@ -171,8 +171,8 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: items.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.2.1",
-          "@ds-mo/icons ^6.6.0"
+          "@ds-mo/tokens ^6.2.2",
+          "@ds-mo/icons ^7.0.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
       }