@ds-mo/ui 14.20.0 → 14.21.0

package/dist/docs/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-08-27T04:39:44",
+  "timestamp": "2026-08-27T21:50:42",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.43.5",
@@ -6006,7 +6006,9 @@
         "ds-shell-app",
         "ds-shell-tools",
         "ds-table",
+        "ds-table-group",
         "ds-table-saved-views",
+        "ds-table-search",
         "ds-table-sort",
         "ds-toast"
       ],
@@ -6103,9 +6105,15 @@
         "ds-table": [
           "ds-button-unfilled"
         ],
+        "ds-table-group": [
+          "ds-button-unfilled"
+        ],
         "ds-table-saved-views": [
           "ds-button-unfilled"
         ],
+        "ds-table-search": [
+          "ds-button-unfilled"
+        ],
         "ds-table-sort": [
           "ds-button-unfilled"
         ],
@@ -7962,6 +7970,47 @@
       "docsTags": [],
       "usage": {},
       "props": [
+        {
+          "name": "insetDepth",
+          "type": "\"double\" | \"single\"",
+          "complexType": {
+            "original": "ControlInsetDepth",
+            "resolved": "\"double\" | \"single\"",
+            "references": {
+              "ControlInsetDepth": {
+                "location": "import",
+                "path": "../../utils",
+                "id": "src/wc/utils/index.ts::ControlInsetDepth",
+                "referenceLocation": "ControlInsetDepth"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "inset-depth",
+          "reflectToAttr": false,
+          "docs": "Single removes 4px overall; double removes 8px overall (xs stays single).",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'single'"
+            }
+          ],
+          "default": "'single'",
+          "values": [
+            {
+              "value": "double",
+              "type": "string"
+            },
+            {
+              "value": "single",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "isInactive",
           "type": "boolean",
@@ -7991,6 +8040,35 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "isInset",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "is-inset",
+          "reflectToAttr": false,
+          "docs": "Use reduced outer geometry when nested inside a control of the same size.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "label",
           "type": "string",
@@ -8216,7 +8294,9 @@
       "slots": [],
       "parts": [],
       "states": [],
-      "dependents": [],
+      "dependents": [
+        "ds-table-search"
+      ],
       "dependencies": [
         "ds-text",
         "ds-icon"
@@ -8225,6 +8305,9 @@
         "ds-chip": [
           "ds-text",
           "ds-icon"
+        ],
+        "ds-table-search": [
+          "ds-chip"
         ]
       }
     },
@@ -9128,6 +9211,7 @@
         "ds-pagination",
         "ds-panel-tool-search",
         "ds-table",
+        "ds-table-search",
         "ds-table-toolbar"
       ],
       "dependencies": [],
@@ -9141,6 +9225,9 @@
         "ds-table": [
           "ds-divider"
         ],
+        "ds-table-search": [
+          "ds-divider"
+        ],
         "ds-table-toolbar": [
           "ds-divider"
         ]
@@ -9244,8 +9331,11 @@
       "parts": [],
       "states": [],
       "dependents": [
+        "ds-filter-menu",
         "ds-select",
-        "ds-table"
+        "ds-table",
+        "ds-table-group",
+        "ds-table-search"
       ],
       "dependencies": [
         "ds-icon",
@@ -9256,11 +9346,20 @@
           "ds-icon",
           "ds-text"
         ],
+        "ds-filter-menu": [
+          "ds-empty-state"
+        ],
         "ds-select": [
           "ds-empty-state"
         ],
         "ds-table": [
           "ds-empty-state"
+        ],
+        "ds-table-group": [
+          "ds-empty-state"
+        ],
+        "ds-table-search": [
+          "ds-empty-state"
         ]
       }
     },
@@ -9960,6 +10059,43 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "matchModes",
+          "type": "{ [x: string]: FilterMenuMatchMode | undefined; }",
+          "complexType": {
+            "original": "FilterMenuMatchModes",
+            "resolved": "{ [x: string]: FilterMenuMatchMode | undefined; }",
+            "references": {
+              "FilterMenuMatchModes": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/FilterMenu/FilterMenu.tsx",
+                "id": "src/wc/components/FilterMenu/FilterMenu.tsx::FilterMenuMatchModes"
+              }
+            }
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "Controlled any/all match mode keyed by multiple-choice filter id. Defaults to any.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "{}"
+            }
+          ],
+          "default": "{}",
+          "values": [
+            {
+              "type": "{ [x: string]: FilterMenuMatchMode"
+            },
+            {
+              "type": "undefined; }"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "menuLabel",
           "type": "string",
@@ -10018,6 +10154,35 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "noResultsText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "no-results-text",
+          "reflectToAttr": false,
+          "docs": "Empty-state text shown when an option search has no matches.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'No results'"
+            }
+          ],
+          "default": "'No results'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "open",
           "type": "boolean",
@@ -10047,6 +10212,35 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "searchPlaceholder",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "search-placeholder",
+          "reflectToAttr": false,
+          "docs": "Placeholder shown in each non-date option search header.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Search'"
+            }
+          ],
+          "default": "'Search'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "showSelectedCount",
           "type": "boolean",
@@ -10390,6 +10584,26 @@
           "docs": "Requests that the controlled popup close.",
           "docsTags": []
         },
+        {
+          "event": "dsMatchModeChange",
+          "detail": "FilterMenuMatchModeChangeDetail",
+          "bubbles": true,
+          "complexType": {
+            "original": "FilterMenuMatchModeChangeDetail",
+            "resolved": "FilterMenuMatchModeChangeDetail",
+            "references": {
+              "FilterMenuMatchModeChangeDetail": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/FilterMenu/FilterMenu.tsx",
+                "id": "src/wc/components/FilterMenu/FilterMenu.tsx::FilterMenuMatchModeChangeDetail"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Requests a controlled any/all mode replacement for a multiple-choice filter.",
+          "docsTags": []
+        },
         {
           "event": "dsOpenChange",
           "detail": "boolean",
@@ -10423,22 +10637,26 @@
         "ds-button-unfilled",
         "ds-text",
         "ds-tab-group",
+        "ds-empty-state",
         "ds-checkbox",
         "ds-tooltip",
         "ds-icon",
         "ds-badge",
-        "ds-tag"
+        "ds-tag",
+        "ds-input"
       ],
       "dependencyGraph": {
         "ds-filter-menu": [
           "ds-button-unfilled",
           "ds-text",
           "ds-tab-group",
+          "ds-empty-state",
           "ds-checkbox",
           "ds-tooltip",
           "ds-icon",
           "ds-badge",
-          "ds-tag"
+          "ds-tag",
+          "ds-input"
         ],
         "ds-button-unfilled": [
           "ds-tooltip",
@@ -10458,6 +10676,10 @@
           "ds-text",
           "ds-badge"
         ],
+        "ds-empty-state": [
+          "ds-icon",
+          "ds-text"
+        ],
         "ds-checkbox": [
           "ds-text"
         ],
@@ -10465,6 +10687,11 @@
           "ds-icon",
           "ds-text"
         ],
+        "ds-input": [
+          "ds-icon",
+          "ds-button-unfilled",
+          "ds-text"
+        ],
         "ds-table-filter": [
           "ds-filter-menu"
         ]
@@ -10827,10 +11054,10 @@
         "ds-mobile-bar-nav",
         "ds-mobile-sheet-nav",
         "ds-panel-nav",
-        "ds-panel-tool-search",
         "ds-select",
         "ds-tab-group",
         "ds-table",
+        "ds-table-search",
         "ds-tag"
       ],
       "dependencies": [],
@@ -10889,9 +11116,6 @@
         "ds-panel-nav": [
           "ds-icon"
         ],
-        "ds-panel-tool-search": [
-          "ds-icon"
-        ],
         "ds-select": [
           "ds-icon"
         ],
@@ -10901,6 +11125,9 @@
         "ds-table": [
           "ds-icon"
         ],
+        "ds-table-search": [
+          "ds-icon"
+        ],
         "ds-tag": [
           "ds-icon"
         ]
@@ -10914,6 +11141,58 @@
       "docsTags": [],
       "usage": {},
       "props": [
+        {
+          "name": "ariaActiveDescendant",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string | undefined",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "aria-activedescendant",
+          "reflectToAttr": false,
+          "docs": "Identifies the active descendant while focus remains in the editable field.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "ariaControls",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string | undefined",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "aria-controls",
+          "reflectToAttr": false,
+          "docs": "Identifies the results or popup controlled by the editable field.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "ariaDescribedby",
           "type": "string | undefined",
@@ -11250,6 +11529,35 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "hasInteractionFill",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "has-interaction-fill",
+          "reflectToAttr": false,
+          "docs": "Show the standard hover and pressed fill when the field is not embedded in interactive chrome.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "true"
+            }
+          ],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "icon",
           "type": "string | undefined",
@@ -11855,6 +12163,10 @@
       "parts": [],
       "states": [],
       "dependents": [
+        "ds-filter-menu",
+        "ds-panel-tool-search",
+        "ds-select",
+        "ds-table-group",
         "ds-table-saved-views"
       ],
       "dependencies": [
@@ -11881,6 +12193,18 @@
         "ds-badge": [
           "ds-text"
         ],
+        "ds-filter-menu": [
+          "ds-input"
+        ],
+        "ds-panel-tool-search": [
+          "ds-input"
+        ],
+        "ds-select": [
+          "ds-input"
+        ],
+        "ds-table-group": [
+          "ds-input"
+        ],
         "ds-table-saved-views": [
           "ds-input"
         ]
@@ -16889,7 +17213,8 @@
           "ds-button-unfilled",
           "ds-loader",
           "ds-badge",
-          "ds-empty-state"
+          "ds-empty-state",
+          "ds-input"
         ],
         "ds-checkbox": [
           "ds-text"
@@ -16911,6 +17236,11 @@
           "ds-icon",
           "ds-text"
         ],
+        "ds-input": [
+          "ds-icon",
+          "ds-button-unfilled",
+          "ds-text"
+        ],
         "ds-table": [
           "ds-pagination"
         ]
@@ -18800,16 +19130,16 @@
         "ds-divider",
         "ds-tooltip",
         "ds-button-unfilled",
-        "ds-icon",
-        "ds-text"
+        "ds-text",
+        "ds-input"
       ],
       "dependencyGraph": {
         "ds-panel-tool-search": [
           "ds-divider",
           "ds-tooltip",
           "ds-button-unfilled",
-          "ds-icon",
-          "ds-text"
+          "ds-text",
+          "ds-input"
         ],
         "ds-tooltip": [
           "ds-text"
@@ -18823,6 +19153,11 @@
         ],
         "ds-badge": [
           "ds-text"
+        ],
+        "ds-input": [
+          "ds-icon",
+          "ds-button-unfilled",
+          "ds-text"
         ]
       }
     },
@@ -21409,7 +21744,8 @@
         "ds-button-unfilled",
         "ds-loader",
         "ds-badge",
-        "ds-empty-state"
+        "ds-empty-state",
+        "ds-input"
       ],
       "dependencyGraph": {
         "ds-select": [
@@ -21420,7 +21756,8 @@
           "ds-button-unfilled",
           "ds-loader",
           "ds-badge",
-          "ds-empty-state"
+          "ds-empty-state",
+          "ds-input"
         ],
         "ds-checkbox": [
           "ds-text"
@@ -21442,6 +21779,11 @@
           "ds-icon",
           "ds-text"
         ],
+        "ds-input": [
+          "ds-icon",
+          "ds-button-unfilled",
+          "ds-text"
+        ],
         "ds-pagination": [
           "ds-select"
         ],
@@ -25423,6 +25765,35 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "hasContainer",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "has-container",
+          "reflectToAttr": false,
+          "docs": "Show the segmented control's outer background, border, and inset.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "true"
+            }
+          ],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "size",
           "type": "\"lg\" | \"md\" | \"sm\"",
@@ -26574,6 +26945,62 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "highlightFieldIds",
+          "type": "string[]",
+          "complexType": {
+            "original": "string[]",
+            "resolved": "string[]",
+            "references": {}
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "Optional TableSearch field identities that restrict which data-point tracks are highlighted.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "[]"
+            }
+          ],
+          "default": "[]",
+          "values": [
+            {
+              "type": "string[]"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "highlightTerms",
+          "type": "string[]",
+          "complexType": {
+            "original": "string[]",
+            "resolved": "string[]",
+            "references": {}
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "Literal terms to highlight in table-owned text cells. Applications still own filtering.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "[]"
+            }
+          ],
+          "default": "[]",
+          "values": [
+            {
+              "type": "string[]"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "infiniteModeLabel",
           "type": "string",
@@ -27706,7 +28133,13 @@
           "ds-button-unfilled",
           "ds-loader",
           "ds-badge",
-          "ds-empty-state"
+          "ds-empty-state",
+          "ds-input"
+        ],
+        "ds-input": [
+          "ds-icon",
+          "ds-button-unfilled",
+          "ds-text"
         ]
       }
     },
@@ -27898,6 +28331,44 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "matchModes",
+          "type": "{ [x: string]: FilterMenuMatchMode | undefined; }",
+          "complexType": {
+            "original": "FilterMenuMatchModes",
+            "resolved": "{ [x: string]: FilterMenuMatchMode | undefined; }",
+            "references": {
+              "FilterMenuMatchModes": {
+                "location": "import",
+                "path": "../FilterMenu/FilterMenu",
+                "id": "src/wc/components/FilterMenu/FilterMenu.tsx::FilterMenuMatchModes",
+                "referenceLocation": "FilterMenuMatchModes"
+              }
+            }
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "Controlled any/all match mode keyed by multiple-choice filter id. Defaults to any.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "{}"
+            }
+          ],
+          "default": "{}",
+          "values": [
+            {
+              "type": "{ [x: string]: FilterMenuMatchMode"
+            },
+            {
+              "type": "undefined; }"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "menuLabel",
           "type": "null | string",
@@ -27930,6 +28401,35 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "noResultsText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "no-results-text",
+          "reflectToAttr": false,
+          "docs": "Empty-state text shown when an option search has no matches.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'No results'"
+            }
+          ],
+          "default": "'No results'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "open",
           "type": "boolean",
@@ -27959,6 +28459,35 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "searchPlaceholder",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "search-placeholder",
+          "reflectToAttr": false,
+          "docs": "Placeholder shown in each non-date option search header.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Search'"
+            }
+          ],
+          "default": "'Search'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "values",
           "type": "{ [x: string]: FilterMenuValue | undefined; }",
@@ -28077,6 +28606,27 @@
           "docs": "Requests that the controlled popup close.",
           "docsTags": []
         },
+        {
+          "event": "dsMatchModeChange",
+          "detail": "FilterMenuMatchModeChangeDetail",
+          "bubbles": true,
+          "complexType": {
+            "original": "FilterMenuMatchModeChangeDetail",
+            "resolved": "FilterMenuMatchModeChangeDetail",
+            "references": {
+              "FilterMenuMatchModeChangeDetail": {
+                "location": "import",
+                "path": "../FilterMenu/FilterMenu",
+                "id": "src/wc/components/FilterMenu/FilterMenu.tsx::FilterMenuMatchModeChangeDetail",
+                "referenceLocation": "FilterMenuMatchModeChangeDetail"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Requests a controlled any/all mode replacement for a multiple-choice filter.",
+          "docsTags": []
+        },
         {
           "event": "dsOpenChange",
           "detail": "boolean",
@@ -28109,11 +28659,13 @@
           "ds-button-unfilled",
           "ds-text",
           "ds-tab-group",
+          "ds-empty-state",
           "ds-checkbox",
           "ds-tooltip",
           "ds-icon",
           "ds-badge",
-          "ds-tag"
+          "ds-tag",
+          "ds-input"
         ],
         "ds-button-unfilled": [
           "ds-tooltip",
@@ -28133,12 +28685,322 @@
           "ds-text",
           "ds-badge"
         ],
+        "ds-empty-state": [
+          "ds-icon",
+          "ds-text"
+        ],
         "ds-checkbox": [
           "ds-text"
         ],
         "ds-tag": [
           "ds-icon",
           "ds-text"
+        ],
+        "ds-input": [
+          "ds-icon",
+          "ds-button-unfilled",
+          "ds-text"
+        ]
+      }
+    },
+    {
+      "filePath": "src/wc/components/TableGroup/TableGroup.tsx",
+      "encapsulation": "scoped",
+      "tag": "ds-table-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": "Accessible name for the trigger and non-modal dialog.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "null"
+            }
+          ],
+          "default": "null",
+          "values": [
+            {
+              "type": "null"
+            },
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "clearLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "clear-label",
+          "reflectToAttr": false,
+          "docs": "Clear action label.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Clear'"
+            }
+          ],
+          "default": "'Clear'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "emptyMessage",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "empty-message",
+          "reflectToAttr": false,
+          "docs": "Empty message kept in the order pane until a grouping data point is selected.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Select a group to choose its order.'"
+            }
+          ],
+          "default": "'Select a group to choose its order.'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "grouping",
+          "type": "TableGroupingState | null",
+          "complexType": {
+            "original": "TableGroupingState | null",
+            "resolved": "TableGroupingState | null",
+            "references": {
+              "TableGroupingState": {
+                "location": "import",
+                "path": "../Table/table-types",
+                "id": "src/wc/components/Table/table-types.ts::TableGroupingState",
+                "referenceLocation": "TableGroupingState"
+              }
+            }
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "Controlled grouping field and the order of its group sections.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "null"
+            }
+          ],
+          "default": "null",
+          "values": [
+            {
+              "type": "TableGroupingState"
+            },
+            {
+              "type": "null"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "open",
+          "reflectToAttr": false,
+          "docs": "Controlled popup visibility.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "options",
+          "type": "TableGroupOption[]",
+          "complexType": {
+            "original": "TableGroupOption[]",
+            "resolved": "TableGroupOption[]",
+            "references": {
+              "TableGroupOption": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/TableGroup/TableGroup.tsx",
+                "id": "src/wc/components/TableGroup/TableGroup.tsx::TableGroupOption"
+              }
+            }
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "Product-owned data points that may group the table.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "[]"
+            }
+          ],
+          "default": "[]",
+          "values": [
+            {
+              "type": "TableGroupOption[]"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "dsClear",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Requests removal of the controlled grouping state.",
+          "docsTags": []
+        },
+        {
+          "event": "dsGroupChange",
+          "detail": "TableGroupingState",
+          "bubbles": true,
+          "complexType": {
+            "original": "TableGroupingState",
+            "resolved": "TableGroupingState",
+            "references": {
+              "TableGroupingState": {
+                "location": "import",
+                "path": "../Table/table-types",
+                "id": "src/wc/components/Table/table-types.ts::TableGroupingState",
+                "referenceLocation": "TableGroupingState"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Requests replacement of the complete controlled grouping state.",
+          "docsTags": []
+        },
+        {
+          "event": "dsOpenChange",
+          "detail": "boolean",
+          "bubbles": true,
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Reports controlled popup visibility changes.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [
+        {
+          "event": "keydown",
+          "capture": false,
+          "passive": false
+        }
+      ],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [
+        "ds-button-unfilled",
+        "ds-text",
+        "ds-empty-state",
+        "ds-input"
+      ],
+      "dependencyGraph": {
+        "ds-table-group": [
+          "ds-button-unfilled",
+          "ds-text",
+          "ds-empty-state",
+          "ds-input"
+        ],
+        "ds-button-unfilled": [
+          "ds-tooltip",
+          "ds-loader",
+          "ds-icon",
+          "ds-badge",
+          "ds-text"
+        ],
+        "ds-tooltip": [
+          "ds-text"
+        ],
+        "ds-badge": [
+          "ds-text"
+        ],
+        "ds-empty-state": [
+          "ds-icon",
+          "ds-text"
+        ],
+        "ds-input": [
+          "ds-icon",
+          "ds-button-unfilled",
+          "ds-text"
         ]
       }
     },
@@ -28551,7 +29413,8 @@
           "ds-button-unfilled",
           "ds-loader",
           "ds-badge",
-          "ds-empty-state"
+          "ds-empty-state",
+          "ds-input"
         ],
         "ds-checkbox": [
           "ds-text"
@@ -28573,6 +29436,11 @@
           "ds-icon",
           "ds-text"
         ],
+        "ds-input": [
+          "ds-icon",
+          "ds-button-unfilled",
+          "ds-text"
+        ],
         "ds-menu": [
           "ds-text",
           "ds-swatch-picker",
@@ -28593,16 +29461,378 @@
         "ds-field": [
           "ds-text"
         ],
-        "ds-input": [
+        "ds-button-filled": [
+          "ds-loader",
           "ds-icon",
-          "ds-button-unfilled",
+          "ds-badge",
           "ds-text"
+        ]
+      }
+    },
+    {
+      "filePath": "src/wc/components/TableSearch/TableSearch.tsx",
+      "encapsulation": "scoped",
+      "tag": "ds-table-search",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "ariaLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "aria-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Search table'"
+            }
+          ],
+          "default": "'Search table'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "clearLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "clear-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Clear search'"
+            }
+          ],
+          "default": "'Clear search'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "columns",
+          "type": "TableColumn[]",
+          "complexType": {
+            "original": "TableColumn[]",
+            "resolved": "TableColumn[]",
+            "references": {
+              "TableColumn": {
+                "location": "import",
+                "path": "../Table/table-types",
+                "id": "src/wc/components/Table/table-types.ts::TableColumn",
+                "referenceLocation": "TableColumn"
+              }
+            }
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "Table column catalog used to derive searchable data points and their complete labels.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "[]"
+            }
+          ],
+          "default": "[]",
+          "values": [
+            {
+              "type": "TableColumn[]"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "fieldMenuLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "field-menu-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Choose search fields'"
+            }
+          ],
+          "default": "'Choose search fields'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "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": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "placeholder",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Search'"
+            }
+          ],
+          "default": "'Search'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "selectedFieldIds",
+          "type": "string[]",
+          "complexType": {
+            "original": "string[]",
+            "resolved": "string[]",
+            "references": {}
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "Controlled ordered field scopes rendered as Tags.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "[]"
+            }
+          ],
+          "default": "[]",
+          "values": [
+            {
+              "type": "string[]"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "value",
+          "reflectToAttr": false,
+          "docs": "Controlled free-text query.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "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": []
+        }
+      ],
+      "events": [
+        {
+          "event": "dsChange",
+          "detail": "string",
+          "bubbles": false,
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "dsClear",
+          "detail": "void",
+          "bubbles": false,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "dsFieldsChange",
+          "detail": "TableSearchFieldsChangeDetail",
+          "bubbles": false,
+          "complexType": {
+            "original": "TableSearchFieldsChangeDetail",
+            "resolved": "TableSearchFieldsChangeDetail",
+            "references": {
+              "TableSearchFieldsChangeDetail": {
+                "location": "import",
+                "path": "./table-search-types",
+                "id": "src/wc/components/TableSearch/table-search-types.ts::TableSearchFieldsChangeDetail",
+                "referenceLocation": "TableSearchFieldsChangeDetail"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [
+        "ds-icon",
+        "ds-chip",
+        "ds-button-unfilled",
+        "ds-divider",
+        "ds-text",
+        "ds-empty-state"
+      ],
+      "dependencyGraph": {
+        "ds-table-search": [
+          "ds-icon",
+          "ds-chip",
+          "ds-button-unfilled",
+          "ds-divider",
+          "ds-text",
+          "ds-empty-state"
         ],
-        "ds-button-filled": [
+        "ds-chip": [
+          "ds-text",
+          "ds-icon"
+        ],
+        "ds-button-unfilled": [
+          "ds-tooltip",
           "ds-loader",
           "ds-icon",
           "ds-badge",
           "ds-text"
+        ],
+        "ds-tooltip": [
+          "ds-text"
+        ],
+        "ds-badge": [
+          "ds-text"
+        ],
+        "ds-empty-state": [
+          "ds-icon",
+          "ds-text"
         ]
       }
     },
@@ -30052,6 +31282,8 @@
         "ds-slider",
         "ds-tab-group",
         "ds-table",
+        "ds-table-group",
+        "ds-table-search",
         "ds-tag",
         "ds-toast",
         "ds-tooltip",
@@ -30192,6 +31424,12 @@
         "ds-table": [
           "ds-text"
         ],
+        "ds-table-group": [
+          "ds-text"
+        ],
+        "ds-table-search": [
+          "ds-text"
+        ],
         "ds-tag": [
           "ds-text"
         ],
@@ -31595,6 +32833,11 @@
       "docstring": "",
       "path": "src/wc/components/Chip/Chip.tsx"
     },
+    "src/wc/utils/index.ts::ControlInsetDepth": {
+      "declaration": "any",
+      "docstring": "",
+      "path": "src/wc/utils/index.ts"
+    },
     "src/wc/components/ConversationList/ConversationList.tsx::ConversationListActionLayout": {
       "declaration": "export type ConversationListActionLayout = 'floating' | 'footer';",
       "docstring": "",
@@ -31640,6 +32883,11 @@
       "docstring": "",
       "path": "src/wc/components/FilterMenu/FilterMenu.tsx"
     },
+    "src/wc/components/FilterMenu/FilterMenu.tsx::FilterMenuMatchModes": {
+      "declaration": "{\n    [P in K]: T;\n}",
+      "docstring": "",
+      "path": "src/wc/components/FilterMenu/FilterMenu.tsx"
+    },
     "src/wc/utils/anchored-position.ts::AnchoredSide": {
       "declaration": "export type AnchoredSide = 'top' | 'right' | 'bottom' | 'left';",
       "docstring": "",
@@ -31660,6 +32908,11 @@
       "docstring": "",
       "path": "src/wc/components/FilterMenu/FilterMenu.tsx"
     },
+    "src/wc/components/FilterMenu/FilterMenu.tsx::FilterMenuMatchModeChangeDetail": {
+      "declaration": "export interface FilterMenuMatchModeChangeDetail {\n  filterId: string;\n  mode: FilterMenuMatchMode;\n}",
+      "docstring": "",
+      "path": "src/wc/components/FilterMenu/FilterMenu.tsx"
+    },
     "src/wc/components/Input/Input.tsx::InputType": {
       "declaration": "export type InputType = 'text' | 'email' | 'tel' | 'url' | 'search' | 'password' | 'number';",
       "docstring": "",
@@ -31705,11 +32958,6 @@
       "docstring": "",
       "path": "src/wc/components/Tag/Tag.tsx"
     },
-    "src/wc/utils/index.ts::ControlInsetDepth": {
-      "declaration": "any",
-      "docstring": "",
-      "path": "src/wc/utils/index.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}",
       "docstring": "",
@@ -31905,6 +33153,16 @@
       "docstring": "",
       "path": "src/wc/components/Switch/Switch.tsx"
     },
+    "src/wc/components/TableGroup/TableGroup.tsx::TableGroupOption": {
+      "declaration": "export interface TableGroupOption {\n  label: string;\n  value: string;\n  description?: string;\n  isInactive?: boolean;\n}",
+      "docstring": "",
+      "path": "src/wc/components/TableGroup/TableGroup.tsx"
+    },
+    "src/wc/components/Table/table-types.ts::TableGroupingState": {
+      "declaration": "export interface TableGroupingState {\n  columnId: string;\n  direction: TableSortDirection;\n}",
+      "docstring": "One controlled grouping level. Applications supply groups in their final fixed order.",
+      "path": "src/wc/components/Table/table-types.ts"
+    },
     "src/wc/components/Text/text-types.ts::TextColor": {
       "declaration": "export type TextColor = TextColorToken | `var(--${string})`;",
       "docstring": "",
@@ -32301,7 +33559,7 @@
       "path": "src/wc/components/SwatchPicker/swatch-picker-types.ts"
     },
     "src/wc/components/Table/table-types.ts::TableColumn": {
-      "declaration": "export interface TableColumn {\n  /** Stable column identity. */\n  id: string;\n  /** Visible column label. May be empty when headerLabel supplies a non-visual name. */\n  header: string;\n  /** Screen-reader-only column name for an intentionally blank visual header. */\n  headerLabel?: string;\n  /** Supplementary header help. Does not replace the visible or accessible column name. */\n  help?: string;\n  /** Optional labels for columns that present and sort multiple related data points. */\n  headerSegments?: TableHeaderSegment[];\n  align?: TableCellAlign;\n  sortable?: boolean;\n  /** Preferred TokoMo table-column width. Numbers remain available for exceptional custom pixel widths. */\n  size?: TableColumnWidth | number;\n  /** Derive a fixed image-column width from the matching 1, 2, or 3 track cell geometry. Ignored when size is set. */\n  imageTracks?: TableCellImageTracks;\n  /** Minimum accepted preferred width in CSS pixels. */\n  minSize?: number;\n  /** Maximum accepted preferred width in CSS pixels. */\n  maxSize?: number;\n  /** Wrap cell text instead of truncating it to one line. */\n  wrap?: boolean;\n  /** Clamp wrapping text after 1, 2, or 3 lines. Omit with wrap for unlimited wrap. */\n  maxLines?: TableCellMaxLines;\n  /** Pin one application column to either inline edge during horizontal scrolling. */\n  sticky?: TableColumnSticky;\n  /**\n   * Declare a trailing application-action lane. Action columns keep fixed\n   * geometry and may host grouped table-level controls in their header.\n   */\n  kind?: 'data' | 'action';\n  /** Representative loading geometry for this column. Defaults to one text line. */\n  skeleton?: TableCellSkeleton;\n}",
+      "declaration": "export interface TableColumn {\n  /** Stable column identity. */\n  id: string;\n  /** Visible column label. May be empty when headerLabel supplies a non-visual name. */\n  header: string;\n  /** Complete data-point label used by controls such as Sort and Search. */\n  dataLabel?: string;\n  /** Whether this data point is offered by TableSearch. Defaults to true for data columns. */\n  searchable?: boolean;\n  /** Screen-reader-only column name for an intentionally blank visual header. */\n  headerLabel?: string;\n  /** Supplementary header help. Does not replace the visible or accessible column name. */\n  help?: string;\n  /** Optional labels for columns that present and sort multiple related data points. */\n  headerSegments?: TableHeaderSegment[];\n  align?: TableCellAlign;\n  sortable?: boolean;\n  /** Preferred TokoMo table-column width. Numbers remain available for exceptional custom pixel widths. */\n  size?: TableColumnWidth | number;\n  /** Derive a fixed image-column width from the matching 1, 2, or 3 track cell geometry. Ignored when size is set. */\n  imageTracks?: TableCellImageTracks;\n  /** Minimum accepted preferred width in CSS pixels. */\n  minSize?: number;\n  /** Maximum accepted preferred width in CSS pixels. */\n  maxSize?: number;\n  /** Wrap cell text instead of truncating it to one line. */\n  wrap?: boolean;\n  /** Clamp wrapping text after 1, 2, or 3 lines. Omit with wrap for unlimited wrap. */\n  maxLines?: TableCellMaxLines;\n  /** Pin one application column to either inline edge during horizontal scrolling. */\n  sticky?: TableColumnSticky;\n  /**\n   * Declare a trailing application-action lane. Action columns keep fixed\n   * geometry and may host grouped table-level controls in their header.\n   */\n  kind?: 'data' | 'action';\n  /** Representative loading geometry for this column. Defaults to one text line. */\n  skeleton?: TableCellSkeleton;\n}",
       "docstring": "",
       "path": "src/wc/components/Table/table-types.ts"
     },
@@ -32315,11 +33573,6 @@
       "docstring": "",
       "path": "src/wc/components/Table/table-types.ts"
     },
-    "src/wc/components/Table/table-types.ts::TableGroupingState": {
-      "declaration": "export interface TableGroupingState {\n  columnId: string;\n  direction: TableSortDirection;\n}",
-      "docstring": "One controlled grouping level. Applications supply groups in their final fixed order.",
-      "path": "src/wc/components/Table/table-types.ts"
-    },
     "src/wc/components/Table/table-types.ts::TableSortState": {
       "declaration": "export interface TableSortState {\n  columnId: string;\n  direction: TableSortDirection;\n}",
       "docstring": "Controlled member-row sort state. Group order is controlled separately.",
@@ -32430,6 +33683,11 @@
       "docstring": "",
       "path": "src/wc/components/TableSavedViews/table-saved-views-types.ts"
     },
+    "src/wc/components/TableSearch/table-search-types.ts::TableSearchFieldsChangeDetail": {
+      "declaration": "export interface TableSearchFieldsChangeDetail {\n  selectedFieldIds: string[];\n}",
+      "docstring": "",
+      "path": "src/wc/components/TableSearch/table-search-types.ts"
+    },
     "src/wc/toast/index.ts::ToastManager": {
       "declaration": "any",
       "docstring": "",