@ds-mo/ui 8.0.0 → 8.1.0

package/dist/docs/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-07-15T20:57:52",
+  "timestamp": "2026-07-16T04:28:32",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.43.5",
@@ -248,6 +248,35 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "hasRing",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "has-ring",
+          "reflectToAttr": false,
+          "docs": "Show the separation ring when the badge overlaps an icon or other content.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "true"
+            }
+          ],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "label",
           "type": "string | undefined",
@@ -1344,6 +1373,35 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "rounded",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "rounded",
+          "reflectToAttr": false,
+          "docs": "Use the half-radius treatment instead of the default control radius.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "size",
           "type": "\"md\" | \"sm\" | \"xs\"",
@@ -2043,6 +2101,35 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "rounded",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "rounded",
+          "reflectToAttr": false,
+          "docs": "Use the half-radius treatment instead of the default control radius.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "size",
           "type": "\"md\" | \"sm\" | \"xs\"",
@@ -2279,7 +2366,9 @@
         "ds-card-data-viz-donut",
         "ds-card-setting",
         "ds-panel-nav",
-        "ds-panel-tools"
+        "ds-panel-tools",
+        "ds-select",
+        "ds-select-multi"
       ],
       "dependencies": [
         "ds-loader",
@@ -2311,6 +2400,12 @@
         ],
         "ds-panel-tools": [
           "ds-button-unfilled"
+        ],
+        "ds-select": [
+          "ds-button-unfilled"
+        ],
+        "ds-select-multi": [
+          "ds-button-unfilled"
         ]
       }
     },
@@ -3724,7 +3819,7 @@
           "mutable": true,
           "attr": "checked",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "Current checked state.",
           "docsTags": [
             {
               "name": "default",
@@ -3753,7 +3848,7 @@
           "mutable": false,
           "attr": "disabled",
           "reflectToAttr": true,
-          "docs": "",
+          "docs": "Native disabled state.",
           "docsTags": [
             {
               "name": "default",
@@ -3779,10 +3874,10 @@
             "resolved": "boolean",
             "references": {}
           },
-          "mutable": false,
+          "mutable": true,
           "attr": "indeterminate",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "Mixed visual state. Activation clears it before toggling checked.",
           "docsTags": [
             {
               "name": "default",
@@ -3811,7 +3906,7 @@
           "mutable": false,
           "attr": "is-inactive",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "Design-system inactive state.",
           "docsTags": [
             {
               "name": "default",
@@ -3840,7 +3935,7 @@
           "mutable": false,
           "attr": "label",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "Visible label and accessible name. Omitted only in presentation mode.",
           "docsTags": [],
           "values": [
             {
@@ -3863,7 +3958,7 @@
           "mutable": false,
           "attr": "name",
           "reflectToAttr": true,
-          "docs": "",
+          "docs": "Native form field name.",
           "docsTags": [],
           "values": [
             {
@@ -3878,6 +3973,35 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "presentation",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "presentation",
+          "reflectToAttr": false,
+          "docs": "Visual-only indicator for a composite control that owns selection semantics.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "required",
           "type": "boolean",
@@ -3889,7 +4013,7 @@
           "mutable": false,
           "attr": "required",
           "reflectToAttr": true,
-          "docs": "",
+          "docs": "Require the checkbox to be checked for form validity.",
           "docsTags": [
             {
               "name": "default",
@@ -3918,7 +4042,7 @@
           "mutable": false,
           "attr": "required-message",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "Validation message used when a required checkbox is unchecked.",
           "docsTags": [
             {
               "name": "default",
@@ -3936,6 +4060,50 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "size",
+          "type": "\"md\" | \"sm\" | \"xs\"",
+          "complexType": {
+            "original": "CheckboxSize",
+            "resolved": "\"md\" | \"sm\" | \"xs\"",
+            "references": {
+              "CheckboxSize": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/Checkbox/Checkbox.tsx",
+                "id": "src/wc/components/Checkbox/Checkbox.tsx::CheckboxSize"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "Visual and placement density.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'md'"
+            }
+          ],
+          "default": "'md'",
+          "values": [
+            {
+              "value": "md",
+              "type": "string"
+            },
+            {
+              "value": "sm",
+              "type": "string"
+            },
+            {
+              "value": "xs",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "value",
           "type": "string",
@@ -3947,7 +4115,7 @@
           "mutable": false,
           "attr": "value",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "Submitted value when checked.",
           "docsTags": [
             {
               "name": "default",
@@ -3979,7 +4147,7 @@
           },
           "cancelable": true,
           "composed": true,
-          "docs": "",
+          "docs": "Emitted after user activation with the new checked state.",
           "docsTags": []
         }
       ],
@@ -3988,13 +4156,20 @@
       "slots": [],
       "parts": [],
       "states": [],
-      "dependents": [],
+      "dependents": [
+        "ds-select-multi"
+      ],
       "dependencies": [
+        "ds-icon",
         "ds-text"
       ],
       "dependencyGraph": {
         "ds-checkbox": [
+          "ds-icon",
           "ds-text"
+        ],
+        "ds-select-multi": [
+          "ds-checkbox"
         ]
       }
     },
@@ -4577,24 +4752,27 @@
       "usage": {},
       "props": [
         {
-          "name": "message",
-          "type": "string | undefined",
+          "name": "body",
+          "type": "string",
           "complexType": {
-            "original": "string | undefined",
-            "resolved": "string | undefined",
+            "original": "string",
+            "resolved": "string",
             "references": {}
           },
           "mutable": false,
-          "attr": "message",
+          "attr": "body",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "Explanatory empty-state copy. Every supported variant includes body text.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
           "values": [
             {
               "type": "string"
-            },
-            {
-              "type": "undefined"
             }
           ],
           "optional": false,
@@ -4603,56 +4781,24 @@
           "setter": false
         },
         {
-          "name": "messages",
-          "type": "\"no-access\" | \"no-content\" | \"no-results\" | \"no-results-filter\" | string",
+          "name": "heading",
+          "type": "string | undefined",
           "complexType": {
-            "original": "Partial<Record<EmptyStateType, string>>",
-            "resolved": "\"no-access\" | \"no-content\" | \"no-results\" | \"no-results-filter\" | string",
-            "references": {
-              "Partial": {
-                "location": "global",
-                "id": "global::Partial"
-              },
-              "Record": {
-                "location": "global",
-                "id": "global::Record"
-              },
-              "EmptyStateType": {
-                "location": "local",
-                "path": "/home/runner/work/compomo/compomo/src/wc/components/EmptyState/EmptyState.tsx",
-                "id": "src/wc/components/EmptyState/EmptyState.tsx::EmptyStateType"
-              }
-            }
+            "original": "string | undefined",
+            "resolved": "string | undefined",
+            "references": {}
           },
           "mutable": false,
+          "attr": "heading",
           "reflectToAttr": false,
-          "docs": "Localized defaults keyed by empty-state type. Set as a JS property.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "{}"
-            }
-          ],
-          "default": "{}",
+          "docs": "Optional visual title. Use with body; required when icon is provided.",
+          "docsTags": [],
           "values": [
             {
-              "value": "no-access",
-              "type": "string"
-            },
-            {
-              "value": "no-content",
-              "type": "string"
-            },
-            {
-              "value": "no-results",
-              "type": "string"
-            },
-            {
-              "value": "no-results-filter",
               "type": "string"
             },
             {
-              "type": "string"
+              "type": "undefined"
             }
           ],
           "optional": false,
@@ -4661,46 +4807,24 @@
           "setter": false
         },
         {
-          "name": "type",
-          "type": "\"no-access\" | \"no-content\" | \"no-results\" | \"no-results-filter\"",
+          "name": "icon",
+          "type": "string | undefined",
           "complexType": {
-            "original": "EmptyStateType",
-            "resolved": "\"no-access\" | \"no-content\" | \"no-results\" | \"no-results-filter\"",
-            "references": {
-              "EmptyStateType": {
-                "location": "local",
-                "path": "/home/runner/work/compomo/compomo/src/wc/components/EmptyState/EmptyState.tsx",
-                "id": "src/wc/components/EmptyState/EmptyState.tsx::EmptyStateType"
-              }
-            }
+            "original": "string | undefined",
+            "resolved": "string | undefined",
+            "references": {}
           },
           "mutable": false,
-          "attr": "type",
+          "attr": "icon",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "'no-content'"
-            }
-          ],
-          "default": "'no-content'",
+          "docs": "Optional decorative prefix glyph for the complete icon + title + body variant.",
+          "docsTags": [],
           "values": [
             {
-              "value": "no-access",
-              "type": "string"
-            },
-            {
-              "value": "no-content",
               "type": "string"
             },
             {
-              "value": "no-results",
-              "type": "string"
-            },
-            {
-              "value": "no-results-filter",
-              "type": "string"
+              "type": "undefined"
             }
           ],
           "optional": false,
@@ -4716,13 +4840,24 @@
       "slots": [],
       "parts": [],
       "states": [],
-      "dependents": [],
-      "dependencies": [
-        "ds-text"
+      "dependents": [
+        "ds-select",
+        "ds-select-multi"
+      ],
+      "dependencies": [
+        "ds-icon",
+        "ds-text"
       ],
       "dependencyGraph": {
         "ds-empty-state": [
+          "ds-icon",
           "ds-text"
+        ],
+        "ds-select": [
+          "ds-empty-state"
+        ],
+        "ds-select-multi": [
+          "ds-empty-state"
         ]
       }
     },
@@ -5142,9 +5277,12 @@
       "dependents": [
         "ds-button-filled",
         "ds-button-unfilled",
+        "ds-checkbox",
         "ds-chip",
+        "ds-empty-state",
         "ds-panel-nav",
         "ds-select",
+        "ds-select-multi",
         "ds-tab-group",
         "ds-tag"
       ],
@@ -5156,15 +5294,24 @@
         "ds-button-unfilled": [
           "ds-icon"
         ],
+        "ds-checkbox": [
+          "ds-icon"
+        ],
         "ds-chip": [
           "ds-icon"
         ],
+        "ds-empty-state": [
+          "ds-icon"
+        ],
         "ds-panel-nav": [
           "ds-icon"
         ],
         "ds-select": [
           "ds-icon"
         ],
+        "ds-select-multi": [
+          "ds-icon"
+        ],
         "ds-tab-group": [
           "ds-icon"
         ],
@@ -6038,7 +6185,9 @@
       "states": [],
       "dependents": [
         "ds-button-filled",
-        "ds-button-unfilled"
+        "ds-button-unfilled",
+        "ds-select",
+        "ds-select-multi"
       ],
       "dependencies": [],
       "dependencyGraph": {
@@ -6047,6 +6196,12 @@
         ],
         "ds-button-unfilled": [
           "ds-loader"
+        ],
+        "ds-select": [
+          "ds-loader"
+        ],
+        "ds-select-multi": [
+          "ds-loader"
         ]
       }
     },
@@ -6553,8 +6708,7 @@
       "parts": [],
       "states": [],
       "dependents": [
-        "ds-bar-nav",
-        "ds-select"
+        "ds-bar-nav"
       ],
       "dependencies": [
         "ds-text",
@@ -6577,9 +6731,6 @@
         ],
         "ds-bar-nav": [
           "ds-menu"
-        ],
-        "ds-select": [
-          "ds-menu"
         ]
       }
     },
@@ -8203,7 +8354,7 @@
             "parameters": [
               {
                 "name": "id",
-                "type": "\"search\" | \"messages\" | \"agents\" | \"stacks\" | \"activity\" | \"help\"",
+                "type": "\"search\" | \"agents\" | \"messages\" | \"stacks\" | \"activity\" | \"help\"",
                 "docs": ""
               }
             ],
@@ -8225,7 +8376,7 @@
           "parameters": [
             {
               "name": "id",
-              "type": "\"search\" | \"messages\" | \"agents\" | \"stacks\" | \"activity\" | \"help\"",
+              "type": "\"search\" | \"agents\" | \"messages\" | \"stacks\" | \"activity\" | \"help\"",
               "docs": ""
             }
           ],
@@ -8699,7 +8850,7 @@
       "filePath": "src/wc/components/Select/Select.tsx",
       "encapsulation": "scoped",
       "tag": "ds-select",
-      "docs": "Dropdown select — unfilled-button chrome (label + trailing ChevronDown) in\ncontrol-density sizes, with `ds-menu` for the option list.",
+      "docs": "",
       "docsTags": [],
       "usage": {},
       "props": [
@@ -8714,7 +8865,36 @@
           "mutable": false,
           "attr": "active-fill",
           "reflectToAttr": false,
-          "docs": "When a value is selected, render the selected interaction fill (same recipe\nas unfilled-button `activeFill`). Default `true`. Pass `false` for\nforeground-only selection (primary label, no fill).\nA selected value promotes the label to primary; chevron stays secondary.",
+          "docs": "Show the selected interaction fill when a valid value exists.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "true"
+            }
+          ],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "allowClear",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "allow-clear",
+          "reflectToAttr": false,
+          "docs": "Show the clear footer action when a value exists.",
           "docsTags": [
             {
               "name": "default",
@@ -8732,6 +8912,32 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "ariaDescribedby",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string | undefined",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "aria-describedby",
+          "reflectToAttr": false,
+          "docs": "Additional IDs that describe the combobox.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "ariaLabel",
           "type": "null | string",
@@ -8743,7 +8949,7 @@
           "mutable": false,
           "attr": "aria-label",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "Direct accessible name when no external label is available.",
           "docsTags": [
             {
               "name": "default",
@@ -8775,10 +8981,71 @@
           "mutable": false,
           "attr": "aria-labelledby",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "IDs of elements that label the combobox.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "background",
+          "type": "\"always-dark\" | \"bold\" | \"faint\" | \"inverted\" | \"media\" | \"medium\" | \"strong\" | \"translucent\" | undefined",
+          "complexType": {
+            "original": "SelectBackground | undefined",
+            "resolved": "\"always-dark\" | \"bold\" | \"faint\" | \"inverted\" | \"media\" | \"medium\" | \"strong\" | \"translucent\" | undefined",
+            "references": {
+              "SelectBackground": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/Select/Select.tsx",
+                "id": "src/wc/components/Select/Select.tsx::SelectBackground"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "background",
+          "reflectToAttr": false,
+          "docs": "Actual parent surface context; omit on primary and secondary surfaces.",
           "docsTags": [],
           "values": [
             {
+              "value": "always-dark",
+              "type": "string"
+            },
+            {
+              "value": "bold",
+              "type": "string"
+            },
+            {
+              "value": "faint",
+              "type": "string"
+            },
+            {
+              "value": "inverted",
+              "type": "string"
+            },
+            {
+              "value": "media",
+              "type": "string"
+            },
+            {
+              "value": "medium",
+              "type": "string"
+            },
+            {
+              "value": "strong",
+              "type": "string"
+            },
+            {
+              "value": "translucent",
               "type": "string"
             },
             {
@@ -8790,6 +9057,35 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "clearLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "clear-label",
+          "reflectToAttr": false,
+          "docs": "Localized clear action label.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Clear'"
+            }
+          ],
+          "default": "'Clear'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "disabled",
           "type": "boolean",
@@ -8799,19 +9095,1367 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "disabled",
-          "reflectToAttr": true,
-          "docs": "",
+          "attr": "disabled",
+          "reflectToAttr": true,
+          "docs": "Native disabled state.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "error",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "error",
+          "reflectToAttr": false,
+          "docs": "Show invalid visual state.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "errorMessage",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string | undefined",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "error-message",
+          "reflectToAttr": false,
+          "docs": "Error text rendered below the trigger when error is true.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "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 the surface-aware inset border.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "true"
+            }
+          ],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "icon",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string | undefined",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "icon",
+          "reflectToAttr": false,
+          "docs": "Optional trigger prefix icon name.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "inputId",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string | undefined",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "input-id",
+          "reflectToAttr": false,
+          "docs": "ID applied to the internal combobox trigger for external labels.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "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": "Shared inactive treatment; removes interaction and form submission.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "isLoading",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "is-loading",
+          "reflectToAttr": false,
+          "docs": "Replace the prefix with a loader and disable option interaction.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "loadingLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "loading-label",
+          "reflectToAttr": false,
+          "docs": "Accessible loading status label.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Loading'"
+            }
+          ],
+          "default": "'Loading'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "name",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string | undefined",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "name",
+          "reflectToAttr": true,
+          "docs": "Native form field name.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "noResultsText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "no-results-text",
+          "reflectToAttr": false,
+          "docs": "Localized empty-filter result text.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'No results found'"
+            }
+          ],
+          "default": "'No results found'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "open",
+          "reflectToAttr": true,
+          "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": "ChoiceOption[]",
+          "complexType": {
+            "original": "SelectOption[]",
+            "resolved": "ChoiceOption[]",
+            "references": {
+              "SelectOption": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/Select/Select.tsx",
+                "id": "src/wc/components/Select/Select.tsx::SelectOption"
+              }
+            }
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "Flat choices. Assign arrays through the JavaScript property.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "[]"
+            }
+          ],
+          "default": "[]",
+          "values": [
+            {
+              "type": "ChoiceOption[]"
+            }
+          ],
+          "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": "Trigger text shown when no valid value is selected.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Select'"
+            }
+          ],
+          "default": "'Select'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "required",
+          "reflectToAttr": true,
+          "docs": "Require one valid selected value.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "requiredMessage",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "required-message",
+          "reflectToAttr": false,
+          "docs": "Validation message used when required is missing.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'This field is required.'"
+            }
+          ],
+          "default": "'This field is required.'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "searchPlaceholder",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "search-placeholder",
+          "reflectToAttr": false,
+          "docs": "Localized search-field placeholder and accessible name.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Search'"
+            }
+          ],
+          "default": "'Search'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "searchable",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "searchable",
+          "reflectToAttr": false,
+          "docs": "Show immediate local filtering over option labels, subtext, and section headings.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "sections",
+          "type": "ChoiceSection[]",
+          "complexType": {
+            "original": "SelectSection[]",
+            "resolved": "ChoiceSection[]",
+            "references": {
+              "SelectSection": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/Select/Select.tsx",
+                "id": "src/wc/components/Select/Select.tsx::SelectSection"
+              }
+            }
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "Grouped choices; takes precedence over options. Assign through JavaScript.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "[]"
+            }
+          ],
+          "default": "[]",
+          "values": [
+            {
+              "type": "ChoiceSection[]"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "size",
+          "type": "\"md\" | \"sm\" | \"xs\"",
+          "complexType": {
+            "original": "SelectSize",
+            "resolved": "\"md\" | \"sm\" | \"xs\"",
+            "references": {
+              "SelectSize": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/Select/Select.tsx",
+                "id": "src/wc/components/Select/Select.tsx::SelectSize"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "Control density.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'md'"
+            }
+          ],
+          "default": "'md'",
+          "values": [
+            {
+              "value": "md",
+              "type": "string"
+            },
+            {
+              "value": "sm",
+              "type": "string"
+            },
+            {
+              "value": "xs",
+              "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": "Selected string value. Unknown values render the placeholder and are not submitted.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "width",
+          "type": "\"fill\" | \"hug\"",
+          "complexType": {
+            "original": "SelectWidth",
+            "resolved": "\"fill\" | \"hug\"",
+            "references": {
+              "SelectWidth": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/Select/Select.tsx",
+                "id": "src/wc/components/Select/Select.tsx::SelectWidth"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "width",
+          "reflectToAttr": false,
+          "docs": "Width fit — hug content (default) 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": [
+        {
+          "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": true,
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted after user selection or clearing with the next scalar 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": "dsOpenChange",
+          "detail": "boolean",
+          "bubbles": true,
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted whenever popup visibility changes.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [
+        "ds-icon",
+        "ds-loader",
+        "ds-text",
+        "ds-empty-state",
+        "ds-button-unfilled"
+      ],
+      "dependencyGraph": {
+        "ds-select": [
+          "ds-icon",
+          "ds-loader",
+          "ds-text",
+          "ds-empty-state",
+          "ds-button-unfilled"
+        ],
+        "ds-empty-state": [
+          "ds-icon",
+          "ds-text"
+        ],
+        "ds-button-unfilled": [
+          "ds-loader",
+          "ds-icon",
+          "ds-badge",
+          "ds-text"
+        ],
+        "ds-badge": [
+          "ds-text"
+        ]
+      }
+    },
+    {
+      "filePath": "src/wc/components/SelectMulti/SelectMulti.tsx",
+      "encapsulation": "scoped",
+      "tag": "ds-select-multi",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "activeFill",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "active-fill",
+          "reflectToAttr": false,
+          "docs": "Show the selected interaction fill when at least one value exists.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "true"
+            }
+          ],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "allowClear",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "allow-clear",
+          "reflectToAttr": false,
+          "docs": "Show the clear-all footer action when values exist.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "true"
+            }
+          ],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "ariaDescribedby",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string | undefined",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "aria-describedby",
+          "reflectToAttr": false,
+          "docs": "Additional IDs that describe the combobox.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "ariaLabel",
+          "type": "null | string",
+          "complexType": {
+            "original": "string | null",
+            "resolved": "null | string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "aria-label",
+          "reflectToAttr": false,
+          "docs": "Direct accessible name when no external label is available.",
+          "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": "IDs of elements that label the combobox.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "background",
+          "type": "\"always-dark\" | \"bold\" | \"faint\" | \"inverted\" | \"media\" | \"medium\" | \"strong\" | \"translucent\" | undefined",
+          "complexType": {
+            "original": "SelectMultiBackground | undefined",
+            "resolved": "\"always-dark\" | \"bold\" | \"faint\" | \"inverted\" | \"media\" | \"medium\" | \"strong\" | \"translucent\" | undefined",
+            "references": {
+              "SelectMultiBackground": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/SelectMulti/SelectMulti.tsx",
+                "id": "src/wc/components/SelectMulti/SelectMulti.tsx::SelectMultiBackground"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "background",
+          "reflectToAttr": false,
+          "docs": "Actual parent surface context; omit on primary and secondary surfaces.",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "always-dark",
+              "type": "string"
+            },
+            {
+              "value": "bold",
+              "type": "string"
+            },
+            {
+              "value": "faint",
+              "type": "string"
+            },
+            {
+              "value": "inverted",
+              "type": "string"
+            },
+            {
+              "value": "media",
+              "type": "string"
+            },
+            {
+              "value": "medium",
+              "type": "string"
+            },
+            {
+              "value": "strong",
+              "type": "string"
+            },
+            {
+              "value": "translucent",
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "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": "Localized clear-all action label.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Clear'"
+            }
+          ],
+          "default": "'Clear'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "disabled",
+          "reflectToAttr": true,
+          "docs": "Native disabled state.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "error",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "error",
+          "reflectToAttr": false,
+          "docs": "Show invalid visual state.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "errorMessage",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string | undefined",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "error-message",
+          "reflectToAttr": false,
+          "docs": "Error text rendered below the trigger when error is true.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "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 the surface-aware inset border.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "true"
+            }
+          ],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "icon",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string | undefined",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "icon",
+          "reflectToAttr": false,
+          "docs": "Optional trigger prefix icon name.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "inputId",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string | undefined",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "input-id",
+          "reflectToAttr": false,
+          "docs": "ID applied to the internal combobox trigger for external labels.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "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": "Shared inactive treatment; removes interaction and form submission.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "isLoading",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "is-loading",
+          "reflectToAttr": false,
+          "docs": "Replace the prefix with a loader and disable option interaction.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "loadingLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "loading-label",
+          "reflectToAttr": false,
+          "docs": "Accessible loading status label.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Loading'"
+            }
+          ],
+          "default": "'Loading'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "name",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string | undefined",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "name",
+          "reflectToAttr": true,
+          "docs": "Native form field name used for each repeated selected-value entry.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "noResultsText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "no-results-text",
+          "reflectToAttr": false,
+          "docs": "Localized empty-filter result text.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'No results found'"
+            }
+          ],
+          "default": "'No results found'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "open",
+          "reflectToAttr": true,
+          "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": "SelectMultiOption[]",
+          "complexType": {
+            "original": "SelectMultiOption[]",
+            "resolved": "SelectMultiOption[]",
+            "references": {
+              "SelectMultiOption": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/SelectMulti/SelectMulti.tsx",
+                "id": "src/wc/components/SelectMulti/SelectMulti.tsx::SelectMultiOption"
+              }
+            }
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "Flat choices. Assign arrays through the JavaScript property.",
           "docsTags": [
             {
               "name": "default",
-              "text": "false"
+              "text": "[]"
             }
           ],
-          "default": "false",
+          "default": "[]",
           "values": [
             {
-              "type": "boolean"
+              "type": "SelectMultiOption[]"
             }
           ],
           "optional": false,
@@ -8820,27 +10464,27 @@
           "setter": false
         },
         {
-          "name": "hasBorder",
-          "type": "boolean",
+          "name": "placeholder",
+          "type": "string",
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
+            "original": "string",
+            "resolved": "string",
             "references": {}
           },
           "mutable": false,
-          "attr": "has-border",
+          "attr": "placeholder",
           "reflectToAttr": false,
-          "docs": "Show a 1px secondary inset border. Default on (matches unfilled button).",
+          "docs": "Persistent trigger label; selected option labels never replace it.",
           "docsTags": [
             {
               "name": "default",
-              "text": "true"
+              "text": "'Select'"
             }
           ],
-          "default": "true",
+          "default": "'Select'",
           "values": [
             {
-              "type": "boolean"
+              "type": "string"
             }
           ],
           "optional": false,
@@ -8849,7 +10493,7 @@
           "setter": false
         },
         {
-          "name": "isInactive",
+          "name": "required",
           "type": "boolean",
           "complexType": {
             "original": "boolean",
@@ -8857,9 +10501,9 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "is-inactive",
-          "reflectToAttr": false,
-          "docs": "Disables interaction (25% opacity via ds-control-inactive).",
+          "attr": "required",
+          "reflectToAttr": true,
+          "docs": "Require at least one valid selected value.",
           "docsTags": [
             {
               "name": "default",
@@ -8878,24 +10522,27 @@
           "setter": false
         },
         {
-          "name": "name",
-          "type": "string | undefined",
+          "name": "requiredMessage",
+          "type": "string",
           "complexType": {
-            "original": "string | undefined",
-            "resolved": "string | undefined",
+            "original": "string",
+            "resolved": "string",
             "references": {}
           },
           "mutable": false,
-          "attr": "name",
-          "reflectToAttr": true,
-          "docs": "",
-          "docsTags": [],
+          "attr": "required-message",
+          "reflectToAttr": false,
+          "docs": "Validation message used when required is missing.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'This field is required.'"
+            }
+          ],
+          "default": "'This field is required.'",
           "values": [
             {
               "type": "string"
-            },
-            {
-              "type": "undefined"
             }
           ],
           "optional": false,
@@ -8904,36 +10551,27 @@
           "setter": false
         },
         {
-          "name": "options",
-          "type": "SelectOption[]",
+          "name": "searchPlaceholder",
+          "type": "string",
           "complexType": {
-            "original": "SelectOption[]",
-            "resolved": "SelectOption[]",
-            "references": {
-              "SelectOption": {
-                "location": "local",
-                "path": "/home/runner/work/compomo/compomo/src/wc/components/Select/Select.tsx",
-                "id": "src/wc/components/Select/Select.tsx::SelectOption"
-              }
-            }
+            "original": "string",
+            "resolved": "string",
+            "references": {}
           },
           "mutable": false,
+          "attr": "search-placeholder",
           "reflectToAttr": false,
-          "docs": "Array of options. Set via JS property.",
+          "docs": "Localized search-field placeholder and accessible name.",
           "docsTags": [
-            {
-              "name": "example",
-              "text": "el.options = [{ label: 'Apple', value: 'apple' }];"
-            },
             {
               "name": "default",
-              "text": "[]"
+              "text": "'Search'"
             }
           ],
-          "default": "[]",
+          "default": "'Search'",
           "values": [
             {
-              "type": "SelectOption[]"
+              "type": "string"
             }
           ],
           "optional": false,
@@ -8942,27 +10580,27 @@
           "setter": false
         },
         {
-          "name": "placeholder",
-          "type": "string",
+          "name": "searchable",
+          "type": "boolean",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
+            "original": "boolean",
+            "resolved": "boolean",
             "references": {}
           },
           "mutable": false,
-          "attr": "placeholder",
+          "attr": "searchable",
           "reflectToAttr": false,
-          "docs": "Placeholder shown when no value is selected.",
+          "docs": "Show immediate local filtering over option labels, subtext, and section headings.",
           "docsTags": [
             {
               "name": "default",
-              "text": "'Select'"
+              "text": "false"
             }
           ],
-          "default": "'Select'",
+          "default": "false",
           "values": [
             {
-              "type": "string"
+              "type": "boolean"
             }
           ],
           "optional": false,
@@ -8971,27 +10609,32 @@
           "setter": false
         },
         {
-          "name": "required",
-          "type": "boolean",
+          "name": "sections",
+          "type": "SelectMultiSection[]",
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
+            "original": "SelectMultiSection[]",
+            "resolved": "SelectMultiSection[]",
+            "references": {
+              "SelectMultiSection": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/SelectMulti/SelectMulti.tsx",
+                "id": "src/wc/components/SelectMulti/SelectMulti.tsx::SelectMultiSection"
+              }
+            }
           },
           "mutable": false,
-          "attr": "required",
-          "reflectToAttr": true,
-          "docs": "",
+          "reflectToAttr": false,
+          "docs": "Grouped choices; takes precedence over options. Assign through JavaScript.",
           "docsTags": [
             {
               "name": "default",
-              "text": "false"
+              "text": "[]"
             }
           ],
-          "default": "false",
+          "default": "[]",
           "values": [
             {
-              "type": "boolean"
+              "type": "SelectMultiSection[]"
             }
           ],
           "optional": false,
@@ -9000,7 +10643,7 @@
           "setter": false
         },
         {
-          "name": "requiredMessage",
+          "name": "selectedLabel",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -9008,16 +10651,16 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "required-message",
+          "attr": "selected-label",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "Localized noun displayed after the selected count.",
           "docsTags": [
             {
               "name": "default",
-              "text": "'This field is required.'"
+              "text": "'selected'"
             }
           ],
-          "default": "'This field is required.'",
+          "default": "'selected'",
           "values": [
             {
               "type": "string"
@@ -9032,20 +10675,20 @@
           "name": "size",
           "type": "\"md\" | \"sm\" | \"xs\"",
           "complexType": {
-            "original": "SelectSize",
+            "original": "SelectMultiSize",
             "resolved": "\"md\" | \"sm\" | \"xs\"",
             "references": {
-              "SelectSize": {
+              "SelectMultiSize": {
                 "location": "local",
-                "path": "/home/runner/work/compomo/compomo/src/wc/components/Select/Select.tsx",
-                "id": "src/wc/components/Select/Select.tsx::SelectSize"
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/SelectMulti/SelectMulti.tsx",
+                "id": "src/wc/components/SelectMulti/SelectMulti.tsx::SelectMultiSize"
               }
             }
           },
           "mutable": false,
           "attr": "size",
           "reflectToAttr": false,
-          "docs": "Control density (height, padding, icon, type).",
+          "docs": "Control density.",
           "docsTags": [
             {
               "name": "default",
@@ -9073,27 +10716,26 @@
           "setter": false
         },
         {
-          "name": "value",
-          "type": "string",
+          "name": "values",
+          "type": "string[]",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
+            "original": "string[]",
+            "resolved": "string[]",
             "references": {}
           },
           "mutable": true,
-          "attr": "value",
           "reflectToAttr": false,
-          "docs": "Currently selected value.",
+          "docs": "Selected values. Assign arrays through the JavaScript property.",
           "docsTags": [
             {
               "name": "default",
-              "text": "''"
+              "text": "[]"
             }
           ],
-          "default": "''",
+          "default": "[]",
           "values": [
             {
-              "type": "string"
+              "type": "string[]"
             }
           ],
           "optional": false,
@@ -9105,27 +10747,27 @@
           "name": "width",
           "type": "\"fill\" | \"hug\"",
           "complexType": {
-            "original": "SelectWidth",
+            "original": "SelectMultiWidth",
             "resolved": "\"fill\" | \"hug\"",
             "references": {
-              "SelectWidth": {
+              "SelectMultiWidth": {
                 "location": "local",
-                "path": "/home/runner/work/compomo/compomo/src/wc/components/Select/Select.tsx",
-                "id": "src/wc/components/Select/Select.tsx::SelectWidth"
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/SelectMulti/SelectMulti.tsx",
+                "id": "src/wc/components/SelectMulti/SelectMulti.tsx::SelectMultiWidth"
               }
             }
           },
           "mutable": false,
           "attr": "width",
           "reflectToAttr": false,
-          "docs": "Width fit — fill the parent (default) or hug content.",
+          "docs": "Width fit — hug content (default) or fill the parent.",
           "docsTags": [
             {
               "name": "default",
-              "text": "'fill'"
+              "text": "'hug'"
             }
           ],
-          "default": "'fill'",
+          "default": "'hug'",
           "values": [
             {
               "value": "fill",
@@ -9142,54 +10784,110 @@
           "setter": false
         }
       ],
-      "methods": [],
+      "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",
+          "detail": "string[]",
           "bubbles": true,
           "complexType": {
-            "original": "string",
-            "resolved": "string",
+            "original": "string[]",
+            "resolved": "string[]",
             "references": {}
           },
           "cancelable": true,
           "composed": true,
-          "docs": "Emits the selected value string.",
+          "docs": "Emitted after user toggles or clearing with a new values array.",
           "docsTags": []
-        }
-      ],
-      "listeners": [
+        },
         {
-          "event": "keydown",
-          "capture": false,
-          "passive": false
+          "event": "dsClear",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted after the footer clear-all action.",
+          "docsTags": []
+        },
+        {
+          "event": "dsOpenChange",
+          "detail": "boolean",
+          "bubbles": true,
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted whenever popup visibility changes.",
+          "docsTags": []
         }
       ],
+      "listeners": [],
       "styles": [],
       "slots": [],
       "parts": [],
       "states": [],
       "dependents": [],
       "dependencies": [
-        "ds-text",
+        "ds-checkbox",
+        "ds-loader",
         "ds-icon",
-        "ds-menu"
+        "ds-text",
+        "ds-empty-state",
+        "ds-button-unfilled"
       ],
       "dependencyGraph": {
-        "ds-select": [
+        "ds-select-multi": [
+          "ds-checkbox",
+          "ds-loader",
+          "ds-icon",
           "ds-text",
+          "ds-empty-state",
+          "ds-button-unfilled"
+        ],
+        "ds-checkbox": [
           "ds-icon",
-          "ds-menu"
+          "ds-text"
         ],
-        "ds-menu": [
-          "ds-text",
-          "ds-shell-gradient-picker",
-          "ds-badge",
-          "ds-switch"
+        "ds-empty-state": [
+          "ds-icon",
+          "ds-text"
         ],
-        "ds-shell-gradient-picker": [
-          "ds-shell-gradient-swatch"
+        "ds-button-unfilled": [
+          "ds-loader",
+          "ds-icon",
+          "ds-badge",
+          "ds-text"
         ],
         "ds-badge": [
           "ds-text"
@@ -11908,7 +13606,7 @@
           "mutable": false,
           "attr": "decoration",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "Link underline or dotted hidden-interaction affordance; does not add semantics.",
           "docsTags": [],
           "values": [
             {
@@ -12333,6 +14031,7 @@
         "ds-panel-tools",
         "ds-radio-group",
         "ds-select",
+        "ds-select-multi",
         "ds-slider",
         "ds-tab-group",
         "ds-table",
@@ -12402,6 +14101,9 @@
         "ds-select": [
           "ds-text"
         ],
+        "ds-select-multi": [
+          "ds-text"
+        ],
         "ds-slider": [
           "ds-text"
         ],
@@ -13051,6 +14753,11 @@
       "docstring": "",
       "path": "src/wc/components/ChartLegend/ChartLegend.tsx"
     },
+    "src/wc/components/Checkbox/Checkbox.tsx::CheckboxSize": {
+      "declaration": "export type CheckboxSize = 'md' | 'sm' | 'xs';",
+      "docstring": "",
+      "path": "src/wc/components/Checkbox/Checkbox.tsx"
+    },
     "src/wc/components/Chip/Chip.tsx::ChipState": {
       "declaration": "export type ChipState = 'default' | 'active' | 'error' | 'caution';",
       "docstring": "",
@@ -13081,11 +14788,6 @@
       "docstring": "",
       "path": "src/wc/components/Divider/Divider.tsx"
     },
-    "src/wc/components/EmptyState/EmptyState.tsx::EmptyStateType": {
-      "declaration": "export type EmptyStateType = 'no-content' | 'no-results' | 'no-results-filter' | 'no-access';",
-      "docstring": "",
-      "path": "src/wc/components/EmptyState/EmptyState.tsx"
-    },
     "src/wc/components/Icon/Icon.tsx::IconSize": {
       "declaration": "export type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';",
       "docstring": "",
@@ -13132,7 +14834,12 @@
       "path": "src/wc/components/RadioGroup/RadioGroup.tsx"
     },
     "src/wc/components/Select/Select.tsx::SelectOption": {
-      "declaration": "export interface SelectOption {\n  label: string;\n  value: string;\n}",
+      "declaration": "export interface ChoiceOption {\n  label: string;\n  value: string;\n  subtext?: string;\n  /** Rendered only when every option in the complete list supplies an icon. */\n  icon?: string;\n  isInactive?: boolean;\n}",
+      "docstring": "",
+      "path": "src/wc/components/Select/Select.tsx"
+    },
+    "src/wc/components/Select/Select.tsx::SelectSection": {
+      "declaration": "export interface ChoiceSection {\n  header?: string;\n  options: ChoiceOption[];\n  divider?: boolean;\n}",
       "docstring": "",
       "path": "src/wc/components/Select/Select.tsx"
     },
@@ -13146,6 +14853,36 @@
       "docstring": "",
       "path": "src/wc/components/Select/Select.tsx"
     },
+    "src/wc/components/Select/Select.tsx::SelectBackground": {
+      "declaration": "export type ChoiceBackground =\n  | 'faint'\n  | 'medium'\n  | 'bold'\n  | 'strong'\n  | 'translucent'\n  | 'inverted'\n  | 'media'\n  | 'always-dark';",
+      "docstring": "",
+      "path": "src/wc/components/Select/Select.tsx"
+    },
+    "src/wc/components/SelectMulti/SelectMulti.tsx::SelectMultiOption": {
+      "declaration": "{\n    [P in K]: T[P];\n}",
+      "docstring": "",
+      "path": "src/wc/components/SelectMulti/SelectMulti.tsx"
+    },
+    "src/wc/components/SelectMulti/SelectMulti.tsx::SelectMultiSection": {
+      "declaration": "export type SelectMultiSection = Omit<SelectSection, 'options'> & {\n  options: SelectMultiOption[];\n};",
+      "docstring": "",
+      "path": "src/wc/components/SelectMulti/SelectMulti.tsx"
+    },
+    "src/wc/components/SelectMulti/SelectMulti.tsx::SelectMultiSize": {
+      "declaration": "export type SelectSize = 'md' | 'sm' | 'xs';",
+      "docstring": "",
+      "path": "src/wc/components/SelectMulti/SelectMulti.tsx"
+    },
+    "src/wc/components/SelectMulti/SelectMulti.tsx::SelectMultiWidth": {
+      "declaration": "export type ControlWidth = 'hug' | 'fill';",
+      "docstring": "",
+      "path": "src/wc/components/SelectMulti/SelectMulti.tsx"
+    },
+    "src/wc/components/SelectMulti/SelectMulti.tsx::SelectMultiBackground": {
+      "declaration": "export type ChoiceBackground =\n  | 'faint'\n  | 'medium'\n  | 'bold'\n  | 'strong'\n  | 'translucent'\n  | 'inverted'\n  | 'media'\n  | 'always-dark';",
+      "docstring": "",
+      "path": "src/wc/components/SelectMulti/SelectMulti.tsx"
+    },
     "src/wc/components/Skeleton/Skeleton.tsx::SkeletonVariant": {
       "declaration": "export type SkeletonVariant = 'text' | 'icon' | 'control';",
       "docstring": "",
@@ -13292,12 +15029,12 @@
       "path": "src/wc/components/Menu/menu-types.ts"
     },
     "src/wc/components/Menu/menu-position.ts::MenuSide": {
-      "declaration": "export type MenuSide = 'top' | 'right' | 'bottom' | 'left';",
+      "declaration": "export type AnchoredPopupSide = 'top' | 'right' | 'bottom' | 'left';",
       "docstring": "",
       "path": "src/wc/components/Menu/menu-position.ts"
     },
     "src/wc/components/Menu/menu-position.ts::MenuAlign": {
-      "declaration": "export type MenuAlign = 'start' | 'center' | 'end';",
+      "declaration": "export type AnchoredPopupAlign = 'start' | 'center' | 'end';",
       "docstring": "",
       "path": "src/wc/components/Menu/menu-position.ts"
     },