@ds-mo/ui 12.2.0 → 12.3.0

package/dist/docs/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-07-23T05:06:11",
+  "timestamp": "2026-07-23T21:28:32",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.43.5",
@@ -1948,7 +1948,7 @@
           "mutable": false,
           "attr": "back-label",
           "reflectToAttr": false,
-          "docs": "Visible parent-page label used by the expanded Back breadcrumb.",
+          "docs": "Visible parent-page label used by the expanded breadcrumb when breadcrumbs is empty.",
           "docsTags": [
             {
               "name": "default",
@@ -1966,6 +1966,70 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "breadcrumbAriaLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "breadcrumb-aria-label",
+          "reflectToAttr": false,
+          "docs": "Accessible name for the expanded breadcrumb navigation landmark.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Breadcrumb'"
+            }
+          ],
+          "default": "'Breadcrumb'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "breadcrumbs",
+          "type": "BreadcrumbItem[]",
+          "complexType": {
+            "original": "BreadcrumbItem[]",
+            "resolved": "BreadcrumbItem[]",
+            "references": {
+              "BreadcrumbItem": {
+                "location": "import",
+                "path": "../Breadcrumb/breadcrumb-types",
+                "id": "src/wc/components/Breadcrumb/breadcrumb-types.ts::BreadcrumbItem",
+                "referenceLocation": "BreadcrumbItem"
+              }
+            }
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "Optional expanded ancestor path. Compact variants continue to use the Back action.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "[]"
+            }
+          ],
+          "default": "[]",
+          "values": [
+            {
+              "type": "BreadcrumbItem[]"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "description",
           "type": "string",
@@ -2259,6 +2323,27 @@
           "docs": "Emitted when the leading Back action is activated.",
           "docsTags": []
         },
+        {
+          "event": "dsBreadcrumbSelect",
+          "detail": "BreadcrumbSelectDetail",
+          "bubbles": true,
+          "complexType": {
+            "original": "BreadcrumbSelectDetail",
+            "resolved": "BreadcrumbSelectDetail",
+            "references": {
+              "BreadcrumbSelectDetail": {
+                "location": "import",
+                "path": "../Breadcrumb/breadcrumb-types",
+                "id": "src/wc/components/Breadcrumb/breadcrumb-types.ts::BreadcrumbSelectDetail",
+                "referenceLocation": "BreadcrumbSelectDetail"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when an authored expanded breadcrumb item is activated.",
+          "docsTags": []
+        },
         {
           "event": "dsSectionChange",
           "detail": "string",
@@ -2286,6 +2371,7 @@
         "ds-button-filled",
         "ds-tooltip",
         "ds-button-unfilled",
+        "ds-breadcrumb",
         "ds-menu"
       ],
       "dependencyGraph": {
@@ -2295,6 +2381,7 @@
           "ds-button-filled",
           "ds-tooltip",
           "ds-button-unfilled",
+          "ds-breadcrumb",
           "ds-menu"
         ],
         "ds-button-filled": [
@@ -2314,6 +2401,9 @@
         "ds-badge": [
           "ds-text"
         ],
+        "ds-breadcrumb": [
+          "ds-text"
+        ],
         "ds-menu": [
           "ds-text",
           "ds-swatch-picker",
@@ -2691,6 +2781,123 @@
         ]
       }
     },
+    {
+      "filePath": "src/wc/components/Breadcrumb/Breadcrumb.tsx",
+      "encapsulation": "scoped",
+      "tag": "ds-breadcrumb",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "ariaLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "aria-label",
+          "reflectToAttr": false,
+          "docs": "Accessible name for the breadcrumb navigation landmark.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Breadcrumb'"
+            }
+          ],
+          "default": "'Breadcrumb'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "items",
+          "type": "BreadcrumbItem[]",
+          "complexType": {
+            "original": "BreadcrumbItem[]",
+            "resolved": "BreadcrumbItem[]",
+            "references": {
+              "BreadcrumbItem": {
+                "location": "import",
+                "path": "./breadcrumb-types",
+                "id": "src/wc/components/Breadcrumb/breadcrumb-types.ts::BreadcrumbItem",
+                "referenceLocation": "BreadcrumbItem"
+              }
+            }
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "Ordered path from the broadest ancestor to the nearest page.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "[]"
+            }
+          ],
+          "default": "[]",
+          "values": [
+            {
+              "type": "BreadcrumbItem[]"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "dsSelect",
+          "detail": "BreadcrumbSelectDetail",
+          "bubbles": true,
+          "complexType": {
+            "original": "BreadcrumbSelectDetail",
+            "resolved": "BreadcrumbSelectDetail",
+            "references": {
+              "BreadcrumbSelectDetail": {
+                "location": "import",
+                "path": "./breadcrumb-types",
+                "id": "src/wc/components/Breadcrumb/breadcrumb-types.ts::BreadcrumbSelectDetail",
+                "referenceLocation": "BreadcrumbSelectDetail"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when an interactive breadcrumb item is activated. Prevent to cancel native navigation.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "states": [],
+      "dependents": [
+        "ds-bar-title"
+      ],
+      "dependencies": [
+        "ds-text"
+      ],
+      "dependencyGraph": {
+        "ds-breadcrumb": [
+          "ds-text"
+        ],
+        "ds-bar-title": [
+          "ds-breadcrumb"
+        ]
+      }
+    },
     {
       "filePath": "src/wc/components/ButtonFilled/ButtonFilled.tsx",
       "encapsulation": "scoped",
@@ -4084,7 +4291,9 @@
         "ds-bar-nav",
         "ds-bar-title",
         "ds-bar-workflow",
+        "ds-card-data-viz-bar",
         "ds-card-data-viz-donut",
+        "ds-card-data-viz-line",
         "ds-card-setting",
         "ds-code-block",
         "ds-input",
@@ -4124,9 +4333,15 @@
         "ds-bar-workflow": [
           "ds-button-unfilled"
         ],
+        "ds-card-data-viz-bar": [
+          "ds-button-unfilled"
+        ],
         "ds-card-data-viz-donut": [
           "ds-button-unfilled"
         ],
+        "ds-card-data-viz-line": [
+          "ds-button-unfilled"
+        ],
         "ds-card-setting": [
           "ds-button-unfilled"
         ],
@@ -4169,10 +4384,10 @@
       }
     },
     {
-      "filePath": "src/wc/components/CardDataVizDonut/CardDataVizDonut.tsx",
+      "filePath": "src/wc/components/CardDataVizBar/CardDataVizBar.tsx",
       "encapsulation": "scoped",
-      "tag": "ds-card-data-viz-donut",
-      "docs": "Donut data-viz card — dedicated `ds-card-shell-data-viz` chrome with a fill chart region and\ncontent-sized legend. Hover sync between chart and legend stays here.",
+      "tag": "ds-card-data-viz-bar",
+      "docs": "Bar-chart data-viz card — dedicated `ds-card-shell-data-viz` chrome with a fill chart\nregion and an optional, content-sized static legend.",
       "docsTags": [],
       "usage": {},
       "props": [
@@ -4180,13 +4395,13 @@
           "name": "cardWidth",
           "type": "\"lg\" | \"md\" | \"sm\"",
           "complexType": {
-            "original": "CardDataVizDonutWidth",
+            "original": "CardDataVizBarWidth",
             "resolved": "\"lg\" | \"md\" | \"sm\"",
             "references": {
-              "CardDataVizDonutWidth": {
+              "CardDataVizBarWidth": {
                 "location": "local",
-                "path": "/home/runner/work/compomo/compomo/src/wc/components/CardDataVizDonut/CardDataVizDonut.tsx",
-                "id": "src/wc/components/CardDataVizDonut/CardDataVizDonut.tsx::CardDataVizDonutWidth"
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/CardDataVizBar/CardDataVizBar.tsx",
+                "id": "src/wc/components/CardDataVizBar/CardDataVizBar.tsx::CardDataVizBarWidth"
               }
             }
           },
@@ -4301,7 +4516,7 @@
         "ds-button-unfilled"
       ],
       "dependencyGraph": {
-        "ds-card-data-viz-donut": [
+        "ds-card-data-viz-bar": [
           "ds-card-shell-data-viz",
           "ds-button-unfilled"
         ],
@@ -4320,60 +4535,31 @@
       }
     },
     {
-      "filePath": "src/wc/components/CardSetting/CardSetting.tsx",
+      "filePath": "src/wc/components/CardDataVizDonut/CardDataVizDonut.tsx",
       "encapsulation": "scoped",
-      "tag": "ds-card-setting",
-      "docs": "",
+      "tag": "ds-card-data-viz-donut",
+      "docs": "Donut data-viz card — dedicated `ds-card-shell-data-viz` chrome with a fill chart region and\ncontent-sized legend. Hover sync between chart and legend stays here.",
       "docsTags": [],
       "usage": {},
       "props": [
-        {
-          "name": "cancelLabel",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "cancel-label",
-          "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "'Cancel'"
-            }
-          ],
-          "default": "'Cancel'",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
         {
           "name": "cardWidth",
           "type": "\"lg\" | \"md\" | \"sm\"",
           "complexType": {
-            "original": "CardSettingWidth",
+            "original": "CardDataVizDonutWidth",
             "resolved": "\"lg\" | \"md\" | \"sm\"",
             "references": {
-              "CardSettingWidth": {
+              "CardDataVizDonutWidth": {
                 "location": "local",
-                "path": "/home/runner/work/compomo/compomo/src/wc/components/CardSetting/CardSetting.tsx",
-                "id": "src/wc/components/CardSetting/CardSetting.tsx::CardSettingWidth"
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/CardDataVizDonut/CardDataVizDonut.tsx",
+                "id": "src/wc/components/CardDataVizDonut/CardDataVizDonut.tsx::CardDataVizDonutWidth"
               }
             }
           },
           "mutable": false,
           "attr": "card-width",
           "reflectToAttr": false,
-          "docs": "Card width token (`sm` / `md` / `lg`). Also sets host `min-height` to the\nmatching `--dimension-card-height-*` so the body fills available space\neven when the slot is empty.",
+          "docs": "Card width token — also sets matching min-height.",
           "docsTags": [
             {
               "name": "default",
@@ -4401,7 +4587,7 @@
           "setter": false
         },
         {
-          "name": "editLabel",
+          "name": "filterLabel",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -4409,16 +4595,16 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "edit-label",
+          "attr": "filter-label",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [
             {
               "name": "default",
-              "text": "'Edit'"
+              "text": "'Filter'"
             }
           ],
-          "default": "'Edit'",
+          "default": "'Filter'",
           "values": [
             {
               "type": "string"
@@ -4429,35 +4615,6 @@
           "getter": false,
           "setter": false
         },
-        {
-          "name": "editing",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "editing",
-          "reflectToAttr": false,
-          "docs": "Controlled edit state — parent owns single-edit orchestration.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "false"
-            }
-          ],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
         {
           "name": "heading",
           "type": "string",
@@ -4469,7 +4626,7 @@
           "mutable": false,
           "attr": "heading",
           "reflectToAttr": false,
-          "docs": "Section heading shown in the card header.",
+          "docs": "Widget heading shown in the card header.",
           "docsTags": [],
           "values": [
             {
@@ -4480,10 +4637,370 @@
           "required": true,
           "getter": false,
           "setter": false
-        },
-        {
-          "name": "saveLabel",
-          "type": "string",
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "dsFilterClick",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emits when the header filter control is activated.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [
+        "ds-card-shell-data-viz",
+        "ds-button-unfilled"
+      ],
+      "dependencyGraph": {
+        "ds-card-data-viz-donut": [
+          "ds-card-shell-data-viz",
+          "ds-button-unfilled"
+        ],
+        "ds-card-shell-data-viz": [
+          "ds-text"
+        ],
+        "ds-button-unfilled": [
+          "ds-loader",
+          "ds-icon",
+          "ds-badge",
+          "ds-text"
+        ],
+        "ds-badge": [
+          "ds-text"
+        ]
+      }
+    },
+    {
+      "filePath": "src/wc/components/CardDataVizLine/CardDataVizLine.tsx",
+      "encapsulation": "scoped",
+      "tag": "ds-card-data-viz-line",
+      "docs": "Line-chart data-viz card — dedicated `ds-card-shell-data-viz` chrome with a fill chart\nregion and a content-sized, static legend.",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "cardWidth",
+          "type": "\"lg\" | \"md\" | \"sm\"",
+          "complexType": {
+            "original": "CardDataVizLineWidth",
+            "resolved": "\"lg\" | \"md\" | \"sm\"",
+            "references": {
+              "CardDataVizLineWidth": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/CardDataVizLine/CardDataVizLine.tsx",
+                "id": "src/wc/components/CardDataVizLine/CardDataVizLine.tsx::CardDataVizLineWidth"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "card-width",
+          "reflectToAttr": false,
+          "docs": "Card width token — also sets matching min-height.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'md'"
+            }
+          ],
+          "default": "'md'",
+          "values": [
+            {
+              "value": "lg",
+              "type": "string"
+            },
+            {
+              "value": "md",
+              "type": "string"
+            },
+            {
+              "value": "sm",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "filterLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "filter-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Filter'"
+            }
+          ],
+          "default": "'Filter'",
+          "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": "Widget heading shown in the card header.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "dsFilterClick",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emits when the header filter control is activated.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [
+        "ds-card-shell-data-viz",
+        "ds-button-unfilled"
+      ],
+      "dependencyGraph": {
+        "ds-card-data-viz-line": [
+          "ds-card-shell-data-viz",
+          "ds-button-unfilled"
+        ],
+        "ds-card-shell-data-viz": [
+          "ds-text"
+        ],
+        "ds-button-unfilled": [
+          "ds-loader",
+          "ds-icon",
+          "ds-badge",
+          "ds-text"
+        ],
+        "ds-badge": [
+          "ds-text"
+        ]
+      }
+    },
+    {
+      "filePath": "src/wc/components/CardSetting/CardSetting.tsx",
+      "encapsulation": "scoped",
+      "tag": "ds-card-setting",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "cancelLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "cancel-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Cancel'"
+            }
+          ],
+          "default": "'Cancel'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "cardWidth",
+          "type": "\"lg\" | \"md\" | \"sm\"",
+          "complexType": {
+            "original": "CardSettingWidth",
+            "resolved": "\"lg\" | \"md\" | \"sm\"",
+            "references": {
+              "CardSettingWidth": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/CardSetting/CardSetting.tsx",
+                "id": "src/wc/components/CardSetting/CardSetting.tsx::CardSettingWidth"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "card-width",
+          "reflectToAttr": false,
+          "docs": "Card width token (`sm` / `md` / `lg`). Also sets host `min-height` to the\nmatching `--dimension-card-height-*` so the body fills available space\neven when the slot is empty.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'md'"
+            }
+          ],
+          "default": "'md'",
+          "values": [
+            {
+              "value": "lg",
+              "type": "string"
+            },
+            {
+              "value": "md",
+              "type": "string"
+            },
+            {
+              "value": "sm",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "editLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "edit-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Edit'"
+            }
+          ],
+          "default": "'Edit'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "editing",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "editing",
+          "reflectToAttr": false,
+          "docs": "Controlled edit state — parent owns single-edit orchestration.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "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": "Section heading shown in the card header.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "saveLabel",
+          "type": "string",
           "complexType": {
             "original": "string",
             "resolved": "string",
@@ -4590,28 +5107,154 @@
             }
           },
           "mutable": false,
-          "attr": "card-width",
+          "attr": "card-width",
+          "reflectToAttr": false,
+          "docs": "Width token with the matching data-visualization shell min-height.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'md'"
+            }
+          ],
+          "default": "'md'",
+          "values": [
+            {
+              "value": "lg",
+              "type": "string"
+            },
+            {
+              "value": "md",
+              "type": "string"
+            },
+            {
+              "value": "sm",
+              "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": "Data-visualization heading shown in the shell header.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "states": [],
+      "dependents": [
+        "ds-card-data-viz-bar",
+        "ds-card-data-viz-donut",
+        "ds-card-data-viz-line"
+      ],
+      "dependencies": [
+        "ds-text"
+      ],
+      "dependencyGraph": {
+        "ds-card-shell-data-viz": [
+          "ds-text"
+        ],
+        "ds-card-data-viz-bar": [
+          "ds-card-shell-data-viz"
+        ],
+        "ds-card-data-viz-donut": [
+          "ds-card-shell-data-viz"
+        ],
+        "ds-card-data-viz-line": [
+          "ds-card-shell-data-viz"
+        ]
+      }
+    },
+    {
+      "filePath": "src/wc/components/ChartBar/ChartBar.tsx",
+      "encapsulation": "scoped",
+      "tag": "ds-chart-bar",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "data",
+          "type": "ChartDatum[]",
+          "complexType": {
+            "original": "ChartDatum[]",
+            "resolved": "ChartDatum[]",
+            "references": {
+              "ChartDatum": {
+                "location": "import",
+                "path": "../../utils/chart-types",
+                "id": "src/wc/utils/chart-types.ts::ChartDatum",
+                "referenceLocation": "ChartDatum"
+              }
+            }
+          },
+          "mutable": false,
           "reflectToAttr": false,
-          "docs": "Width token with the matching data-visualization shell min-height.",
+          "docs": "Bars to render. Set as a JS property (not an HTML attribute).",
           "docsTags": [
             {
               "name": "default",
-              "text": "'md'"
+              "text": "[]"
             }
           ],
-          "default": "'md'",
+          "default": "[]",
           "values": [
             {
-              "value": "lg",
-              "type": "string"
-            },
+              "type": "ChartDatum[]"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "height",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "height",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
             {
-              "value": "md",
-              "type": "string"
-            },
+              "name": "default",
+              "text": "240"
+            }
+          ],
+          "default": "240",
+          "values": [
             {
-              "value": "sm",
-              "type": "string"
+              "type": "number"
             }
           ],
           "optional": false,
@@ -4620,25 +5263,31 @@
           "setter": false
         },
         {
-          "name": "heading",
-          "type": "string",
+          "name": "width",
+          "type": "number",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
+            "original": "number",
+            "resolved": "number",
             "references": {}
           },
           "mutable": false,
-          "attr": "heading",
+          "attr": "width",
           "reflectToAttr": false,
-          "docs": "Data-visualization heading shown in the shell header.",
-          "docsTags": [],
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "480"
+            }
+          ],
+          "default": "480",
           "values": [
             {
-              "type": "string"
+              "type": "number"
             }
           ],
           "optional": false,
-          "required": true,
+          "required": false,
           "getter": false,
           "setter": false
         }
@@ -4650,47 +5299,29 @@
       "slots": [],
       "parts": [],
       "states": [],
-      "dependents": [
-        "ds-card-data-viz-donut"
-      ],
-      "dependencies": [
-        "ds-text"
-      ],
-      "dependencyGraph": {
-        "ds-card-shell-data-viz": [
-          "ds-text"
-        ],
-        "ds-card-data-viz-donut": [
-          "ds-card-shell-data-viz"
-        ]
-      }
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
     },
     {
-      "filePath": "src/wc/components/ChartBar/ChartBar.tsx",
+      "filePath": "src/wc/components/ChartBarStacked/ChartBarStacked.tsx",
       "encapsulation": "scoped",
-      "tag": "ds-chart-bar",
+      "tag": "ds-chart-bar-stacked",
       "docs": "",
       "docsTags": [],
       "usage": {},
       "props": [
         {
-          "name": "data",
-          "type": "ChartDatum[]",
+          "name": "categories",
+          "type": "string[]",
           "complexType": {
-            "original": "ChartDatum[]",
-            "resolved": "ChartDatum[]",
-            "references": {
-              "ChartDatum": {
-                "location": "import",
-                "path": "../../utils/chart-types",
-                "id": "src/wc/utils/chart-types.ts::ChartDatum",
-                "referenceLocation": "ChartDatum"
-              }
-            }
+            "original": "string[]",
+            "resolved": "string[]",
+            "references": {}
           },
           "mutable": false,
           "reflectToAttr": false,
-          "docs": "Bars to render. Set as a JS property (not an HTML attribute).",
+          "docs": "X-axis labels — must match each series' `data` length. Set as a JS property.",
           "docsTags": [
             {
               "name": "default",
@@ -4700,7 +5331,7 @@
           "default": "[]",
           "values": [
             {
-              "type": "ChartDatum[]"
+              "type": "string[]"
             }
           ],
           "optional": false,
@@ -4737,6 +5368,81 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "series",
+          "type": "ChartSeries[]",
+          "complexType": {
+            "original": "ChartSeries[]",
+            "resolved": "ChartSeries[]",
+            "references": {
+              "ChartSeries": {
+                "location": "import",
+                "path": "../../utils/chart-types",
+                "id": "src/wc/utils/chart-types.ts::ChartSeries",
+                "referenceLocation": "ChartSeries"
+              }
+            }
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "Ordered stack series. Set as a JS property (not an HTML attribute).",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "[]"
+            }
+          ],
+          "default": "[]",
+          "values": [
+            {
+              "type": "ChartSeries[]"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "variant",
+          "type": "\"percentage\" | \"stacked\"",
+          "complexType": {
+            "original": "ChartBarStackedVariant",
+            "resolved": "\"percentage\" | \"stacked\"",
+            "references": {
+              "ChartBarStackedVariant": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/ChartBarStacked/ChartBarStacked.tsx",
+                "id": "src/wc/components/ChartBarStacked/ChartBarStacked.tsx::ChartBarStackedVariant"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "variant",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'stacked'"
+            }
+          ],
+          "default": "'stacked'",
+          "values": [
+            {
+              "value": "percentage",
+              "type": "string"
+            },
+            {
+              "value": "stacked",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "width",
           "type": "number",
@@ -5231,6 +5937,35 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "highlightOnHover",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "highlight-on-hover",
+          "reflectToAttr": false,
+          "docs": "Let local pointer/focus movement highlight one item and emit `dsItemHover`.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "true"
+            }
+          ],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "items",
           "type": "ChartLegendItem[]",
@@ -16717,6 +17452,48 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "headerCapacity",
+          "type": "\"compact\" | \"constrained\" | \"roomy\" | undefined",
+          "complexType": {
+            "original": "ShellPageCapacity",
+            "resolved": "\"compact\" | \"constrained\" | \"roomy\" | undefined",
+            "references": {
+              "ShellPageCapacity": {
+                "location": "import",
+                "path": "./shell-page-types",
+                "id": "src/wc/components/ShellPage/shell-page-types.ts::ShellPageCapacity",
+                "referenceLocation": "ShellPageCapacity"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "header-capacity",
+          "reflectToAttr": false,
+          "docs": "Available page-header capacity supplied by the owning application shell.",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "compact",
+              "type": "string"
+            },
+            {
+              "value": "constrained",
+              "type": "string"
+            },
+            {
+              "value": "roomy",
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "headerPresentation",
           "type": "\"auto\" | \"compact\" | \"constrained\" | \"expanded\"",
@@ -16735,7 +17512,7 @@
           "mutable": false,
           "attr": "header-presentation",
           "reflectToAttr": false,
-          "docs": "Automatic container/scroll behavior, or an explicit header variant override.",
+          "docs": "Automatic capacity/scroll behavior, or an explicit header variant override.",
           "docsTags": [
             {
               "name": "default",
@@ -19982,6 +20759,7 @@
         "ds-bar-nav",
         "ds-bar-title",
         "ds-bar-workflow",
+        "ds-breadcrumb",
         "ds-button-filled",
         "ds-button-unfilled",
         "ds-card-setting",
@@ -20039,6 +20817,9 @@
         "ds-bar-workflow": [
           "ds-text"
         ],
+        "ds-breadcrumb": [
+          "ds-text"
+        ],
         "ds-button-filled": [
           "ds-text"
         ],
@@ -21017,14 +21798,14 @@
           "mutable": false,
           "attr": "label",
           "reflectToAttr": false,
-          "docs": "Concise localized status text, ideally naming the participant who is typing.",
+          "docs": "Concise localized typing status.",
           "docsTags": [
             {
               "name": "default",
-              "text": "'Typing…'"
+              "text": "'Typing...'"
             }
           ],
-          "default": "'Typing…'",
+          "default": "'Typing...'",
           "values": [
             {
               "type": "string"
@@ -21140,11 +21921,21 @@
       "docstring": "",
       "path": "src/wc/components/CardShellDataViz/CardShellDataViz.tsx"
     },
+    "src/wc/components/CardDataVizBar/CardDataVizBar.tsx::CardDataVizBarWidth": {
+      "declaration": "export type CardShellDataVizWidth = 'sm' | 'md' | 'lg';",
+      "docstring": "",
+      "path": "src/wc/components/CardDataVizBar/CardDataVizBar.tsx"
+    },
     "src/wc/components/CardDataVizDonut/CardDataVizDonut.tsx::CardDataVizDonutWidth": {
       "declaration": "export type CardShellDataVizWidth = 'sm' | 'md' | 'lg';",
       "docstring": "",
       "path": "src/wc/components/CardDataVizDonut/CardDataVizDonut.tsx"
     },
+    "src/wc/components/CardDataVizLine/CardDataVizLine.tsx::CardDataVizLineWidth": {
+      "declaration": "export type CardShellDataVizWidth = 'sm' | 'md' | 'lg';",
+      "docstring": "",
+      "path": "src/wc/components/CardDataVizLine/CardDataVizLine.tsx"
+    },
     "src/wc/components/CardSetting/CardSetting.tsx::CardSettingWidth": {
       "declaration": "export type CardSettingWidth = 'sm' | 'md' | 'lg';",
       "docstring": "",
@@ -21155,6 +21946,16 @@
       "docstring": "",
       "path": "src/wc/components/CardSetting/CardSetting.tsx"
     },
+    "src/wc/utils/chart-types.ts::ChartSeries": {
+      "declaration": "export interface ChartSeries {\n  name: string;\n  data: number[];\n  /** CSS color override; defaults to the next `--color-data-category-*` token. */\n  color?: string;\n}",
+      "docstring": "",
+      "path": "src/wc/utils/chart-types.ts"
+    },
+    "src/wc/components/ChartBarStacked/ChartBarStacked.tsx::ChartBarStackedVariant": {
+      "declaration": "export type ChartBarStackedVariant = 'stacked' | 'percentage';",
+      "docstring": "",
+      "path": "src/wc/components/ChartBarStacked/ChartBarStacked.tsx"
+    },
     "src/wc/utils/chart-types.ts::ChartLegendItem": {
       "declaration": "export interface ChartLegendItem {\n  label: string;\n  value?: number;\n  /** CSS color override; defaults to the next `--color-data-category-*` token. */\n  color?: string;\n  /** When set, the row renders as a link (e.g. to a filtered list page for this segment). */\n  href?: string;\n}",
       "docstring": "`ds-chart-legend` entry — value is optional so a series name (no single value) can be legended too.",
@@ -21515,6 +22316,11 @@
       "docstring": "",
       "path": "src/wc/components/BarNav/bar-nav-types.ts"
     },
+    "src/wc/components/Breadcrumb/breadcrumb-types.ts::BreadcrumbItem": {
+      "declaration": "export interface BreadcrumbItem {\n  /** Stable value returned from dsSelect. */\n  id: string;\n  /** Visible caption label. */\n  label: string;\n  /** Optional accessible name when the visible label is not destination-specific enough. */\n  ariaLabel?: string;\n  /** Native destination. Omit when the route owner handles dsSelect. */\n  href?: string;\n  /** Marks this item as the current page and removes its interaction. */\n  isCurrent?: boolean;\n}",
+      "docstring": "",
+      "path": "src/wc/components/Breadcrumb/breadcrumb-types.ts"
+    },
     "src/wc/components/BarTitle/bar-title-types.ts::BarTitleSectionItem": {
       "declaration": "export type BarTitleSectionItem = BarTitleSection | BarTitleDivider;",
       "docstring": "",
@@ -21535,6 +22341,11 @@
       "docstring": "",
       "path": "src/wc/components/BarTitle/bar-title-types.ts"
     },
+    "src/wc/components/Breadcrumb/breadcrumb-types.ts::BreadcrumbSelectDetail": {
+      "declaration": "export interface BreadcrumbSelectDetail {\n  item: BreadcrumbItem;\n  originalEvent: MouseEvent;\n}",
+      "docstring": "",
+      "path": "src/wc/components/Breadcrumb/breadcrumb-types.ts"
+    },
     "src/wc/components/BarWorkflow/bar-workflow-types.ts::BarWorkflowStep": {
       "declaration": "export interface BarWorkflowStep {\n  id: string;\n  label: string;\n  isInactive?: boolean;\n}",
       "docstring": "",
@@ -21550,11 +22361,6 @@
       "docstring": "Shared data shapes for `ds-chart-*` components — kept minimal for the initial scaffold, expect these to grow per component once design is finalized.",
       "path": "src/wc/utils/chart-types.ts"
     },
-    "src/wc/utils/chart-types.ts::ChartSeries": {
-      "declaration": "export interface ChartSeries {\n  name: string;\n  data: number[];\n  /** CSS color override; defaults to the next `--color-data-category-*` token. */\n  color?: string;\n}",
-      "docstring": "",
-      "path": "src/wc/utils/chart-types.ts"
-    },
     "src/wc/components/conversation-types.ts::ConversationItemState": {
       "declaration": "export type ConversationItemState = 'default' | 'busy' | 'error';",
       "docstring": "",
@@ -21635,6 +22441,11 @@
       "docstring": "",
       "path": "src/wc/components/ShellPage/shell-page-types.ts"
     },
+    "src/wc/components/ShellPage/shell-page-types.ts::ShellPageCapacity": {
+      "declaration": "export type ShellPageCapacity = 'roomy' | 'compact' | 'constrained';",
+      "docstring": "",
+      "path": "src/wc/components/ShellPage/shell-page-types.ts"
+    },
     "src/wc/components/ShellPage/shell-page-types.ts::ShellPageContentInset": {
       "declaration": "export type ShellPageContentInset = 'default' | 'none';",
       "docstring": "",