@ds-mo/ui 13.4.0 → 13.6.0

package/dist/docs/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-07-31T05:26:45",
+  "timestamp": "2026-08-01T22:50:43",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.43.5",
@@ -1580,6 +1580,380 @@
         ]
       }
     },
+    {
+      "filePath": "src/wc/components/Banner/Banner.tsx",
+      "encapsulation": "scoped",
+      "tag": "ds-banner",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "announcement",
+          "type": "\"assertive\" | \"none\" | \"polite\"",
+          "complexType": {
+            "original": "BannerAnnouncement",
+            "resolved": "\"assertive\" | \"none\" | \"polite\"",
+            "references": {
+              "BannerAnnouncement": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/Banner/Banner.tsx",
+                "id": "src/wc/components/Banner/Banner.tsx::BannerAnnouncement"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "announcement",
+          "reflectToAttr": false,
+          "docs": "Live-region urgency, independent of visual intent.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'none'"
+            }
+          ],
+          "default": "'none'",
+          "values": [
+            {
+              "value": "assertive",
+              "type": "string"
+            },
+            {
+              "value": "none",
+              "type": "string"
+            },
+            {
+              "value": "polite",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "contrast",
+          "type": "\"bold\" | \"faint\" | \"medium\" | \"strong\"",
+          "complexType": {
+            "original": "BannerContrast",
+            "resolved": "\"bold\" | \"faint\" | \"medium\" | \"strong\"",
+            "references": {
+              "BannerContrast": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/Banner/Banner.tsx",
+                "id": "src/wc/components/Banner/Banner.tsx::BannerContrast"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "contrast",
+          "reflectToAttr": true,
+          "docs": "Surface fill weight.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'faint'"
+            }
+          ],
+          "default": "'faint'",
+          "values": [
+            {
+              "value": "bold",
+              "type": "string"
+            },
+            {
+              "value": "faint",
+              "type": "string"
+            },
+            {
+              "value": "medium",
+              "type": "string"
+            },
+            {
+              "value": "strong",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "description",
+          "reflectToAttr": false,
+          "docs": "Required explanatory copy.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dismissLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "dismiss-label",
+          "reflectToAttr": false,
+          "docs": "Localized accessible label for the close control.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Dismiss banner'"
+            }
+          ],
+          "default": "'Dismiss banner'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "heading",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "heading",
+          "reflectToAttr": false,
+          "docs": "Optional visual heading rendered before the description.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "intent",
+          "type": "\"brand\" | \"caution\" | \"negative\" | \"neutral\" | \"positive\" | \"warning\"",
+          "complexType": {
+            "original": "BannerIntent",
+            "resolved": "\"brand\" | \"caution\" | \"negative\" | \"neutral\" | \"positive\" | \"warning\"",
+            "references": {
+              "BannerIntent": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/Banner/Banner.tsx",
+                "id": "src/wc/components/Banner/Banner.tsx::BannerIntent"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "intent",
+          "reflectToAttr": true,
+          "docs": "Semantic color family.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'neutral'"
+            }
+          ],
+          "default": "'neutral'",
+          "values": [
+            {
+              "value": "brand",
+              "type": "string"
+            },
+            {
+              "value": "caution",
+              "type": "string"
+            },
+            {
+              "value": "negative",
+              "type": "string"
+            },
+            {
+              "value": "neutral",
+              "type": "string"
+            },
+            {
+              "value": "positive",
+              "type": "string"
+            },
+            {
+              "value": "warning",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "open",
+          "reflectToAttr": true,
+          "docs": "Controlled visibility. Keep the element mounted until dsAfterClose when unmounting.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "true"
+            }
+          ],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "orientation",
+          "type": "\"horizontal\" | \"vertical\"",
+          "complexType": {
+            "original": "BannerOrientation",
+            "resolved": "\"horizontal\" | \"vertical\"",
+            "references": {
+              "BannerOrientation": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/Banner/Banner.tsx",
+                "id": "src/wc/components/Banner/Banner.tsx::BannerOrientation"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "orientation",
+          "reflectToAttr": true,
+          "docs": "Copy and action-lane arrangement, selected by the application.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'horizontal'"
+            }
+          ],
+          "default": "'horizontal'",
+          "values": [
+            {
+              "value": "horizontal",
+              "type": "string"
+            },
+            {
+              "value": "vertical",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "dsAfterClose",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted once after controlled exit motion and layout collapse complete.",
+          "docsTags": []
+        },
+        {
+          "event": "dsClose",
+          "detail": "MouseEvent",
+          "bubbles": true,
+          "complexType": {
+            "original": "MouseEvent",
+            "resolved": "MouseEvent",
+            "references": {
+              "MouseEvent": {
+                "location": "global",
+                "id": "global::MouseEvent"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when the close control requests dismissal. The application controls open.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [
+        "ds-text",
+        "ds-tooltip",
+        "ds-button-unfilled"
+      ],
+      "dependencyGraph": {
+        "ds-banner": [
+          "ds-text",
+          "ds-tooltip",
+          "ds-button-unfilled"
+        ],
+        "ds-tooltip": [
+          "ds-text"
+        ],
+        "ds-button-unfilled": [
+          "ds-loader",
+          "ds-icon",
+          "ds-badge",
+          "ds-text"
+        ],
+        "ds-badge": [
+          "ds-text"
+        ]
+      }
+    },
     {
       "filePath": "src/wc/components/BarNav/BarNav.tsx",
       "encapsulation": "scoped",
@@ -4619,6 +4993,7 @@
       "parts": [],
       "states": [],
       "dependents": [
+        "ds-banner",
         "ds-bar-nav",
         "ds-bar-title",
         "ds-bar-workflow",
@@ -4656,6 +5031,9 @@
         "ds-badge": [
           "ds-text"
         ],
+        "ds-banner": [
+          "ds-button-unfilled"
+        ],
         "ds-bar-nav": [
           "ds-button-unfilled"
         ],
@@ -4962,7 +5340,7 @@
           "mutable": false,
           "attr": "comparison-label",
           "reflectToAttr": false,
-          "docs": "Comparison caption, for example `vs Previous period`.",
+          "docs": "Copy between the current period and comparison control, usually `vs.`.",
           "docsTags": [
             {
               "name": "default",
@@ -5061,7 +5439,7 @@
           "mutable": false,
           "attr": "metric-min-width",
           "reflectToAttr": false,
-          "docs": "Width a metric cell may shrink to before the grid drops a column. The grid\nreflows and then stacks from this alone, so no measurement is required.",
+          "docs": "Width a metric cell may shrink to before the grid drops a column. The grid\nuses this threshold while choosing an evenly distributed column count.",
           "docsTags": [
             {
               "name": "default",
@@ -5096,7 +5474,7 @@
           },
           "mutable": false,
           "reflectToAttr": false,
-          "docs": "Measures rendered in the responsive grid. Only the first six are shown.",
+          "docs": "Measures rendered in the responsive grid. Only the first seven are shown.",
           "docsTags": [
             {
               "name": "default",
@@ -5154,7 +5532,7 @@
           "mutable": false,
           "attr": "period-label",
           "reflectToAttr": false,
-          "docs": "Current reporting period, for example `Jun 29, 2026 – Jul 26, 2026`.",
+          "docs": "Fixed current date or range. Replaced by content in the `period` slot.",
           "docsTags": [
             {
               "name": "default",
@@ -5189,7 +5567,7 @@
           },
           "mutable": false,
           "reflectToAttr": false,
-          "docs": "Leading summary block. Omit to render the bar without a headline figure.",
+          "docs": "Optional nonselectable safety score rendered as the first grid cell.",
           "docsTags": [],
           "values": [
             {
@@ -5241,7 +5619,7 @@
           "mutable": false,
           "attr": "scroll-collapse-progress",
           "reflectToAttr": false,
-          "docs": "Page-controlled visual collapse from the full card (`0`) toward its 48px\ncompact handoff height (`1`). The component preserves its expanded flow\nheight, keeps elevation on the shrinking surface, and clips translated\ncontent internally. The page still owns sticky positioning and the final\nswap to `variant=\"compact\"`.",
+          "docs": "Page-controlled visual collapse from the full card (`0`) toward its 48px\ncompact handoff height (`1`). The component preserves its expanded flow\nheight, keeps the period bar stationary, and moves/clips the grid beneath\nit. The page still owns sticky positioning and the final compact handoff.",
           "docsTags": [
             {
               "name": "default",
@@ -5347,14 +5725,12 @@
       "dependencies": [
         "ds-skeleton",
         "ds-text",
-        "ds-icon",
         "ds-tooltip"
       ],
       "dependencyGraph": {
         "ds-card-overview": [
           "ds-skeleton",
           "ds-text",
-          "ds-icon",
           "ds-tooltip"
         ],
         "ds-tooltip": [
@@ -8849,7 +9225,6 @@
         "ds-bar-title",
         "ds-button-filled",
         "ds-button-unfilled",
-        "ds-card-overview",
         "ds-chip",
         "ds-empty-state",
         "ds-input",
@@ -8887,9 +9262,6 @@
         "ds-button-unfilled": [
           "ds-icon"
         ],
-        "ds-card-overview": [
-          "ds-icon"
-        ],
         "ds-chip": [
           "ds-icon"
         ],
@@ -9248,7 +9620,7 @@
           "mutable": false,
           "attr": "has-border",
           "reflectToAttr": false,
-          "docs": "Show the standard inset border.",
+          "docs": "Show the standard inset border, including focused and invalid strokes.",
           "docsTags": [
             {
               "name": "default",
@@ -13617,6 +13989,35 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "description",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "description",
+          "reflectToAttr": false,
+          "docs": "Optional supporting copy shown below the heading.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "heading",
           "type": "string",
@@ -17138,7 +17539,7 @@
           "mutable": false,
           "attr": "has-border",
           "reflectToAttr": false,
-          "docs": "Show the surface-aware inset border.",
+          "docs": "Show the surface-aware inset border, including focused and invalid strokes.",
           "docsTags": [
             {
               "name": "default",
@@ -22817,6 +23218,7 @@
         "ds-agent-tool-call",
         "ds-attachment-list",
         "ds-badge",
+        "ds-banner",
         "ds-bar-nav",
         "ds-bar-title",
         "ds-bar-workflow",
@@ -22872,6 +23274,9 @@
         "ds-badge": [
           "ds-text"
         ],
+        "ds-banner": [
+          "ds-text"
+        ],
         "ds-bar-nav": [
           "ds-text"
         ],
@@ -23641,6 +24046,7 @@
       "parts": [],
       "states": [],
       "dependents": [
+        "ds-banner",
         "ds-bar-title",
         "ds-bar-workflow",
         "ds-card-overview",
@@ -23665,6 +24071,9 @@
         "ds-tooltip": [
           "ds-text"
         ],
+        "ds-banner": [
+          "ds-tooltip"
+        ],
         "ds-bar-title": [
           "ds-tooltip"
         ],
@@ -23979,6 +24388,26 @@
       "docstring": "",
       "path": "src/wc/components/Badge/Badge.tsx"
     },
+    "src/wc/components/Banner/Banner.tsx::BannerIntent": {
+      "declaration": "export type BannerIntent =\n  | 'neutral'\n  | 'brand'\n  | 'positive'\n  | 'warning'\n  | 'caution'\n  | 'negative';",
+      "docstring": "",
+      "path": "src/wc/components/Banner/Banner.tsx"
+    },
+    "src/wc/components/Banner/Banner.tsx::BannerContrast": {
+      "declaration": "export type BannerContrast = 'faint' | 'medium' | 'strong' | 'bold';",
+      "docstring": "",
+      "path": "src/wc/components/Banner/Banner.tsx"
+    },
+    "src/wc/components/Banner/Banner.tsx::BannerOrientation": {
+      "declaration": "export type BannerOrientation = 'horizontal' | 'vertical';",
+      "docstring": "",
+      "path": "src/wc/components/Banner/Banner.tsx"
+    },
+    "src/wc/components/Banner/Banner.tsx::BannerAnnouncement": {
+      "declaration": "export type BannerAnnouncement = 'none' | 'polite' | 'assertive';",
+      "docstring": "",
+      "path": "src/wc/components/Banner/Banner.tsx"
+    },
     "src/wc/components/ButtonFilled/ButtonFilled.tsx::ButtonFilledVariant": {
       "declaration": "export type ButtonVariant = 'icon' | 'label' | 'icon-label';",
       "docstring": "",
@@ -24475,7 +24904,7 @@
       "path": "src/wc/components/CardOverview/card-overview-types.ts"
     },
     "src/wc/components/CardOverview/card-overview-types.ts::OverviewScore": {
-      "declaration": "export interface OverviewScore {\n  /** Category above the figure, for example `Safety score`. */\n  label: string;\n  /** Display-ready headline figure. */\n  value: string | number;\n  /** Change against the comparison period. Omit when there is nothing to report. */\n  trend?: MetricTrend;\n  /** Qualitative band beneath the figure, for example `Good (67–83)`. */\n  band?: string;\n}",
+      "declaration": "export interface OverviewScore {\n  /** Category before the trend and figure, for example `Safety score`. */\n  label: string;\n  /** Display-ready headline figure. */\n  value: string | number;\n  /** Change against the comparison period. Omit when there is nothing to report. */\n  trend?: MetricTrend;\n  /**\n   * Safety score color level. Numeric values from 0–100 infer fair (0–50),\n   * good (51–80), or excellent (81–100) when this is omitted.\n   */\n  level?: SafetyScoreLevel;\n  /** @deprecated Ignored. The redesigned score cell no longer renders a band. */\n  band?: string;\n}",
       "docstring": "Leading summary block — the headline figure the rest of the bar contextualises.\n\nDerive `trend` with `resolveMetricTrend` so whether a rise reads well stays a\nproduct decision rather than a design-system one.",
       "path": "src/wc/components/CardOverview/card-overview-types.ts"
     },

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

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

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

@@ -203,7 +203,7 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: parts.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^5.1.0",
+          "@ds-mo/tokens ^5.1.1",
           "@ds-mo/icons ^6.4.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."

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

@@ -122,7 +122,7 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: items.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^5.1.0",
+          "@ds-mo/tokens ^5.1.1",
           "@ds-mo/icons ^6.4.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."

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

@@ -181,7 +181,7 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: input, output.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^5.1.0",
+          "@ds-mo/tokens ^5.1.1",
           "@ds-mo/icons ^6.4.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."

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

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

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

@@ -143,7 +143,7 @@
       },
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^5.1.0",
+          "@ds-mo/tokens ^5.1.1",
           "@ds-mo/icons ^6.4.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."

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

@@ -260,7 +260,7 @@
       },
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^5.1.0",
+          "@ds-mo/tokens ^5.1.1",
           "@ds-mo/icons ^6.4.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."