@ds-mo/ui 15.6.0 → 15.8.0

package/dist/docs/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-09-22T02:55:40",
+  "timestamp": "2026-09-23T20:37:41",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.43.5",
@@ -17764,6 +17764,7 @@
         "ds-panel-nav",
         "ds-panel-tools",
         "ds-select",
+        "ds-select-toggle",
         "ds-tab-group",
         "ds-table",
         "ds-tag"
@@ -17845,6 +17846,9 @@
         "ds-select": [
           "ds-icon"
         ],
+        "ds-select-toggle": [
+          "ds-icon"
+        ],
         "ds-tab-group": [
           "ds-icon"
         ],
@@ -26215,6 +26219,263 @@
         ]
       }
     },
+    {
+      "filePath": "src/wc/components/NavigationTabGroup/NavigationTabGroup.tsx",
+      "encapsulation": "scoped",
+      "tag": "ds-navigation-tab-group",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "ariaLabel",
+          "type": "null | string",
+          "complexType": {
+            "original": "string | null",
+            "resolved": "null | string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "aria-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "null"
+            }
+          ],
+          "default": "null",
+          "values": [
+            {
+              "type": "null"
+            },
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "ariaLabelledby",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string | undefined",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "aria-labelledby",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "size",
+          "type": "\"lg\" | \"md\" | \"sm\"",
+          "complexType": {
+            "original": "TabGroupSize",
+            "resolved": "\"lg\" | \"md\" | \"sm\"",
+            "references": {
+              "TabGroupSize": {
+                "location": "import",
+                "path": "../TabGroup/TabGroup",
+                "id": "src/wc/components/TabGroup/TabGroup.tsx::TabGroupSize",
+                "referenceLocation": "TabGroupSize"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'md'"
+            }
+          ],
+          "default": "'md'",
+          "values": [
+            {
+              "value": "lg",
+              "type": "string"
+            },
+            {
+              "value": "md",
+              "type": "string"
+            },
+            {
+              "value": "sm",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "tabs",
+          "type": "TabGroupItem[]",
+          "complexType": {
+            "original": "TabGroupItem[]",
+            "resolved": "TabGroupItem[]",
+            "references": {
+              "TabGroupItem": {
+                "location": "import",
+                "path": "../TabGroup/tab-item-utils",
+                "id": "src/wc/components/TabGroup/tab-item-utils.ts::TabGroupItem",
+                "referenceLocation": "TabGroupItem"
+              }
+            }
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "[]"
+            }
+          ],
+          "default": "[]",
+          "values": [
+            {
+              "type": "TabGroupItem[]"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "value",
+          "reflectToAttr": false,
+          "docs": "Currently selected local view. User activation updates this value.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "width",
+          "type": "\"fill\" | \"hug\"",
+          "complexType": {
+            "original": "TabGroupWidth",
+            "resolved": "\"fill\" | \"hug\"",
+            "references": {
+              "TabGroupWidth": {
+                "location": "import",
+                "path": "../TabGroup/TabGroup",
+                "id": "src/wc/components/TabGroup/TabGroup.tsx::TabGroupWidth",
+                "referenceLocation": "TabGroupWidth"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "width",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'hug'"
+            }
+          ],
+          "default": "'hug'",
+          "values": [
+            {
+              "value": "fill",
+              "type": "string"
+            },
+            {
+              "value": "hug",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "dsChange",
+          "detail": "string",
+          "bubbles": true,
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [
+        "ds-tab-group"
+      ],
+      "dependencyGraph": {
+        "ds-navigation-tab-group": [
+          "ds-tab-group"
+        ],
+        "ds-tab-group": [
+          "ds-icon",
+          "ds-text",
+          "ds-badge"
+        ],
+        "ds-badge": [
+          "ds-text"
+        ]
+      }
+    },
     {
       "filePath": "src/wc/components/Pagination/Pagination.tsx",
       "encapsulation": "scoped",
@@ -32658,6 +32919,360 @@
         ]
       }
     },
+    {
+      "filePath": "src/wc/components/SelectToggle/SelectToggle.tsx",
+      "encapsulation": "scoped",
+      "tag": "ds-select-toggle",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "ariaLabel",
+          "type": "null | string",
+          "complexType": {
+            "original": "string | null",
+            "resolved": "null | string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "aria-label",
+          "reflectToAttr": false,
+          "docs": "Optional stable context prepended to the changing accessible choice name.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "null"
+            }
+          ],
+          "default": "null",
+          "values": [
+            {
+              "type": "null"
+            },
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "collapseLabel",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "collapse-label",
+          "reflectToAttr": true,
+          "docs": "Collapse an icon-label choice to its icon in a narrow table caption or data toolbar.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "hasBorder",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "has-border",
+          "reflectToAttr": false,
+          "docs": "Show an inset border; both treatments keep the transparent unfilled surface.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "true"
+            }
+          ],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "isInactive",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "is-inactive",
+          "reflectToAttr": false,
+          "docs": "Prevent interaction.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "options",
+          "type": "SelectToggleOption[]",
+          "complexType": {
+            "original": "SelectToggleOption[]",
+            "resolved": "SelectToggleOption[]",
+            "references": {
+              "SelectToggleOption": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/SelectToggle/SelectToggle.tsx",
+                "id": "src/wc/components/SelectToggle/SelectToggle.tsx::SelectToggleOption"
+              }
+            }
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "Exactly two or three choices, each with a unique value and accessible label.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "[]"
+            }
+          ],
+          "default": "[]",
+          "values": [
+            {
+              "type": "SelectToggleOption[]"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "size",
+          "type": "\"lg\" | \"md\" | \"sm\"",
+          "complexType": {
+            "original": "SelectToggleSize",
+            "resolved": "\"lg\" | \"md\" | \"sm\"",
+            "references": {
+              "SelectToggleSize": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/SelectToggle/SelectToggle.tsx",
+                "id": "src/wc/components/SelectToggle/SelectToggle.tsx::SelectToggleSize"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "Control density: small, medium, or large; the trailing indicator scales with it.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'md'"
+            }
+          ],
+          "default": "'md'",
+          "values": [
+            {
+              "value": "lg",
+              "type": "string"
+            },
+            {
+              "value": "md",
+              "type": "string"
+            },
+            {
+              "value": "sm",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "value",
+          "reflectToAttr": false,
+          "docs": "Current choice. User activation updates this value and emits dsChange.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "variant",
+          "type": "\"icon\" | \"icon-label\" | \"label\"",
+          "complexType": {
+            "original": "SelectToggleVariant",
+            "resolved": "\"icon\" | \"icon-label\" | \"label\"",
+            "references": {
+              "SelectToggleVariant": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/SelectToggle/SelectToggle.tsx",
+                "id": "src/wc/components/SelectToggle/SelectToggle.tsx::SelectToggleVariant"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "variant",
+          "reflectToAttr": false,
+          "docs": "Show the current label, icon, or both. Icon variants require an icon on each choice.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'label'"
+            }
+          ],
+          "default": "'label'",
+          "values": [
+            {
+              "value": "icon",
+              "type": "string"
+            },
+            {
+              "value": "icon-label",
+              "type": "string"
+            },
+            {
+              "value": "label",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "width",
+          "type": "\"fill\" | \"hug\"",
+          "complexType": {
+            "original": "ControlWidth",
+            "resolved": "\"fill\" | \"hug\"",
+            "references": {
+              "ControlWidth": {
+                "location": "import",
+                "path": "../../utils",
+                "id": "src/wc/utils/index.ts::ControlWidth",
+                "referenceLocation": "ControlWidth"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "width",
+          "reflectToAttr": false,
+          "docs": "Hug the content or fill the parent.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'hug'"
+            }
+          ],
+          "default": "'hug'",
+          "values": [
+            {
+              "value": "fill",
+              "type": "string"
+            },
+            {
+              "value": "hug",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "dsChange",
+          "detail": "string",
+          "bubbles": true,
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [
+        "ds-icon",
+        "ds-text"
+      ],
+      "dependencyGraph": {
+        "ds-select-toggle": [
+          "ds-icon",
+          "ds-text"
+        ]
+      }
+    },
     {
       "filePath": "src/wc/components/SettingRowCheckbox/SettingRowCheckbox.tsx",
       "encapsulation": "scoped",
@@ -36356,7 +36971,7 @@
           "mutable": false,
           "attr": "thumb-alignment",
           "reflectToAttr": false,
-          "docs": "Align the thumb edge with full-width rail endpoints, or its center with inset rail endpoints.",
+          "docs": "Align the inner orb edge with full-width rail endpoints, or its center with inset rail endpoints.",
           "docsTags": [
             {
               "name": "default",
@@ -37391,16 +38006,16 @@
         },
         {
           "name": "presentation",
-          "type": "\"segmented\" | \"tabs\"",
+          "type": "\"navigation\" | \"segmented\" | \"tabs\"",
           "complexType": {
-            "original": "'segmented' | 'tabs'",
-            "resolved": "\"segmented\" | \"tabs\"",
+            "original": "'segmented' | 'tabs' | 'navigation'",
+            "resolved": "\"navigation\" | \"segmented\" | \"tabs\"",
             "references": {}
           },
           "mutable": false,
           "attr": "presentation",
           "reflectToAttr": false,
-          "docs": "Show the segmented control's outer background, border, and inset.",
+          "docs": "Visual treatment; use NavigationTabGroup for the outset navigation presentation.",
           "docsTags": [
             {
               "name": "default",
@@ -37409,6 +38024,10 @@
           ],
           "default": "'segmented'",
           "values": [
+            {
+              "value": "navigation",
+              "type": "string"
+            },
             {
               "value": "segmented",
               "type": "string"
@@ -37604,7 +38223,8 @@
         "ds-data-preferences",
         "ds-filter-menu",
         "ds-mobile-header",
-        "ds-mobile-sheet-nav"
+        "ds-mobile-sheet-nav",
+        "ds-navigation-tab-group"
       ],
       "dependencies": [
         "ds-icon",
@@ -37631,6 +38251,9 @@
         ],
         "ds-mobile-sheet-nav": [
           "ds-tab-group"
+        ],
+        "ds-navigation-tab-group": [
+          "ds-tab-group"
         ]
       }
     },
@@ -37642,6 +38265,35 @@
       "docsTags": [],
       "usage": {},
       "props": [
+        {
+          "name": "alternateView",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "alternate-view",
+          "reflectToAttr": false,
+          "docs": "Replace only the data frame with application-owned content; caption and footer remain shared.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "caption",
           "type": "string",
@@ -41472,6 +42124,7 @@
         "ds-radio-tile",
         "ds-score",
         "ds-select",
+        "ds-select-toggle",
         "ds-setting-row-checkbox",
         "ds-setting-row-radio",
         "ds-setting-row-toggle",
@@ -41662,6 +42315,9 @@
         "ds-select": [
           "ds-text"
         ],
+        "ds-select-toggle": [
+          "ds-text"
+        ],
         "ds-setting-row-checkbox": [
           "ds-text"
         ],
@@ -44744,6 +45400,26 @@
       "docstring": "",
       "path": "src/wc/components/ScrollOverlay/ScrollOverlay.tsx"
     },
+    "src/wc/components/SelectToggle/SelectToggle.tsx::SelectToggleOption": {
+      "declaration": "export interface SelectToggleOption {\n  value: string;\n  label: string;\n  icon?: string;\n}",
+      "docstring": "",
+      "path": "src/wc/components/SelectToggle/SelectToggle.tsx"
+    },
+    "src/wc/components/SelectToggle/SelectToggle.tsx::SelectToggleVariant": {
+      "declaration": "export type SelectToggleVariant = 'label' | 'icon' | 'icon-label';",
+      "docstring": "",
+      "path": "src/wc/components/SelectToggle/SelectToggle.tsx"
+    },
+    "src/wc/components/SelectToggle/SelectToggle.tsx::SelectToggleSize": {
+      "declaration": "export type SelectToggleSize = 'sm' | 'md' | 'lg';",
+      "docstring": "",
+      "path": "src/wc/components/SelectToggle/SelectToggle.tsx"
+    },
+    "src/wc/utils/index.ts::ControlWidth": {
+      "declaration": "any",
+      "docstring": "",
+      "path": "src/wc/utils/index.ts"
+    },
     "src/wc/components/SettingRowCheckbox/SettingRowCheckbox.tsx::SettingRowCheckboxPresentation": {
       "declaration": "export type SettingRowCheckboxPresentation = 'edit' | 'view';",
       "docstring": "",