@ds-mo/ui 15.5.1 → 15.7.0

package/dist/docs/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-09-21T18:01:54",
+  "timestamp": "2026-09-22T23:37:03",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.43.5",
@@ -2913,6 +2913,7 @@
           "ds-text",
           "ds-swatch-picker",
           "ds-icon",
+          "ds-button-unfilled",
           "ds-tag",
           "ds-badge",
           "ds-switch"
@@ -3377,25 +3378,26 @@
           "ds-text",
           "ds-swatch-picker",
           "ds-icon",
+          "ds-button-unfilled",
           "ds-tag",
           "ds-badge",
           "ds-switch"
         ],
-        "ds-tag": [
+        "ds-button-unfilled": [
+          "ds-tooltip",
+          "ds-loader",
           "ds-icon",
+          "ds-badge",
           "ds-text"
         ],
-        "ds-badge": [
+        "ds-tooltip": [
           "ds-text"
         ],
-        "ds-tooltip": [
+        "ds-badge": [
           "ds-text"
         ],
-        "ds-button-unfilled": [
-          "ds-tooltip",
-          "ds-loader",
+        "ds-tag": [
           "ds-icon",
-          "ds-badge",
           "ds-text"
         ],
         "ds-button-filled": [
@@ -4094,25 +4096,26 @@
           "ds-text",
           "ds-swatch-picker",
           "ds-icon",
+          "ds-button-unfilled",
           "ds-tag",
           "ds-badge",
           "ds-switch"
         ],
-        "ds-tag": [
+        "ds-button-unfilled": [
+          "ds-tooltip",
+          "ds-loader",
           "ds-icon",
+          "ds-badge",
           "ds-text"
         ],
-        "ds-badge": [
+        "ds-tooltip": [
           "ds-text"
         ],
-        "ds-tooltip": [
+        "ds-badge": [
           "ds-text"
         ],
-        "ds-button-unfilled": [
-          "ds-tooltip",
-          "ds-loader",
+        "ds-tag": [
           "ds-icon",
-          "ds-badge",
           "ds-text"
         ],
         "ds-button-filled": [
@@ -4548,10 +4551,18 @@
           "ds-text",
           "ds-swatch-picker",
           "ds-icon",
+          "ds-button-unfilled",
           "ds-tag",
           "ds-badge",
           "ds-switch"
         ],
+        "ds-button-unfilled": [
+          "ds-tooltip",
+          "ds-loader",
+          "ds-icon",
+          "ds-badge",
+          "ds-text"
+        ],
         "ds-tag": [
           "ds-icon",
           "ds-text"
@@ -4560,13 +4571,6 @@
           "ds-icon",
           "ds-text",
           "ds-badge"
-        ],
-        "ds-button-unfilled": [
-          "ds-tooltip",
-          "ds-loader",
-          "ds-icon",
-          "ds-badge",
-          "ds-text"
         ]
       }
     },
@@ -7609,6 +7613,7 @@
         "ds-input",
         "ds-input-date",
         "ds-input-time",
+        "ds-menu",
         "ds-message-actions",
         "ds-message-composer",
         "ds-message-scroller",
@@ -7703,6 +7708,9 @@
         "ds-input-time": [
           "ds-button-unfilled"
         ],
+        "ds-menu": [
+          "ds-button-unfilled"
+        ],
         "ds-message-actions": [
           "ds-button-unfilled"
         ],
@@ -12188,6 +12196,7 @@
           "ds-text",
           "ds-swatch-picker",
           "ds-icon",
+          "ds-button-unfilled",
           "ds-tag",
           "ds-badge",
           "ds-switch"
@@ -13758,6 +13767,34 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "pinnedFieldIds",
+          "type": "string[]",
+          "complexType": {
+            "original": "string[]",
+            "resolved": "string[]",
+            "references": {}
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "Controlled user-pinned table-column identities. Ignored for toggle-only catalogs.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "[]"
+            }
+          ],
+          "default": "[]",
+          "values": [
+            {
+              "type": "string[]"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "sort",
           "type": "DataSortState | null",
@@ -14141,6 +14178,7 @@
           "ds-text",
           "ds-swatch-picker",
           "ds-icon",
+          "ds-button-unfilled",
           "ds-tag",
           "ds-badge",
           "ds-switch"
@@ -14659,6 +14697,7 @@
           "ds-text",
           "ds-swatch-picker",
           "ds-icon",
+          "ds-button-unfilled",
           "ds-tag",
           "ds-badge",
           "ds-switch"
@@ -15303,6 +15342,7 @@
           "ds-text",
           "ds-swatch-picker",
           "ds-icon",
+          "ds-button-unfilled",
           "ds-tag",
           "ds-badge",
           "ds-switch"
@@ -17724,6 +17764,7 @@
         "ds-panel-nav",
         "ds-panel-tools",
         "ds-select",
+        "ds-select-toggle",
         "ds-tab-group",
         "ds-table",
         "ds-tag"
@@ -17805,6 +17846,9 @@
         "ds-select": [
           "ds-icon"
         ],
+        "ds-select-toggle": [
+          "ds-icon"
+        ],
         "ds-tab-group": [
           "ds-icon"
         ],
@@ -22506,6 +22550,27 @@
           "docs": "",
           "docsTags": []
         },
+        {
+          "event": "dsItemToggle",
+          "detail": "MenuItemToggleDetail",
+          "bubbles": true,
+          "complexType": {
+            "original": "MenuItemToggleDetail",
+            "resolved": "MenuItemToggleDetail",
+            "references": {
+              "MenuItemToggleDetail": {
+                "location": "import",
+                "path": "./menu-types",
+                "id": "src/wc/components/Menu/menu-types.ts::MenuItemToggleDetail",
+                "referenceLocation": "MenuItemToggleDetail"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when a row's separate trailing toggle requests a controlled state change.",
+          "docsTags": []
+        },
         {
           "event": "dsReorder",
           "detail": "MenuReorderDetail",
@@ -22591,6 +22656,7 @@
         "ds-text",
         "ds-swatch-picker",
         "ds-icon",
+        "ds-button-unfilled",
         "ds-tag",
         "ds-badge",
         "ds-switch"
@@ -22600,17 +22666,28 @@
           "ds-text",
           "ds-swatch-picker",
           "ds-icon",
+          "ds-button-unfilled",
           "ds-tag",
           "ds-badge",
           "ds-switch"
         ],
-        "ds-tag": [
+        "ds-button-unfilled": [
+          "ds-tooltip",
+          "ds-loader",
           "ds-icon",
+          "ds-badge",
+          "ds-text"
+        ],
+        "ds-tooltip": [
           "ds-text"
         ],
         "ds-badge": [
           "ds-text"
         ],
+        "ds-tag": [
+          "ds-icon",
+          "ds-text"
+        ],
         "ds-bar-nav": [
           "ds-menu"
         ],
@@ -25071,17 +25148,28 @@
           "ds-text",
           "ds-swatch-picker",
           "ds-icon",
+          "ds-button-unfilled",
           "ds-tag",
           "ds-badge",
           "ds-switch"
         ],
-        "ds-tag": [
+        "ds-button-unfilled": [
+          "ds-tooltip",
+          "ds-loader",
           "ds-icon",
+          "ds-badge",
+          "ds-text"
+        ],
+        "ds-tooltip": [
           "ds-text"
         ],
         "ds-badge": [
           "ds-text"
         ],
+        "ds-tag": [
+          "ds-icon",
+          "ds-text"
+        ],
         "ds-tab-group": [
           "ds-icon",
           "ds-text",
@@ -25301,17 +25389,28 @@
           "ds-text",
           "ds-swatch-picker",
           "ds-icon",
+          "ds-button-unfilled",
           "ds-tag",
           "ds-badge",
           "ds-switch"
         ],
-        "ds-tag": [
+        "ds-button-unfilled": [
+          "ds-tooltip",
+          "ds-loader",
           "ds-icon",
+          "ds-badge",
+          "ds-text"
+        ],
+        "ds-tooltip": [
           "ds-text"
         ],
         "ds-badge": [
           "ds-text"
         ],
+        "ds-tag": [
+          "ds-icon",
+          "ds-text"
+        ],
         "ds-mobile-header": [
           "ds-mobile-section-switcher"
         ]
@@ -26120,6 +26219,263 @@
         ]
       }
     },
+    {
+      "filePath": "src/wc/components/NavigationTabGroup/NavigationTabGroup.tsx",
+      "encapsulation": "scoped",
+      "tag": "ds-navigation-tab-group",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "ariaLabel",
+          "type": "null | string",
+          "complexType": {
+            "original": "string | null",
+            "resolved": "null | string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "aria-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "null"
+            }
+          ],
+          "default": "null",
+          "values": [
+            {
+              "type": "null"
+            },
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "ariaLabelledby",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string | undefined",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "aria-labelledby",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "size",
+          "type": "\"lg\" | \"md\" | \"sm\"",
+          "complexType": {
+            "original": "TabGroupSize",
+            "resolved": "\"lg\" | \"md\" | \"sm\"",
+            "references": {
+              "TabGroupSize": {
+                "location": "import",
+                "path": "../TabGroup/TabGroup",
+                "id": "src/wc/components/TabGroup/TabGroup.tsx::TabGroupSize",
+                "referenceLocation": "TabGroupSize"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "",
+          "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": "tabs",
+          "type": "TabGroupItem[]",
+          "complexType": {
+            "original": "TabGroupItem[]",
+            "resolved": "TabGroupItem[]",
+            "references": {
+              "TabGroupItem": {
+                "location": "import",
+                "path": "../TabGroup/tab-item-utils",
+                "id": "src/wc/components/TabGroup/tab-item-utils.ts::TabGroupItem",
+                "referenceLocation": "TabGroupItem"
+              }
+            }
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "[]"
+            }
+          ],
+          "default": "[]",
+          "values": [
+            {
+              "type": "TabGroupItem[]"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "value",
+          "reflectToAttr": false,
+          "docs": "Currently selected local view. User activation updates this value.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "width",
+          "type": "\"fill\" | \"hug\"",
+          "complexType": {
+            "original": "TabGroupWidth",
+            "resolved": "\"fill\" | \"hug\"",
+            "references": {
+              "TabGroupWidth": {
+                "location": "import",
+                "path": "../TabGroup/TabGroup",
+                "id": "src/wc/components/TabGroup/TabGroup.tsx::TabGroupWidth",
+                "referenceLocation": "TabGroupWidth"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "width",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'hug'"
+            }
+          ],
+          "default": "'hug'",
+          "values": [
+            {
+              "value": "fill",
+              "type": "string"
+            },
+            {
+              "value": "hug",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "dsChange",
+          "detail": "string",
+          "bubbles": true,
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [
+        "ds-tab-group"
+      ],
+      "dependencyGraph": {
+        "ds-navigation-tab-group": [
+          "ds-tab-group"
+        ],
+        "ds-tab-group": [
+          "ds-icon",
+          "ds-text",
+          "ds-badge"
+        ],
+        "ds-badge": [
+          "ds-text"
+        ]
+      }
+    },
     {
       "filePath": "src/wc/components/Pagination/Pagination.tsx",
       "encapsulation": "scoped",
@@ -27604,6 +27960,7 @@
           "ds-text",
           "ds-swatch-picker",
           "ds-icon",
+          "ds-button-unfilled",
           "ds-tag",
           "ds-badge",
           "ds-switch"
@@ -32358,131 +32715,544 @@
           "setter": false
         }
       ],
-      "methods": [
-        {
-          "name": "setFocus",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "complexType": {
-            "signature": "() => Promise<void>",
-            "parameters": [],
-            "references": {
-              "Promise": {
-                "location": "global",
-                "id": "global::Promise"
-              }
-            },
-            "return": "Promise<void>"
-          },
-          "signature": "setFocus() => Promise<void>",
-          "parameters": [],
-          "docs": "",
-          "docsTags": []
-        }
-      ],
+      "methods": [
+        {
+          "name": "setFocus",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "setFocus() => Promise<void>",
+          "parameters": [],
+          "docs": "",
+          "docsTags": []
+        }
+      ],
+      "events": [
+        {
+          "event": "dsChange",
+          "detail": "string | string[]",
+          "bubbles": true,
+          "complexType": {
+            "original": "SelectValue",
+            "resolved": "string | string[]",
+            "references": {
+              "SelectValue": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/Select/Select.tsx",
+                "id": "src/wc/components/Select/Select.tsx::SelectValue"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted after selection or clearing with the next scalar or array value.",
+          "docsTags": []
+        },
+        {
+          "event": "dsClear",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted after the footer clear action.",
+          "docsTags": []
+        },
+        {
+          "event": "dsFooterAction",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when the optional popup footer action is activated.",
+          "docsTags": []
+        },
+        {
+          "event": "dsOpenChange",
+          "detail": "boolean",
+          "bubbles": true,
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted whenever popup visibility changes.",
+          "docsTags": []
+        },
+        {
+          "event": "dsOptionAction",
+          "detail": "SelectOptionActionDetail",
+          "bubbles": true,
+          "complexType": {
+            "original": "SelectOptionActionDetail",
+            "resolved": "SelectOptionActionDetail",
+            "references": {
+              "SelectOptionActionDetail": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/Select/Select.tsx",
+                "id": "src/wc/components/Select/Select.tsx::SelectOptionActionDetail"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when an option's contextual ellipsis action is activated.",
+          "docsTags": []
+        },
+        {
+          "event": "dsOptionSubtextAction",
+          "detail": "SelectOptionSubtextActionDetail",
+          "bubbles": true,
+          "complexType": {
+            "original": "SelectOptionSubtextActionDetail",
+            "resolved": "SelectOptionSubtextActionDetail",
+            "references": {
+              "SelectOptionSubtextActionDetail": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/Select/Select.tsx",
+                "id": "src/wc/components/Select/Select.tsx::SelectOptionSubtextActionDetail"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when an option's supporting text action is activated.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "states": [],
+      "dependents": [
+        "ds-data-saved-views",
+        "ds-pagination",
+        "ds-table"
+      ],
+      "dependencies": [
+        "ds-checkbox",
+        "ds-icon",
+        "ds-text",
+        "ds-tooltip",
+        "ds-button-unfilled",
+        "ds-loader",
+        "ds-badge",
+        "ds-empty-state",
+        "ds-input"
+      ],
+      "dependencyGraph": {
+        "ds-select": [
+          "ds-checkbox",
+          "ds-icon",
+          "ds-text",
+          "ds-tooltip",
+          "ds-button-unfilled",
+          "ds-loader",
+          "ds-badge",
+          "ds-empty-state",
+          "ds-input"
+        ],
+        "ds-checkbox": [
+          "ds-text"
+        ],
+        "ds-tooltip": [
+          "ds-text"
+        ],
+        "ds-button-unfilled": [
+          "ds-tooltip",
+          "ds-loader",
+          "ds-icon",
+          "ds-badge",
+          "ds-text"
+        ],
+        "ds-badge": [
+          "ds-text"
+        ],
+        "ds-empty-state": [
+          "ds-icon",
+          "ds-text"
+        ],
+        "ds-input": [
+          "ds-button-unfilled",
+          "ds-divider",
+          "ds-icon",
+          "ds-chip",
+          "ds-text",
+          "ds-input"
+        ],
+        "ds-chip": [
+          "ds-text",
+          "ds-icon"
+        ],
+        "ds-data-saved-views": [
+          "ds-select"
+        ],
+        "ds-pagination": [
+          "ds-select"
+        ],
+        "ds-table": [
+          "ds-select"
+        ]
+      }
+    },
+    {
+      "filePath": "src/wc/components/SelectToggle/SelectToggle.tsx",
+      "encapsulation": "scoped",
+      "tag": "ds-select-toggle",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "ariaLabel",
+          "type": "null | string",
+          "complexType": {
+            "original": "string | null",
+            "resolved": "null | string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "aria-label",
+          "reflectToAttr": false,
+          "docs": "Optional stable context prepended to the changing accessible choice name.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "null"
+            }
+          ],
+          "default": "null",
+          "values": [
+            {
+              "type": "null"
+            },
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "collapseLabel",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "collapse-label",
+          "reflectToAttr": true,
+          "docs": "Collapse an icon-label choice to its icon in a narrow table caption or data toolbar.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "hasBorder",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "has-border",
+          "reflectToAttr": false,
+          "docs": "Show an inset border; both treatments keep the transparent unfilled surface.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "true"
+            }
+          ],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "isInactive",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "is-inactive",
+          "reflectToAttr": false,
+          "docs": "Prevent interaction.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "options",
+          "type": "SelectToggleOption[]",
+          "complexType": {
+            "original": "SelectToggleOption[]",
+            "resolved": "SelectToggleOption[]",
+            "references": {
+              "SelectToggleOption": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/SelectToggle/SelectToggle.tsx",
+                "id": "src/wc/components/SelectToggle/SelectToggle.tsx::SelectToggleOption"
+              }
+            }
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "Exactly two or three choices, each with a unique value and accessible label.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "[]"
+            }
+          ],
+          "default": "[]",
+          "values": [
+            {
+              "type": "SelectToggleOption[]"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "size",
+          "type": "\"lg\" | \"md\" | \"sm\"",
+          "complexType": {
+            "original": "SelectToggleSize",
+            "resolved": "\"lg\" | \"md\" | \"sm\"",
+            "references": {
+              "SelectToggleSize": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/SelectToggle/SelectToggle.tsx",
+                "id": "src/wc/components/SelectToggle/SelectToggle.tsx::SelectToggleSize"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "Control density: small, medium, or large; the trailing indicator scales with it.",
+          "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": "value",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "value",
+          "reflectToAttr": false,
+          "docs": "Current choice. User activation updates this value and emits dsChange.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "variant",
+          "type": "\"icon\" | \"icon-label\" | \"label\"",
+          "complexType": {
+            "original": "SelectToggleVariant",
+            "resolved": "\"icon\" | \"icon-label\" | \"label\"",
+            "references": {
+              "SelectToggleVariant": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/SelectToggle/SelectToggle.tsx",
+                "id": "src/wc/components/SelectToggle/SelectToggle.tsx::SelectToggleVariant"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "variant",
+          "reflectToAttr": false,
+          "docs": "Show the current label, icon, or both. Icon variants require an icon on each choice.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'label'"
+            }
+          ],
+          "default": "'label'",
+          "values": [
+            {
+              "value": "icon",
+              "type": "string"
+            },
+            {
+              "value": "icon-label",
+              "type": "string"
+            },
+            {
+              "value": "label",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "width",
+          "type": "\"fill\" | \"hug\"",
+          "complexType": {
+            "original": "ControlWidth",
+            "resolved": "\"fill\" | \"hug\"",
+            "references": {
+              "ControlWidth": {
+                "location": "import",
+                "path": "../../utils",
+                "id": "src/wc/utils/index.ts::ControlWidth",
+                "referenceLocation": "ControlWidth"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "width",
+          "reflectToAttr": false,
+          "docs": "Hug the content or fill the parent.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'hug'"
+            }
+          ],
+          "default": "'hug'",
+          "values": [
+            {
+              "value": "fill",
+              "type": "string"
+            },
+            {
+              "value": "hug",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
       "events": [
         {
           "event": "dsChange",
-          "detail": "string | string[]",
-          "bubbles": true,
-          "complexType": {
-            "original": "SelectValue",
-            "resolved": "string | string[]",
-            "references": {
-              "SelectValue": {
-                "location": "local",
-                "path": "/home/runner/work/compomo/compomo/src/wc/components/Select/Select.tsx",
-                "id": "src/wc/components/Select/Select.tsx::SelectValue"
-              }
-            }
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emitted after selection or clearing with the next scalar or array value.",
-          "docsTags": []
-        },
-        {
-          "event": "dsClear",
-          "detail": "void",
-          "bubbles": true,
-          "complexType": {
-            "original": "void",
-            "resolved": "void",
-            "references": {}
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emitted after the footer clear action.",
-          "docsTags": []
-        },
-        {
-          "event": "dsFooterAction",
-          "detail": "void",
-          "bubbles": true,
-          "complexType": {
-            "original": "void",
-            "resolved": "void",
-            "references": {}
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emitted when the optional popup footer action is activated.",
-          "docsTags": []
-        },
-        {
-          "event": "dsOpenChange",
-          "detail": "boolean",
+          "detail": "string",
           "bubbles": true,
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
+            "original": "string",
+            "resolved": "string",
             "references": {}
           },
           "cancelable": true,
           "composed": true,
-          "docs": "Emitted whenever popup visibility changes.",
-          "docsTags": []
-        },
-        {
-          "event": "dsOptionAction",
-          "detail": "SelectOptionActionDetail",
-          "bubbles": true,
-          "complexType": {
-            "original": "SelectOptionActionDetail",
-            "resolved": "SelectOptionActionDetail",
-            "references": {
-              "SelectOptionActionDetail": {
-                "location": "local",
-                "path": "/home/runner/work/compomo/compomo/src/wc/components/Select/Select.tsx",
-                "id": "src/wc/components/Select/Select.tsx::SelectOptionActionDetail"
-              }
-            }
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emitted when an option's contextual ellipsis action is activated.",
-          "docsTags": []
-        },
-        {
-          "event": "dsOptionSubtextAction",
-          "detail": "SelectOptionSubtextActionDetail",
-          "bubbles": true,
-          "complexType": {
-            "original": "SelectOptionSubtextActionDetail",
-            "resolved": "SelectOptionSubtextActionDetail",
-            "references": {
-              "SelectOptionSubtextActionDetail": {
-                "location": "local",
-                "path": "/home/runner/work/compomo/compomo/src/wc/components/Select/Select.tsx",
-                "id": "src/wc/components/Select/Select.tsx::SelectOptionSubtextActionDetail"
-              }
-            }
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emitted when an option's supporting text action is activated.",
+          "docs": "",
           "docsTags": []
         }
       ],
@@ -32491,74 +33261,15 @@
       "slots": [],
       "parts": [],
       "states": [],
-      "dependents": [
-        "ds-data-saved-views",
-        "ds-pagination",
-        "ds-table"
-      ],
+      "dependents": [],
       "dependencies": [
-        "ds-checkbox",
         "ds-icon",
-        "ds-text",
-        "ds-tooltip",
-        "ds-button-unfilled",
-        "ds-loader",
-        "ds-badge",
-        "ds-empty-state",
-        "ds-input"
+        "ds-text"
       ],
       "dependencyGraph": {
-        "ds-select": [
-          "ds-checkbox",
+        "ds-select-toggle": [
           "ds-icon",
-          "ds-text",
-          "ds-tooltip",
-          "ds-button-unfilled",
-          "ds-loader",
-          "ds-badge",
-          "ds-empty-state",
-          "ds-input"
-        ],
-        "ds-checkbox": [
           "ds-text"
-        ],
-        "ds-tooltip": [
-          "ds-text"
-        ],
-        "ds-button-unfilled": [
-          "ds-tooltip",
-          "ds-loader",
-          "ds-icon",
-          "ds-badge",
-          "ds-text"
-        ],
-        "ds-badge": [
-          "ds-text"
-        ],
-        "ds-empty-state": [
-          "ds-icon",
-          "ds-text"
-        ],
-        "ds-input": [
-          "ds-button-unfilled",
-          "ds-divider",
-          "ds-icon",
-          "ds-chip",
-          "ds-text",
-          "ds-input"
-        ],
-        "ds-chip": [
-          "ds-text",
-          "ds-icon"
-        ],
-        "ds-data-saved-views": [
-          "ds-select"
-        ],
-        "ds-pagination": [
-          "ds-select"
-        ],
-        "ds-table": [
-          "ds-select"
         ]
       }
     },
@@ -33957,6 +34668,7 @@
           "ds-text",
           "ds-swatch-picker",
           "ds-icon",
+          "ds-button-unfilled",
           "ds-tag",
           "ds-badge",
           "ds-switch"
@@ -35155,6 +35867,7 @@
           "ds-text",
           "ds-swatch-picker",
           "ds-icon",
+          "ds-button-unfilled",
           "ds-tag",
           "ds-badge",
           "ds-switch"
@@ -36258,7 +36971,7 @@
           "mutable": false,
           "attr": "thumb-alignment",
           "reflectToAttr": false,
-          "docs": "Align the thumb edge with full-width rail endpoints, or its center with inset rail endpoints.",
+          "docs": "Align the inner orb edge with full-width rail endpoints, or its center with inset rail endpoints.",
           "docsTags": [
             {
               "name": "default",
@@ -37293,16 +38006,16 @@
         },
         {
           "name": "presentation",
-          "type": "\"segmented\" | \"tabs\"",
+          "type": "\"navigation\" | \"segmented\" | \"tabs\"",
           "complexType": {
-            "original": "'segmented' | 'tabs'",
-            "resolved": "\"segmented\" | \"tabs\"",
+            "original": "'segmented' | 'tabs' | 'navigation'",
+            "resolved": "\"navigation\" | \"segmented\" | \"tabs\"",
             "references": {}
           },
           "mutable": false,
           "attr": "presentation",
           "reflectToAttr": false,
-          "docs": "Show the segmented control's outer background, border, and inset.",
+          "docs": "Visual treatment; use NavigationTabGroup for the outset navigation presentation.",
           "docsTags": [
             {
               "name": "default",
@@ -37311,6 +38024,10 @@
           ],
           "default": "'segmented'",
           "values": [
+            {
+              "value": "navigation",
+              "type": "string"
+            },
             {
               "value": "segmented",
               "type": "string"
@@ -37506,7 +38223,8 @@
         "ds-data-preferences",
         "ds-filter-menu",
         "ds-mobile-header",
-        "ds-mobile-sheet-nav"
+        "ds-mobile-sheet-nav",
+        "ds-navigation-tab-group"
       ],
       "dependencies": [
         "ds-icon",
@@ -37533,6 +38251,9 @@
         ],
         "ds-mobile-sheet-nav": [
           "ds-tab-group"
+        ],
+        "ds-navigation-tab-group": [
+          "ds-tab-group"
         ]
       }
     },
@@ -37544,6 +38265,35 @@
       "docsTags": [],
       "usage": {},
       "props": [
+        {
+          "name": "alternateView",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "alternate-view",
+          "reflectToAttr": false,
+          "docs": "Replace only the data frame with application-owned content; caption and footer remain shared.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "caption",
           "type": "string",
@@ -37710,6 +38460,47 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "chromeLayout",
+          "type": "\"contained\" | \"edge-to-edge\"",
+          "complexType": {
+            "original": "TableChromeLayout",
+            "resolved": "\"contained\" | \"edge-to-edge\"",
+            "references": {
+              "TableChromeLayout": {
+                "location": "import",
+                "path": "./table-types",
+                "id": "src/wc/components/Table/table-types.ts::TableChromeLayout",
+                "referenceLocation": "TableChromeLayout"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "chrome-layout",
+          "reflectToAttr": false,
+          "docs": "Keep all table chrome contained, or let the caption and footer span edge to edge around an inset data frame.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'contained'"
+            }
+          ],
+          "default": "'contained'",
+          "values": [
+            {
+              "value": "contained",
+              "type": "string"
+            },
+            {
+              "value": "edge-to-edge",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "chromeLoading",
           "type": "boolean",
@@ -39109,6 +39900,34 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "pinnedFieldIds",
+          "type": "string[]",
+          "complexType": {
+            "original": "string[]",
+            "resolved": "string[]",
+            "references": {}
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "Controlled user-pinned data-column identities. Hidden columns retain their pin state.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "[]"
+            }
+          ],
+          "default": "[]",
+          "values": [
+            {
+              "type": "string[]"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "responsiveLayout",
           "type": "\"cards\" | \"scroll\"",
@@ -39120,7 +39939,7 @@
           "mutable": false,
           "attr": "responsive-layout",
           "reflectToAttr": false,
-          "docs": "Opt-in native card presentation below the 768px table container breakpoint.",
+          "docs": "Opt-in native card presentation below the 768px browser viewport breakpoint.",
           "docsTags": [
             {
               "name": "default",
@@ -40006,6 +40825,7 @@
           "ds-text",
           "ds-swatch-picker",
           "ds-icon",
+          "ds-button-unfilled",
           "ds-tag",
           "ds-badge",
           "ds-switch"
@@ -41304,6 +42124,7 @@
         "ds-radio-tile",
         "ds-score",
         "ds-select",
+        "ds-select-toggle",
         "ds-setting-row-checkbox",
         "ds-setting-row-radio",
         "ds-setting-row-toggle",
@@ -41494,6 +42315,9 @@
         "ds-select": [
           "ds-text"
         ],
+        "ds-select-toggle": [
+          "ds-text"
+        ],
         "ds-setting-row-checkbox": [
           "ds-text"
         ],
@@ -44252,7 +45076,7 @@
       "path": "src/wc/utils/data-field.ts"
     },
     "src/wc/components/Menu/menu-types.ts::MenuItemData": {
-      "declaration": "export interface MenuItemData {\n  label: string;\n  value?: string;\n  subtext?: string;\n  /** Leading decorative icon. Ignored when `reorderable` is true. */\n  icon?: string;\n  /** Show a supplemental brand notification dot. */\n  dot?: boolean;\n  /** Show a non-interactive tag at the trailing edge of the row. */\n  tag?: MenuItemTagData;\n  isSelected?: boolean;\n  isInactive?: boolean;\n  isDestructive?: boolean;\n  /** Render a compact switch indicator; the menu row owns interaction. */\n  showSwitch?: boolean;\n  switchValue?: boolean;\n  /** Prefix a drag handle and allow pointer and keyboard reorder within the contiguous reorderable run. */\n  reorderable?: boolean;\n}",
+      "declaration": "export interface MenuItemData {\n  label: string;\n  value?: string;\n  subtext?: string;\n  /** Leading decorative icon. Ignored when `reorderable` is true. */\n  icon?: string;\n  /** Show a supplemental brand notification dot. */\n  dot?: boolean;\n  /** Show a non-interactive tag at the trailing edge of the row. */\n  tag?: MenuItemTagData;\n  isSelected?: boolean;\n  isInactive?: boolean;\n  isDestructive?: boolean;\n  /** Render a compact switch indicator; the menu row owns interaction. */\n  showSwitch?: boolean;\n  switchValue?: boolean;\n  /** Prefix a drag handle and allow pointer and keyboard reorder within the contiguous reorderable run. */\n  reorderable?: boolean;\n  /** Keep the drag handle visible as an inactive alignment affordance when reordering is unavailable. */\n  reorderHandleInactive?: boolean;\n  /** Append a separate unfilled icon toggle after a decorative divider. */\n  trailingToggle?: MenuItemTrailingToggleData;\n  /** Append independent unfilled icon actions while the row owns the shared hover surface. */\n  trailingActions?: MenuItemActionData[];\n}",
       "docstring": "",
       "path": "src/wc/components/Menu/menu-types.ts"
     },
@@ -44397,8 +45221,8 @@
       "path": "src/wc/components/Table/table-types.ts"
     },
     "src/wc/components/Table/table-types.ts::DataFieldsConfigChangeDetail": {
-      "declaration": "export interface DataFieldsConfigChangeDetail {\n  hiddenFieldIds: string[];\n  fieldOrder: string[];\n}",
-      "docstring": "Controlled show/hide and data-column order for the table-owned customizer.",
+      "declaration": "export interface DataFieldsConfigChangeDetail {\n  hiddenFieldIds: string[];\n  fieldOrder: string[];\n  pinnedFieldIds: string[];\n}",
+      "docstring": "Controlled visibility, display order, and user pinning for the table-owned customizer.",
       "path": "src/wc/components/Table/table-types.ts"
     },
     "src/wc/components/Divider/Divider.tsx::DividerOrientation": {
@@ -44501,6 +45325,11 @@
       "docstring": "",
       "path": "src/wc/utils/index.ts"
     },
+    "src/wc/components/Menu/menu-types.ts::MenuItemToggleDetail": {
+      "declaration": "export interface MenuItemToggleDetail {\n  item: MenuItemData;\n  pressed: boolean;\n  /** Identifies an independent trailing action; omitted for the legacy toggle control. */\n  action?: MenuItemActionData;\n}",
+      "docstring": "",
+      "path": "src/wc/components/Menu/menu-types.ts"
+    },
     "src/wc/components/Menu/menu-types.ts::MenuReorderDetail": {
       "declaration": "export interface MenuReorderDetail {\n  item: MenuItemData;\n  fromIndex: number;\n  toIndex: number;\n  sectionIndex: number;\n  items: MenuItemData[];\n}",
       "docstring": "Next section item order after a pointer or keyboard reorder.",
@@ -44571,6 +45400,26 @@
       "docstring": "",
       "path": "src/wc/components/ScrollOverlay/ScrollOverlay.tsx"
     },
+    "src/wc/components/SelectToggle/SelectToggle.tsx::SelectToggleOption": {
+      "declaration": "export interface SelectToggleOption {\n  value: string;\n  label: string;\n  icon?: string;\n}",
+      "docstring": "",
+      "path": "src/wc/components/SelectToggle/SelectToggle.tsx"
+    },
+    "src/wc/components/SelectToggle/SelectToggle.tsx::SelectToggleVariant": {
+      "declaration": "export type SelectToggleVariant = 'label' | 'icon' | 'icon-label';",
+      "docstring": "",
+      "path": "src/wc/components/SelectToggle/SelectToggle.tsx"
+    },
+    "src/wc/components/SelectToggle/SelectToggle.tsx::SelectToggleSize": {
+      "declaration": "export type SelectToggleSize = 'sm' | 'md' | 'lg';",
+      "docstring": "",
+      "path": "src/wc/components/SelectToggle/SelectToggle.tsx"
+    },
+    "src/wc/utils/index.ts::ControlWidth": {
+      "declaration": "any",
+      "docstring": "",
+      "path": "src/wc/utils/index.ts"
+    },
     "src/wc/components/SettingRowCheckbox/SettingRowCheckbox.tsx::SettingRowCheckboxPresentation": {
       "declaration": "export type SettingRowCheckboxPresentation = 'edit' | 'view';",
       "docstring": "",
@@ -45141,6 +45990,11 @@
       "docstring": "",
       "path": "src/wc/components/SwatchPicker/swatch-picker-types.ts"
     },
+    "src/wc/components/Table/table-types.ts::TableChromeLayout": {
+      "declaration": "export type TableChromeLayout = 'contained' | 'edge-to-edge';",
+      "docstring": "",
+      "path": "src/wc/components/Table/table-types.ts"
+    },
     "src/wc/components/Table/table-types.ts::TableCellSpan": {
       "declaration": "export interface TableCellSpan {\n  rowIds: string[];\n  columnIds: string[];\n}",
       "docstring": "A rectangular merge anchored at the first row/column. Covered values remain in application data.",