@redvars/peacock 3.3.3 → 3.4.0

package/dist/custom-elements.json

@@ -368,6 +368,22 @@
             "module": "./button/index.js"
           }
         },
+        {
+          "kind": "js",
+          "name": "SegmentedButton",
+          "declaration": {
+            "name": "SegmentedButton",
+            "module": "./segmented-button/index.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SegmentedButtonGroup",
+          "declaration": {
+            "name": "SegmentedButtonGroup",
+            "module": "./segmented-button/index.js"
+          }
+        },
         {
           "kind": "js",
           "name": "FocusRing",
@@ -648,14 +664,6 @@
             "module": "./slider/index.js"
           }
         },
-        {
-          "kind": "js",
-          "name": "ChartDonut",
-          "declaration": {
-            "name": "ChartDonut",
-            "module": "./chart-donut/index.js"
-          }
-        },
         {
           "kind": "js",
           "name": "ChartDoughnut",
@@ -743,6 +751,46 @@
             "name": "Radio",
             "module": "./radio/index.js"
           }
+        },
+        {
+          "kind": "js",
+          "name": "BottomSheet",
+          "declaration": {
+            "name": "BottomSheet",
+            "module": "./bottom-sheet/index.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SideSheet",
+          "declaration": {
+            "name": "SideSheet",
+            "module": "./side-sheet/index.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Select",
+          "declaration": {
+            "name": "Select",
+            "module": "./select/index.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SelectOption",
+          "declaration": {
+            "name": "SelectOption",
+            "module": "./select/index.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SelectOptionElement",
+          "declaration": {
+            "name": "SelectOptionElement",
+            "module": "./select/index.js"
+          }
         }
       ]
     },
@@ -1546,98 +1594,194 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/breadcrumb/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "Breadcrumb",
-          "declaration": {
-            "name": "Breadcrumb",
-            "module": "./breadcrumb/breadcrumb.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "BreadcrumbItem",
-          "declaration": {
-            "name": "BreadcrumbItem",
-            "module": "./breadcrumb-item/breadcrumb-item.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/card/card.ts",
+      "path": "src/bottom-sheet/bottom-sheet.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Card",
+          "name": "BottomSheet",
           "cssProperties": [
             {
-              "description": "Inner padding for the card container. Defaults to 1rem.",
-              "name": "--card-padding"
+              "description": "Background color of the sheet container.",
+              "name": "--bottom-sheet-container-color"
             },
             {
-              "description": "Corner radius for the card container. Defaults to a large radius.",
-              "name": "--card-shape"
+              "description": "Color of the modal scrim overlay.",
+              "name": "--bottom-sheet-scrim-color"
             },
             {
-              "description": "Gap between slotted children.",
-              "name": "--card-gap"
+              "description": "Corner radius of the top edge.",
+              "name": "--bottom-sheet-shape"
+            },
+            {
+              "description": "Maximum height of the sheet.",
+              "name": "--bottom-sheet-max-height"
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the sheet is visible.",
+              "attribute": "open",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "variant",
               "type": {
-                "text": "CardVariant"
+                "text": "'standard' | 'modal'"
               },
-              "default": "'elevated'",
+              "default": "'modal'",
+              "description": "Sheet variant.\n- `\"standard\"`: Coexists with page content; no scrim.\n- `\"modal\"`: Overlays page content with a scrim backdrop.",
               "attribute": "variant",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "elevation",
+              "name": "showHandle",
               "type": {
-                "text": "CardElevation"
+                "text": "boolean"
               },
-              "default": "1",
-              "attribute": "elevation",
-              "reflects": true
+              "default": "true",
+              "description": "Whether to show the drag handle.",
+              "attribute": "show-handle"
+            },
+            {
+              "kind": "field",
+              "name": "_dragging",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "_dragStartY",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0"
+            },
+            {
+              "kind": "field",
+              "name": "_dragOffsetY",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0"
+            },
+            {
+              "kind": "method",
+              "name": "show"
+            },
+            {
+              "kind": "method",
+              "name": "hide"
+            },
+            {
+              "kind": "method",
+              "name": "_close",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "reason",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_handleScrimClick",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_handleDragStart",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "PointerEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_handleDragMove",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "PointerEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_handleDragEnd",
+              "privacy": "private"
+            }
+          ],
+          "events": [
+            {
+              "name": "bottom-sheet-close",
+              "type": {
+                "text": "CustomEvent"
+              }
             }
           ],
           "attributes": [
+            {
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the sheet is visible.",
+              "fieldName": "open"
+            },
             {
               "name": "variant",
               "type": {
-                "text": "CardVariant"
+                "text": "'standard' | 'modal'"
               },
-              "default": "'elevated'",
+              "default": "'modal'",
+              "description": "Sheet variant.\n- `\"standard\"`: Coexists with page content; no scrim.\n- `\"modal\"`: Overlays page content with a scrim backdrop.",
               "fieldName": "variant"
             },
             {
-              "name": "elevation",
+              "name": "show-handle",
               "type": {
-                "text": "CardElevation"
+                "text": "boolean"
               },
-              "default": "1",
-              "fieldName": "elevation"
+              "default": "true",
+              "description": "Whether to show the drag handle.",
+              "fieldName": "showHandle"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "wc-card",
+          "tagName": "wc-bottom-sheet",
           "customElement": true,
-          "summary": "A Material 3 inspired card surface for grouping related content.",
+          "summary": "Bottom sheets slide up from the bottom of the screen to reveal additional content. Supports standard and modal variants per Material Design 3.",
           "rawTag": {
-            "name": "card",
+            "name": "bottom-sheet",
             "description": ""
           }
         }
@@ -1645,25 +1789,48 @@
       "exports": [
         {
           "kind": "js",
-          "name": "Card",
+          "name": "BottomSheet",
           "declaration": {
-            "name": "Card",
-            "module": "src/card/card.ts"
+            "name": "BottomSheet",
+            "module": "src/bottom-sheet/bottom-sheet.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/card/index.ts",
+      "path": "src/bottom-sheet/index.ts",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "Card",
+          "name": "BottomSheet",
           "declaration": {
-            "name": "Card",
-            "module": "./card.js"
+            "name": "BottomSheet",
+            "module": "./bottom-sheet.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/breadcrumb/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Breadcrumb",
+          "declaration": {
+            "name": "Breadcrumb",
+            "module": "./breadcrumb/breadcrumb.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "BreadcrumbItem",
+          "declaration": {
+            "name": "BreadcrumbItem",
+            "module": "./breadcrumb-item/breadcrumb-item.js"
           }
         }
       ]
@@ -1729,7 +1896,8 @@
               },
               "default": "'sm'",
               "description": "Button size.\nPossible values are `\"sm\"`, `\"md\"`, `\"lg\"`. Defaults to `\"md\"`.",
-              "attribute": "size"
+              "attribute": "size",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -1749,7 +1917,8 @@
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "skeleton"
+              "attribute": "skeleton",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -1782,6 +1951,16 @@
               "attribute": "href",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "target",
+              "type": {
+                "text": "string"
+              },
+              "default": "'_self'",
+              "description": "Sets or retrieves the window or frame at which to target content.",
+              "attribute": "target"
+            },
             {
               "kind": "field",
               "name": "configAria",
@@ -1793,13 +1972,13 @@
             },
             {
               "kind": "field",
-              "name": "target",
+              "name": "toggle",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'_self'",
-              "description": "Sets or retrieves the window or frame at which to target content.",
-              "attribute": "target"
+              "default": "false",
+              "attribute": "toggle",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -1808,7 +1987,8 @@
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "selected"
+              "attribute": "selected",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -1976,13 +2156,6 @@
               "description": "Hyperlink to navigate to on click.",
               "fieldName": "href"
             },
-            {
-              "name": "configAria",
-              "type": {
-                "text": "{ [key: string]: any } | undefined"
-              },
-              "fieldName": "configAria"
-            },
             {
               "name": "target",
               "type": {
@@ -1993,9 +2166,24 @@
               "fieldName": "target"
             },
             {
-              "name": "selected",
+              "name": "configAria",
               "type": {
-                "text": "boolean"
+                "text": "{ [key: string]: any } | undefined"
+              },
+              "fieldName": "configAria"
+            },
+            {
+              "name": "toggle",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "toggle"
+            },
+            {
+              "name": "selected",
+              "type": {
+                "text": "boolean"
               },
               "default": "false",
               "fieldName": "selected"
@@ -2068,76 +2256,152 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/chart-bar/chart-bar.ts",
+      "path": "src/card/card-content.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "ChartBar",
+          "name": "CardContent",
+          "cssProperties": [
+            {
+              "description": "Inner padding for the card container. Defaults to 1rem. ```",
+              "name": "--card-content-padding"
+            }
+          ],
+          "members": [],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "wc-card-content",
+          "customElement": true,
+          "rawTag": {
+            "name": "card-content",
+            "description": ""
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "CardContent",
+          "declaration": {
+            "name": "CardContent",
+            "module": "src/card/card-content.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/card/card.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Card",
+          "cssProperties": [
+            {
+              "description": "Inner padding for the card container. Defaults to 1rem.",
+              "name": "--card-padding"
+            },
+            {
+              "description": "Corner radius for the card container. Defaults to a large radius.",
+              "name": "--card-shape"
+            },
+            {
+              "description": "Gap between slotted children.",
+              "name": "--card-gap"
+            }
+          ],
           "members": [
             {
               "kind": "field",
-              "name": "svgElement",
+              "name": "#id",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "variant",
               "type": {
-                "text": "SVGElement | undefined"
+                "text": "CardVariant"
               },
-              "privacy": "private"
+              "default": "'elevated'",
+              "attribute": "variant",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "width",
+              "name": "disabled",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "0",
-              "description": "Width of the chart in pixels.",
-              "attribute": "width",
+              "default": "false",
+              "attribute": "disabled",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "height",
+              "name": "actionable",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "320",
-              "description": "Height of the chart in pixels.",
-              "attribute": "height",
+              "default": "false",
+              "attribute": "actionable",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "margin",
+              "name": "disabledReason",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "24",
-              "description": "Margin around the chart drawing area.",
-              "attribute": "margin"
+              "default": "''",
+              "description": "If button is disabled, the reason why it is disabled.",
+              "attribute": "disabled-reason"
             },
             {
               "kind": "field",
-              "name": "data",
+              "name": "href",
               "type": {
-                "text": "ChartBarItem[]"
+                "text": "string | undefined"
               },
-              "default": "[]",
-              "description": "Chart data array. Each item should have name, value, and optional label and color.",
-              "attribute": "data"
+              "description": "Hyperlink to navigate to on click.",
+              "attribute": "href",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "showValues",
+              "name": "target",
+              "type": {
+                "text": "string"
+              },
+              "default": "'_self'",
+              "description": "Sets or retrieves the window or frame at which to target content.",
+              "attribute": "target"
+            },
+            {
+              "kind": "field",
+              "name": "throttleDelay",
+              "type": {
+                "text": "number"
+              },
+              "default": "200",
+              "description": "Sets the delay for throttle in milliseconds. Defaults to 200 milliseconds.",
+              "attribute": "throttleDelay"
+            },
+            {
+              "kind": "field",
+              "name": "isPressed",
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
-              "description": "Whether to render value labels above bars.",
-              "attribute": "show-values"
+              "default": "false",
+              "description": "States"
             },
             {
               "kind": "field",
-              "name": "_initialized",
+              "name": "slotHasContent",
               "type": {
                 "text": "boolean"
               },
@@ -2146,90 +2410,343 @@
             },
             {
               "kind": "field",
-              "name": "_debouncedRenderChart",
-              "privacy": "private"
+              "name": "cardElement",
+              "type": {
+                "text": "HTMLElement | null"
+              },
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "contentSlot",
+              "type": {
+                "text": "HTMLSlotElement | null"
+              },
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "#tabindex",
+              "privacy": "private",
+              "type": {
+                "text": "number | undefined"
+              },
+              "default": "0"
+            },
+            {
+              "kind": "field",
+              "name": "#slottedTabIndexMap",
+              "privacy": "private",
+              "default": "new WeakMap<HTMLElement, string | null>()"
             },
             {
               "kind": "method",
-              "name": "_getPaletteScale",
-              "privacy": "private"
+              "name": "__syncSlottedChildrenTabIndex"
+            },
+            {
+              "kind": "field",
+              "name": "__dispatchClickWithThrottle",
+              "type": {
+                "text": "(event: MouseEvent | KeyboardEvent) => void"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "__dispatchClick"
             },
             {
               "kind": "method",
-              "name": "_resolveColor",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "name",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "override",
-                  "type": {
-                    "text": "string | undefined"
-                  }
-                },
-                {
-                  "name": "scale",
-                  "type": {
-                    "text": "d3.ScaleOrdinal<string, string>"
-                  }
-                }
-              ]
+              "name": "__isLink"
             },
             {
               "kind": "method",
-              "name": "_renderChart",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "animate",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
+              "name": "__getDisabledReasonID"
+            },
+            {
+              "kind": "method",
+              "name": "__renderDisabledReason"
+            },
+            {
+              "kind": "field",
+              "name": "__handlePress"
+            },
+            {
+              "kind": "method",
+              "name": "renderCardContent"
             }
           ],
           "attributes": [
             {
-              "name": "width",
+              "name": "variant",
               "type": {
-                "text": "number"
+                "text": "CardVariant"
               },
-              "default": "0",
-              "description": "Width of the chart in pixels.",
-              "fieldName": "width"
+              "default": "'elevated'",
+              "fieldName": "variant"
             },
             {
-              "name": "height",
+              "name": "disabled",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "DEFAULT_HEIGHT",
-              "description": "Height of the chart in pixels.",
-              "fieldName": "height"
+              "default": "false",
+              "fieldName": "disabled"
             },
             {
-              "name": "margin",
+              "name": "actionable",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "24",
-              "description": "Margin around the chart drawing area.",
-              "fieldName": "margin"
+              "default": "false",
+              "fieldName": "actionable"
             },
             {
-              "name": "data",
+              "name": "disabled-reason",
               "type": {
-                "text": "ChartBarItem[]"
+                "text": "string"
               },
-              "default": "[]",
-              "description": "Chart data array. Each item should have name, value, and optional label and color.",
-              "fieldName": "data"
-            },
+              "default": "''",
+              "description": "If button is disabled, the reason why it is disabled.",
+              "fieldName": "disabledReason"
+            },
+            {
+              "name": "href",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Hyperlink to navigate to on click.",
+              "fieldName": "href"
+            },
+            {
+              "name": "target",
+              "type": {
+                "text": "string"
+              },
+              "default": "'_self'",
+              "description": "Sets or retrieves the window or frame at which to target content.",
+              "fieldName": "target"
+            },
+            {
+              "name": "throttleDelay",
+              "type": {
+                "text": "number"
+              },
+              "default": "200",
+              "description": "Sets the delay for throttle in milliseconds. Defaults to 200 milliseconds.",
+              "fieldName": "throttleDelay"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "wc-card",
+          "customElement": true,
+          "summary": "A Material 3 inspired card surface for grouping related content.",
+          "rawTag": {
+            "name": "card",
+            "description": ""
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Card",
+          "declaration": {
+            "name": "Card",
+            "module": "src/card/card.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/card/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Card",
+          "declaration": {
+            "name": "Card",
+            "module": "./card.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "CardContent",
+          "declaration": {
+            "name": "CardContent",
+            "module": "./card-content.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/chart-bar/chart-bar.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ChartBar",
+          "members": [
+            {
+              "kind": "field",
+              "name": "svgElement",
+              "type": {
+                "text": "SVGElement | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "width",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "Width of the chart in pixels.",
+              "attribute": "width",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "height",
+              "type": {
+                "text": "number"
+              },
+              "default": "320",
+              "description": "Height of the chart in pixels.",
+              "attribute": "height",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "margin",
+              "type": {
+                "text": "number"
+              },
+              "default": "24",
+              "description": "Margin around the chart drawing area.",
+              "attribute": "margin"
+            },
+            {
+              "kind": "field",
+              "name": "data",
+              "type": {
+                "text": "ChartBarItem[]"
+              },
+              "default": "[]",
+              "description": "Chart data array. Each item should have name, value, and optional label and color.",
+              "attribute": "data"
+            },
+            {
+              "kind": "field",
+              "name": "showValues",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "description": "Whether to render value labels above bars.",
+              "attribute": "show-values"
+            },
+            {
+              "kind": "field",
+              "name": "_initialized",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "_debouncedRenderChart",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_getPaletteScale",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_resolveColor",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "override",
+                  "type": {
+                    "text": "string | undefined"
+                  }
+                },
+                {
+                  "name": "scale",
+                  "type": {
+                    "text": "d3.ScaleOrdinal<string, string>"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_renderChart",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "animate",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            }
+          ],
+          "attributes": [
+            {
+              "name": "width",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "Width of the chart in pixels.",
+              "fieldName": "width"
+            },
+            {
+              "name": "height",
+              "type": {
+                "text": "number"
+              },
+              "default": "DEFAULT_HEIGHT",
+              "description": "Height of the chart in pixels.",
+              "fieldName": "height"
+            },
+            {
+              "name": "margin",
+              "type": {
+                "text": "number"
+              },
+              "default": "24",
+              "description": "Margin around the chart drawing area.",
+              "fieldName": "margin"
+            },
+            {
+              "name": "data",
+              "type": {
+                "text": "ChartBarItem[]"
+              },
+              "default": "[]",
+              "description": "Chart data array. Each item should have name, value, and optional label and color.",
+              "fieldName": "data"
+            },
             {
               "name": "show-values",
               "type": {
@@ -2531,12 +3048,12 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/chart-donut/chart-donut.ts",
+      "path": "src/chart-doughnut/chart-doughnut.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "ChartDonut",
+          "name": "ChartDoughnut",
           "members": [
             {
               "kind": "field",
@@ -2583,7 +3100,7 @@
               "kind": "field",
               "name": "data",
               "type": {
-                "text": "ChartDonutItem[]"
+                "text": "ChartDoughnutItem[]"
               },
               "default": "[]",
               "description": "Chart data array. Each item should have name, value, and optional label and color.",
@@ -2595,7 +3112,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Label displayed in the center of the donut.",
+              "description": "Label displayed in the center of the doughnut.",
               "attribute": "label"
             },
             {
@@ -2687,7 +3204,7 @@
             {
               "name": "data",
               "type": {
-                "text": "ChartDonutItem[]"
+                "text": "ChartDoughnutItem[]"
               },
               "default": "[]",
               "description": "Chart data array. Each item should have name, value, and optional label and color.",
@@ -2698,7 +3215,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Label displayed in the center of the donut.",
+              "description": "Label displayed in the center of the doughnut.",
               "fieldName": "label"
             }
           ],
@@ -2706,11 +3223,11 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "wc-chart-donut",
+          "tagName": "wc-chart-doughnut",
           "customElement": true,
-          "summary": "A donut chart is a circular chart with a blank center. The area in the center can be used to display information.",
+          "summary": "A doughnut chart is a circular chart with a blank center. The area in the center can be used to display information.",
           "rawTag": {
-            "name": "chart-donut",
+            "name": "chart-doughnut",
             "description": ""
           }
         }
@@ -2718,237 +3235,25 @@
       "exports": [
         {
           "kind": "js",
-          "name": "ChartDonut",
+          "name": "ChartDoughnut",
           "declaration": {
-            "name": "ChartDonut",
-            "module": "src/chart-donut/chart-donut.ts"
+            "name": "ChartDoughnut",
+            "module": "src/chart-doughnut/chart-doughnut.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/chart-donut/index.ts",
+      "path": "src/chart-doughnut/index.ts",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "ChartDonut",
+          "name": "ChartDoughnut",
           "declaration": {
-            "name": "ChartDonut",
-            "module": "./chart-donut.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/chart-doughnut/chart-doughnut.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "ChartDoughnut",
-          "members": [
-            {
-              "kind": "field",
-              "name": "svgElement",
-              "type": {
-                "text": "SVGElement | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "width",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "Width (and height) of the chart in pixels.",
-              "attribute": "width",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "margin",
-              "type": {
-                "text": "number"
-              },
-              "default": "10",
-              "description": "Margin around the chart.",
-              "attribute": "margin",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "showLabels",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "Whether to show labels outside the chart.",
-              "attribute": "show-labels",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "data",
-              "type": {
-                "text": "ChartDoughnutItem[]"
-              },
-              "default": "[]",
-              "description": "Chart data array. Each item should have name, value, and optional label and color.",
-              "attribute": "data"
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Label displayed in the center of the doughnut.",
-              "attribute": "label"
-            },
-            {
-              "kind": "field",
-              "name": "_initialized",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "_debouncedRenderChart",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "_getRadius",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "number"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_getTotal",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "number"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_getPieData",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "_getColorScale",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "_renderChart",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "animate",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
-            }
-          ],
-          "attributes": [
-            {
-              "name": "width",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "Width (and height) of the chart in pixels.",
-              "fieldName": "width"
-            },
-            {
-              "name": "margin",
-              "type": {
-                "text": "number"
-              },
-              "default": "10",
-              "description": "Margin around the chart.",
-              "fieldName": "margin"
-            },
-            {
-              "name": "show-labels",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "Whether to show labels outside the chart.",
-              "fieldName": "showLabels"
-            },
-            {
-              "name": "data",
-              "type": {
-                "text": "ChartDoughnutItem[]"
-              },
-              "default": "[]",
-              "description": "Chart data array. Each item should have name, value, and optional label and color.",
-              "fieldName": "data"
-            },
-            {
-              "name": "label",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Label displayed in the center of the doughnut.",
-              "fieldName": "label"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "wc-chart-doughnut",
-          "customElement": true,
-          "summary": "A doughnut chart is a circular chart with a blank center. The area in the center can be used to display information.",
-          "rawTag": {
-            "name": "chart-doughnut",
-            "description": ""
-          }
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ChartDoughnut",
-          "declaration": {
-            "name": "ChartDoughnut",
-            "module": "src/chart-doughnut/chart-doughnut.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/chart-doughnut/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ChartDoughnut",
-          "declaration": {
-            "name": "ChartDoughnut",
-            "module": "./chart-doughnut.js"
+            "name": "ChartDoughnut",
+            "module": "./chart-doughnut.js"
           }
         }
       ]
@@ -5483,12 +5788,12 @@
             },
             {
               "kind": "field",
-              "name": "element",
+              "name": "for",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "attribute": "element"
+              "attribute": "for"
             },
             {
               "kind": "field",
@@ -5497,10 +5802,21 @@
                 "text": "HTMLElement | undefined"
               }
             },
+            {
+              "kind": "field",
+              "name": "_focusTarget",
+              "type": {
+                "text": "HTMLElement | undefined"
+              }
+            },
             {
               "kind": "field",
               "name": "control"
             },
+            {
+              "kind": "field",
+              "name": "forElement"
+            },
             {
               "kind": "method",
               "name": "__focusin"
@@ -5513,6 +5829,15 @@
               "kind": "method",
               "name": "__pointerdown"
             },
+            {
+              "kind": "method",
+              "name": "__getFocusTarget",
+              "return": {
+                "type": {
+                  "text": "HTMLElement | undefined"
+                }
+              }
+            },
             {
               "kind": "method",
               "name": "attach"
@@ -5532,12 +5857,12 @@
               "fieldName": "visible"
             },
             {
-              "name": "element",
+              "name": "for",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "fieldName": "element"
+              "fieldName": "for"
             }
           ],
           "superclass": {
@@ -8444,249 +8769,1629 @@
               "default": "''"
             },
             {
-              "kind": "field",
-              "name": "rippleScale",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "private",
-              "default": "''"
+              "kind": "field",
+              "name": "rippleScale",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "initialSize",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0"
+            },
+            {
+              "kind": "field",
+              "name": "growAnimation",
+              "type": {
+                "text": "Animation | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "state",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "rippleStartEvent",
+              "type": {
+                "text": "PointerEvent | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "attach",
+              "parameters": [
+                {
+                  "name": "control",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "detach"
+            },
+            {
+              "kind": "method",
+              "name": "handlePointerenter",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "PointerEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handlePointerleave",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "PointerEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handlePointerup",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "PointerEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handlePointerdown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "PointerEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleClick",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handlePointercancel",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "PointerEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleContextmenu",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "determineRippleSize",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "getTranslationCoordinates",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "positionEvent",
+                  "optional": true,
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "startPressAnimation",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "positionEvent",
+                  "optional": true,
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "endPressAnimation",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "shouldReactToEvent",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "PointerEvent"
+                  }
+                }
+              ],
+              "description": "Returns `true` if\n - the ripple element is enabled\n - the pointer is primary for the input type\n - the pointer is the pointer that started the interaction, or will start\nthe interaction\n - the pointer is a touch, or the pointer state has the primary button\nheld, or the pointer is hovering"
+            },
+            {
+              "kind": "method",
+              "name": "isTouch",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "{ pointerType }",
+                  "type": {
+                    "text": "PointerEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleEvent",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "getNormalizedPointerEventCoords",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "{\n    x: number;\n    y: number;\n  }"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "pointerEvent",
+                  "type": {
+                    "text": "PointerEvent"
+                  }
+                }
+              ]
+            }
+          ],
+          "attributes": [
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the ripple.",
+              "fieldName": "disabled"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "wc-ripple",
+          "customElement": true,
+          "summary": "Provides ripple effect for interactive elements.",
+          "rawTag": {
+            "name": "ripple",
+            "description": ""
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Ripple",
+          "declaration": {
+            "name": "Ripple",
+            "module": "src/ripple/ripple.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/segmented-button/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SegmentedButton",
+          "declaration": {
+            "name": "SegmentedButton",
+            "module": "./segmented-button.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SegmentedButtonGroup",
+          "declaration": {
+            "name": "SegmentedButtonGroup",
+            "module": "./segmented-button-group.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/segmented-button/segmented-button-group.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SegmentedButtonGroup",
+          "cssProperties": [
+            {
+              "description": "Border-radius of the group container.",
+              "name": "--segmented-button-group-shape:"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "SegmentedButton",
+              "static": true,
+              "default": "SegmentedButton"
+            },
+            {
+              "kind": "field",
+              "name": "multiSelect",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, multiple segments can be selected simultaneously.\nDefaults to single-select mode.",
+              "attribute": "multi-select",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "nullable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, in single-select mode the currently selected segment can be\ndeselected by clicking it again (allowing an empty selection).\nDefaults to `false`.",
+              "attribute": "nullable",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "_getSegments",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "SegmentedButton[]"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_onSegmentChange",
+              "privacy": "private"
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Dispatched when the selection changes. Detail contains <code>{ value, values }</code>.",
+              "name": "change"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "multi-select",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, multiple segments can be selected simultaneously.\nDefaults to single-select mode.",
+              "fieldName": "multiSelect"
+            },
+            {
+              "name": "nullable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, in single-select mode the currently selected segment can be\ndeselected by clicking it again (allowing an empty selection).\nDefaults to `false`.",
+              "fieldName": "nullable"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "wc-segmented-button-group",
+          "customElement": true,
+          "summary": "A container for segmented buttons following Material Design 3.",
+          "rawTag": {
+            "name": "segmented-button-group",
+            "description": ""
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SegmentedButtonGroup",
+          "declaration": {
+            "name": "SegmentedButtonGroup",
+            "module": "src/segmented-button/segmented-button-group.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/segmented-button/segmented-button.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SegmentedButton",
+          "cssProperties": [
+            {
+              "description": "Height of the segmented button.",
+              "name": "--segmented-button-height:"
+            },
+            {
+              "description": "Background color when the segment is selected.",
+              "name": "--segmented-button-selected-container-color:"
+            },
+            {
+              "description": "Text color when the segment is selected.",
+              "name": "--segmented-button-selected-label-text-color:"
+            },
+            {
+              "description": "Text color when the segment is unselected.",
+              "name": "--segmented-button-unselected-label-text-color:"
+            },
+            {
+              "description": "Outline / border color.",
+              "name": "--segmented-button-outline-color:"
+            },
+            {
+              "description": "Opacity when the segment is disabled.",
+              "name": "--segmented-button-disabled-opacity:"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The value associated with this segment.",
+              "attribute": "value",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether this segment is currently selected.",
+              "attribute": "selected",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true, the user cannot interact with this segment.",
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Optional icon name to display (uses wc-icon).",
+              "attribute": "icon"
+            },
+            {
+              "kind": "field",
+              "name": "hasFocus",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "isActive",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "_windowMouseUp",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_mouseDownHandler",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_keyDownHandler",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_clickHandler",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_toggle",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "ev",
+                  "type": {
+                    "text": "MouseEvent | KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "_blurHandler",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_focusHandler",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "focus",
+              "description": "Sets focus on the segment."
+            },
+            {
+              "kind": "method",
+              "name": "blur",
+              "description": "Removes focus from the segment."
+            }
+          ],
+          "events": [
+            {
+              "name": "segmented-button--change",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Dispatched when the selected state changes."
+            }
+          ],
+          "attributes": [
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The value associated with this segment.",
+              "fieldName": "value"
+            },
+            {
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether this segment is currently selected.",
+              "fieldName": "selected"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true, the user cannot interact with this segment.",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Optional icon name to display (uses wc-icon).",
+              "fieldName": "icon"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "wc-segmented-button",
+          "customElement": true,
+          "summary": "An individual segment within a segmented button group.",
+          "rawTag": {
+            "name": "segmented-button",
+            "description": ""
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SegmentedButton",
+          "declaration": {
+            "name": "SegmentedButton",
+            "module": "src/segmented-button/segmented-button.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/select/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Select",
+          "declaration": {
+            "name": "Select",
+            "module": "./select.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SelectOption",
+          "declaration": {
+            "name": "SelectOption",
+            "module": "./select.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SelectOptionElement",
+          "declaration": {
+            "name": "SelectOptionElement",
+            "module": "./option.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/select/option.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SelectOptionElement",
+          "members": [
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The option's submitted value.",
+              "attribute": "value",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Optional Material Symbol icon name shown before the label.",
+              "attribute": "icon",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the option so it cannot be selected.",
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Reflects whether this option is currently selected. Set by wc-select.",
+              "attribute": "selected",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "keepOpen",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true the menu stays open after selection (used for multi-select).\nSet by wc-select.",
+              "attribute": "keep-open"
+            },
+            {
+              "kind": "field",
+              "name": "filtered",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true the option is hidden and excluded from keyboard navigation\nbecause it does not match the current typeahead search query.\nSet by wc-select.",
+              "attribute": "filtered",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "_menuItemEl",
+              "type": {
+                "text": "HTMLElement | undefined"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "item",
+              "type": {
+                "text": "MenuItem | null"
+              },
+              "description": "Returns the inner `wc-menu-item` element.\n`wc-menu` discovers this via its `items` getter which checks `el.item`\nas a `MenuItem` proxy, so keyboard navigation and activation work\nwithout `wc-option` extending `MenuItem` directly.",
+              "readonly": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The option's submitted value.",
+              "fieldName": "value"
+            },
+            {
+              "name": "icon",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Optional Material Symbol icon name shown before the label.",
+              "fieldName": "icon"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the option so it cannot be selected.",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Reflects whether this option is currently selected. Set by wc-select.",
+              "fieldName": "selected"
+            },
+            {
+              "name": "keep-open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true the menu stays open after selection (used for multi-select).\nSet by wc-select.",
+              "fieldName": "keepOpen"
+            },
+            {
+              "name": "filtered",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true the option is hidden and excluded from keyboard navigation\nbecause it does not match the current typeahead search query.\nSet by wc-select.",
+              "fieldName": "filtered"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "wc-option",
+          "customElement": true,
+          "summary": "A declarative option element for use inside wc-select.",
+          "rawTag": {
+            "name": "option",
+            "description": ""
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SelectOptionElement",
+          "declaration": {
+            "name": "SelectOptionElement",
+            "module": "src/select/option.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/select/select.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Select",
+          "members": [
+            {
+              "kind": "field",
+              "name": "options",
+              "type": {
+                "text": "SelectOption[]"
+              },
+              "default": "[]",
+              "description": "Array of options to display in the dropdown.\nSetting this property creates matching `<wc-option>` children automatically.",
+              "attribute": "options"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "any | undefined"
+              },
+              "default": "''",
+              "description": "The selected value. For multi-select, a comma-separated list of values.",
+              "attribute": "value",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "BaseInput",
+                "module": "src/input/BaseInput.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "multiple",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enable multi-select mode.",
+              "attribute": "multiple",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "search",
+              "type": {
+                "text": "'' | 'contains' | 'managed'"
+              },
+              "default": "''",
+              "description": "Enable typeahead search.\n- `'contains'`: filters options client-side.\n- `'managed'`: emits a `select-search` event for server-controlled filtering.",
+              "attribute": "search"
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Placeholder text shown when no value is selected.",
+              "attribute": "placeholder"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Label displayed above the field.",
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "clearable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Show a clear button in single-select mode when a value is selected.",
+              "attribute": "clearable"
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "'filled' | 'outlined' | 'default'"
+              },
+              "default": "'default'",
+              "description": "Visual variant of the field.",
+              "attribute": "variant"
+            },
+            {
+              "kind": "field",
+              "name": "helperText",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Helper text displayed below the field.",
+              "attribute": "helper-text"
+            },
+            {
+              "kind": "field",
+              "name": "error",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "error"
+            },
+            {
+              "kind": "field",
+              "name": "errorText",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "error-text"
+            },
+            {
+              "kind": "field",
+              "name": "warning",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "warning"
+            },
+            {
+              "kind": "field",
+              "name": "warningText",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "warning-text"
+            },
+            {
+              "kind": "field",
+              "name": "_open",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "_focused",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "_searchQuery",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "_noOptionsVisible",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "description": "True when all options are filtered out by the current search query."
+            },
+            {
+              "kind": "field",
+              "name": "_triggerEl",
+              "type": {
+                "text": "HTMLElement | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_menu",
+              "type": {
+                "text": "Menu | null"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_searchInputEl",
+              "type": {
+                "text": "HTMLInputElement | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "focus"
+            },
+            {
+              "kind": "method",
+              "name": "blur"
+            },
+            {
+              "kind": "method",
+              "name": "_syncProgrammaticOptions",
+              "privacy": "private",
+              "description": "Reconciles the `options` property with auto-generated `<wc-option>` light-DOM\nchildren (marked `data-generated`).  Declarative children placed by the\nconsumer are left untouched."
+            },
+            {
+              "kind": "method",
+              "name": "_syncOptionStates",
+              "privacy": "private",
+              "description": "Pushes `selected`, `keepOpen`, and `filtered` state onto every `<wc-option>`\nchild element so each one can render itself correctly."
+            },
+            {
+              "kind": "field",
+              "name": "_selectedValues",
+              "type": {
+                "text": "string[]"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "_isSelected",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_getLabelForValue",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "val",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Returns the display label for a given option value."
+            },
+            {
+              "kind": "field",
+              "name": "_displayLabel",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_isPopulated",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "_openMenu",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_closeMenu",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_handleTriggerClick",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_handleTriggerKeyDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_handleMenuClosed",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_handleMenuItemActivate",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_dispatchChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_handleSearchInput",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "InputEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_handleClear",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_handleChipDismiss",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent"
+                  }
+                },
+                {
+                  "name": "chipValue",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_renderTriggerContent",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_renderFieldEnd",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "disabled",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "BaseInput",
+                "module": "src/input/BaseInput.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "readonly",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "BaseInput",
+                "module": "src/input/BaseInput.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "required",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "BaseInput",
+                "module": "src/input/BaseInput.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "skeleton",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "skeleton",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "BaseInput",
+                "module": "src/input/BaseInput.ts"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "change",
+              "type": {
+                "text": "CustomEvent"
+              }
+            },
+            {
+              "name": "select-search",
+              "type": {
+                "text": "CustomEvent"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "options",
+              "type": {
+                "text": "SelectOption[]"
+              },
+              "default": "[]",
+              "description": "Array of options to display in the dropdown.\nSetting this property creates matching `<wc-option>` children automatically.",
+              "fieldName": "options"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The selected value. For multi-select, a comma-separated list of values.",
+              "fieldName": "value"
+            },
+            {
+              "name": "multiple",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enable multi-select mode.",
+              "fieldName": "multiple"
+            },
+            {
+              "name": "search",
+              "type": {
+                "text": "'' | 'contains' | 'managed'"
+              },
+              "default": "''",
+              "description": "Enable typeahead search.\n- `'contains'`: filters options client-side.\n- `'managed'`: emits a `select-search` event for server-controlled filtering.",
+              "fieldName": "search"
+            },
+            {
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Placeholder text shown when no value is selected.",
+              "fieldName": "placeholder"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Label displayed above the field.",
+              "fieldName": "label"
+            },
+            {
+              "name": "clearable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Show a clear button in single-select mode when a value is selected.",
+              "fieldName": "clearable"
+            },
+            {
+              "name": "variant",
+              "type": {
+                "text": "'filled' | 'outlined' | 'default'"
+              },
+              "default": "'default'",
+              "description": "Visual variant of the field.",
+              "fieldName": "variant"
+            },
+            {
+              "name": "helper-text",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Helper text displayed below the field.",
+              "fieldName": "helperText"
+            },
+            {
+              "name": "error",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "error"
+            },
+            {
+              "name": "error-text",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "errorText"
+            },
+            {
+              "name": "warning",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "warning"
+            },
+            {
+              "name": "warning-text",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "warningText"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "disabled",
+              "inheritedFrom": {
+                "name": "BaseInput",
+                "module": "src/input/BaseInput.ts"
+              }
+            },
+            {
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "readonly",
+              "inheritedFrom": {
+                "name": "BaseInput",
+                "module": "src/input/BaseInput.ts"
+              }
+            },
+            {
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "required",
+              "inheritedFrom": {
+                "name": "BaseInput",
+                "module": "src/input/BaseInput.ts"
+              }
+            },
+            {
+              "name": "skeleton",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "skeleton",
+              "inheritedFrom": {
+                "name": "BaseInput",
+                "module": "src/input/BaseInput.ts"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "BaseInput",
+            "module": "/src/input/BaseInput.js"
+          },
+          "tagName": "wc-select",
+          "customElement": true,
+          "summary": "A dropdown select component supporting single and multi-select with optional typeahead search.",
+          "rawTag": {
+            "name": "select",
+            "description": ""
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Select",
+          "declaration": {
+            "name": "Select",
+            "module": "src/select/select.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/side-sheet/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SideSheet",
+          "declaration": {
+            "name": "SideSheet",
+            "module": "./side-sheet.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/side-sheet/side-sheet.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SideSheet",
+          "cssProperties": [
+            {
+              "description": "Background color of the sheet container.",
+              "name": "--side-sheet-container-color"
+            },
+            {
+              "description": "Color of the modal scrim overlay.",
+              "name": "--side-sheet-scrim-color"
+            },
+            {
+              "description": "Corner radius of the leading edge.",
+              "name": "--side-sheet-shape"
             },
+            {
+              "description": "Width of the side sheet.",
+              "name": "--side-sheet-width"
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "initialSize",
+              "name": "open",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "privacy": "private",
-              "default": "0"
+              "default": "false",
+              "description": "Whether the sheet is visible.",
+              "attribute": "open",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "growAnimation",
+              "name": "variant",
               "type": {
-                "text": "Animation | undefined"
+                "text": "'standard' | 'modal'"
               },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "state",
-              "privacy": "private"
+              "default": "'modal'",
+              "description": "Sheet variant.\n- `\"standard\"`: Coexists with page content; no scrim.\n- `\"modal\"`: Overlays page content with a scrim backdrop.",
+              "attribute": "variant",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "rippleStartEvent",
+              "name": "position",
               "type": {
-                "text": "PointerEvent | undefined"
+                "text": "'left' | 'right'"
               },
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "attach",
-              "parameters": [
-                {
-                  "name": "control",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "detach"
-            },
-            {
-              "kind": "method",
-              "name": "handlePointerenter",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "PointerEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handlePointerleave",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "PointerEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handlePointerup",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "PointerEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handlePointerdown",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "PointerEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleClick",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handlePointercancel",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "PointerEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleContextmenu",
-              "privacy": "private"
+              "default": "'right'",
+              "description": "Side from which the sheet slides in.\n- `\"left\"`: Sheet opens from the left edge.\n- `\"right\"`: Sheet opens from the right edge.",
+              "attribute": "position",
+              "reflects": true
             },
             {
               "kind": "method",
-              "name": "determineRippleSize",
-              "privacy": "private"
+              "name": "show"
             },
             {
               "kind": "method",
-              "name": "getTranslationCoordinates",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "positionEvent",
-                  "optional": true,
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              "name": "hide"
             },
             {
               "kind": "method",
-              "name": "startPressAnimation",
+              "name": "_close",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "positionEvent",
-                  "optional": true,
+                  "name": "reason",
                   "type": {
-                    "text": "Event"
+                    "text": "string"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "endPressAnimation",
+              "name": "_handleScrimClick",
               "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "shouldReactToEvent",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "PointerEvent"
-                  }
-                }
-              ],
-              "description": "Returns `true` if\n - the ripple element is enabled\n - the pointer is primary for the input type\n - the pointer is the pointer that started the interaction, or will start\nthe interaction\n - the pointer is a touch, or the pointer state has the primary button\nheld, or the pointer is hovering"
-            },
-            {
-              "kind": "method",
-              "name": "isTouch",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "{ pointerType }",
-                  "type": {
-                    "text": "PointerEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleEvent",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
+            }
+          ],
+          "events": [
             {
-              "kind": "method",
-              "name": "getNormalizedPointerEventCoords",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "{\n    x: number;\n    y: number;\n  }"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "pointerEvent",
-                  "type": {
-                    "text": "PointerEvent"
-                  }
-                }
-              ]
+              "name": "side-sheet-close",
+              "type": {
+                "text": "CustomEvent"
+              }
             }
           ],
           "attributes": [
             {
-              "name": "disabled",
+              "name": "open",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Disables the ripple.",
-              "fieldName": "disabled"
+              "description": "Whether the sheet is visible.",
+              "fieldName": "open"
+            },
+            {
+              "name": "variant",
+              "type": {
+                "text": "'standard' | 'modal'"
+              },
+              "default": "'modal'",
+              "description": "Sheet variant.\n- `\"standard\"`: Coexists with page content; no scrim.\n- `\"modal\"`: Overlays page content with a scrim backdrop.",
+              "fieldName": "variant"
+            },
+            {
+              "name": "position",
+              "type": {
+                "text": "'left' | 'right'"
+              },
+              "default": "'right'",
+              "description": "Side from which the sheet slides in.\n- `\"left\"`: Sheet opens from the left edge.\n- `\"right\"`: Sheet opens from the right edge.",
+              "fieldName": "position"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "wc-ripple",
+          "tagName": "wc-side-sheet",
           "customElement": true,
-          "summary": "Provides ripple effect for interactive elements.",
+          "summary": "Side sheets slide in from the edge of the screen to reveal supplemental content. Supports standard and modal variants per Material Design 3.",
           "rawTag": {
-            "name": "ripple",
+            "name": "side-sheet",
             "description": ""
           }
         }
@@ -8694,10 +10399,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "Ripple",
+          "name": "SideSheet",
           "declaration": {
-            "name": "Ripple",
-            "module": "src/ripple/ripple.ts"
+            "name": "SideSheet",
+            "module": "src/side-sheet/side-sheet.ts"
           }
         }
       ]
@@ -10353,16 +12058,6 @@
               "static": true,
               "default": "TabPanel"
             },
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "'line' | 'line-secondary' | 'contained' | 'pill'"
-              },
-              "default": "'line'",
-              "attribute": "variant",
-              "reflects": true
-            },
             {
               "kind": "field",
               "name": "onTabClick",
@@ -10438,16 +12133,6 @@
               "privacy": "private"
             }
           ],
-          "attributes": [
-            {
-              "name": "variant",
-              "type": {
-                "text": "'line' | 'line-secondary' | 'contained' | 'pill'"
-              },
-              "default": "'line'",
-              "fieldName": "variant"
-            }
-          ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
@@ -10582,16 +12267,8 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "attribute": "disabledReason"
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string | undefined"
-              },
-              "attribute": "label"
+              "default": "''",
+              "attribute": "disabledReason"
             },
             {
               "kind": "field",
@@ -10726,7 +12403,44 @@
             },
             {
               "kind": "method",
-              "name": "renderTabContent"
+              "name": "__getParentTabsVariant",
+              "return": {
+                "type": {
+                  "text": "Tabs['variant']"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderTabContent",
+              "parameters": [
+                {
+                  "name": "variant",
+                  "type": {
+                    "text": "Tabs['variant']"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "renderPrimaryTabContent"
+            },
+            {
+              "kind": "method",
+              "name": "renderSecondaryTabContent"
+            },
+            {
+              "kind": "method",
+              "name": "renderContainedTabContent"
+            },
+            {
+              "kind": "method",
+              "name": "renderFilledTabContent"
+            },
+            {
+              "kind": "method",
+              "name": "renderSegmentedTabContent"
             },
             {
               "kind": "method",
@@ -10762,13 +12476,6 @@
               "default": "''",
               "fieldName": "disabledReason"
             },
-            {
-              "name": "label",
-              "type": {
-                "text": "string | undefined"
-              },
-              "fieldName": "label"
-            },
             {
               "name": "value",
               "type": {
@@ -10848,6 +12555,16 @@
               "static": true,
               "default": "Tab"
             },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "'primary' | 'secondary' | 'contained' | 'filled'"
+              },
+              "default": "'primary'",
+              "attribute": "variant",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "managed",
@@ -10857,6 +12574,109 @@
               "default": "false",
               "attribute": "managed"
             },
+            {
+              "kind": "field",
+              "name": "__mutationObserver",
+              "type": {
+                "text": "MutationObserver | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "__lastActiveTab",
+              "type": {
+                "text": "Tab | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "__getTabs",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "__getActiveTab",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "__getTabIndicator",
+              "privacy": "private",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "tab",
+                  "optional": true,
+                  "type": {
+                    "text": "Tab"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "__getTabBackground",
+              "privacy": "private",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "tab",
+                  "optional": true,
+                  "type": {
+                    "text": "Tab"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "__getAnimationElements",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "previousTab",
+                  "optional": true,
+                  "type": {
+                    "text": "Tab"
+                  }
+                },
+                {
+                  "name": "nextTab",
+                  "optional": true,
+                  "type": {
+                    "text": "Tab"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "__animateIndicatorTransition",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "previousTab",
+                  "optional": true,
+                  "type": {
+                    "text": "Tab"
+                  }
+                },
+                {
+                  "name": "nextTab",
+                  "optional": true,
+                  "type": {
+                    "text": "Tab"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "__syncIndicatorsFromActiveState",
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "__handleTabClick",
@@ -10864,6 +12684,14 @@
             }
           ],
           "attributes": [
+            {
+              "name": "variant",
+              "type": {
+                "text": "'primary' | 'secondary' | 'contained' | 'filled'"
+              },
+              "default": "'primary'",
+              "fieldName": "variant"
+            },
             {
               "name": "managed",
               "type": {
@@ -13350,67 +15178,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/breadcrumb/breadcrumb/breadcrumb.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "Breadcrumb",
-          "members": [
-            {
-              "kind": "field",
-              "name": "Item",
-              "static": true,
-              "default": "BreadcrumbItem"
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Breadcrumb'",
-              "description": "Accessible label for the breadcrumb navigation landmark.",
-              "attribute": "label"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Breadcrumb'",
-              "description": "Accessible label for the breadcrumb navigation landmark.",
-              "fieldName": "label"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "wc-breadcrumb",
-          "customElement": true,
-          "summary": "A breadcrumb is a secondary navigation scheme that reveals the user's location in a website or web application.",
-          "rawTag": {
-            "name": "breadcrumb",
-            "description": ""
-          }
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "Breadcrumb",
-          "declaration": {
-            "name": "Breadcrumb",
-            "module": "src/breadcrumb/breadcrumb/breadcrumb.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/breadcrumb/breadcrumb-item/breadcrumb-item.ts",
@@ -13503,21 +15270,82 @@
             {
               "name": "separator",
               "type": {
-                "text": "string | undefined"
+                "text": "string | undefined"
+              },
+              "description": "Custom separator character. If not provided, default \"/\" is used.",
+              "fieldName": "separator"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "wc-breadcrumb-item",
+          "customElement": true,
+          "summary": "A breadcrumb item component that represents a single item in a breadcrumb navigation.",
+          "rawTag": {
+            "name": "breadcrumb-item",
+            "description": ""
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BreadcrumbItem",
+          "declaration": {
+            "name": "BreadcrumbItem",
+            "module": "src/breadcrumb/breadcrumb-item/breadcrumb-item.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/breadcrumb/breadcrumb/breadcrumb.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Breadcrumb",
+          "members": [
+            {
+              "kind": "field",
+              "name": "Item",
+              "static": true,
+              "default": "BreadcrumbItem"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Breadcrumb'",
+              "description": "Accessible label for the breadcrumb navigation landmark.",
+              "attribute": "label"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
               },
-              "description": "Custom separator character. If not provided, default \"/\" is used.",
-              "fieldName": "separator"
+              "default": "'Breadcrumb'",
+              "description": "Accessible label for the breadcrumb navigation landmark.",
+              "fieldName": "label"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "wc-breadcrumb-item",
+          "tagName": "wc-breadcrumb",
           "customElement": true,
-          "summary": "A breadcrumb item component that represents a single item in a breadcrumb navigation.",
+          "summary": "A breadcrumb is a secondary navigation scheme that reveals the user's location in a website or web application.",
           "rawTag": {
-            "name": "breadcrumb-item",
+            "name": "breadcrumb",
             "description": ""
           }
         }
@@ -13525,10 +15353,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "BreadcrumbItem",
+          "name": "Breadcrumb",
           "declaration": {
-            "name": "BreadcrumbItem",
-            "module": "src/breadcrumb/breadcrumb-item/breadcrumb-item.ts"
+            "name": "Breadcrumb",
+            "module": "src/breadcrumb/breadcrumb/breadcrumb.ts"
           }
         }
       ]
@@ -13636,6 +15464,22 @@
               "privacy": "private",
               "default": "false"
             },
+            {
+              "kind": "method",
+              "name": "focus",
+              "inheritedFrom": {
+                "name": "BaseButton",
+                "module": "src/button/BaseButton.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "blur",
+              "inheritedFrom": {
+                "name": "BaseButton",
+                "module": "src/button/BaseButton.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "renderButtonContent"
@@ -13713,6 +15557,7 @@
               "default": "'sm'",
               "description": "Button size.\nPossible values are `\"sm\"`, `\"md\"`, `\"lg\"`. Defaults to `\"md\"`.",
               "attribute": "size",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "BaseButton",
                 "module": "src/button/BaseButton.ts"
@@ -13741,6 +15586,7 @@
               },
               "default": "false",
               "attribute": "skeleton",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "BaseButton",
                 "module": "src/button/BaseButton.ts"
@@ -13789,6 +15635,20 @@
                 "module": "src/button/BaseButton.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "target",
+              "type": {
+                "text": "string"
+              },
+              "default": "'_self'",
+              "description": "Sets or retrieves the window or frame at which to target content.",
+              "attribute": "target",
+              "inheritedFrom": {
+                "name": "BaseButton",
+                "module": "src/button/BaseButton.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "configAria",
@@ -13804,13 +15664,13 @@
             },
             {
               "kind": "field",
-              "name": "target",
+              "name": "toggle",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'_self'",
-              "description": "Sets or retrieves the window or frame at which to target content.",
-              "attribute": "target",
+              "default": "false",
+              "attribute": "toggle",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "BaseButton",
                 "module": "src/button/BaseButton.ts"
@@ -13824,6 +15684,7 @@
               },
               "default": "false",
               "attribute": "selected",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "BaseButton",
                 "module": "src/button/BaseButton.ts"
@@ -13880,22 +15741,6 @@
                 "module": "src/button/BaseButton.ts"
               }
             },
-            {
-              "kind": "method",
-              "name": "focus",
-              "inheritedFrom": {
-                "name": "BaseButton",
-                "module": "src/button/BaseButton.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "blur",
-              "inheritedFrom": {
-                "name": "BaseButton",
-                "module": "src/button/BaseButton.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "__handlePress",
@@ -14109,6 +15954,19 @@
                 "module": "src/button/BaseButton.ts"
               }
             },
+            {
+              "name": "target",
+              "type": {
+                "text": "string"
+              },
+              "default": "'_self'",
+              "description": "Sets or retrieves the window or frame at which to target content.",
+              "fieldName": "target",
+              "inheritedFrom": {
+                "name": "BaseButton",
+                "module": "src/button/BaseButton.ts"
+              }
+            },
             {
               "name": "configAria",
               "type": {
@@ -14121,13 +15979,12 @@
               }
             },
             {
-              "name": "target",
+              "name": "toggle",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'_self'",
-              "description": "Sets or retrieves the window or frame at which to target content.",
-              "fieldName": "target",
+              "default": "false",
+              "fieldName": "toggle",
               "inheritedFrom": {
                 "name": "BaseButton",
                 "module": "src/button/BaseButton.ts"
@@ -14224,6 +16081,63 @@
               "default": "'sm'",
               "description": "Button size.\nPossible values are `\"sm\"`, `\"md\"`, `\"lg\"`. Defaults to `\"md\"`.",
               "attribute": "size"
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "'standard' | 'connected'"
+              },
+              "default": "'standard'",
+              "description": "Layout variant of the button group.\n`\"standard\"` shows buttons with a small gap between them.\n`\"connected\"` places buttons with a 2px gap; in horizontal orientation outer buttons have fully\nrounded outer corners and middle buttons keep standard rounded corners. In vertical orientation\nall buttons keep their default corner shape.\nDefaults to `\"standard\"`.",
+              "attribute": "variant",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "orientation",
+              "type": {
+                "text": "'horizontal' | 'vertical'"
+              },
+              "default": "'horizontal'",
+              "description": "Orientation of the button group.\n`\"horizontal\"` lays buttons out in a row.\n`\"vertical\"` stacks buttons in a column.\nDefaults to `\"horizontal\"`.",
+              "attribute": "orientation",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "color",
+              "type": {
+                "text": "'primary' | 'success' | 'danger' | 'warning' | 'light' | 'dark' | undefined"
+              },
+              "description": "Color applied to all buttons in the group.\nPossible values are `\"primary\"`, `\"success\"`, `\"danger\"`, `\"warning\"`, `\"light\"`, `\"dark\"`.",
+              "attribute": "color",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "buttonVariant",
+              "type": {
+                "text": "'filled' | 'tonal' | 'outlined' | undefined"
+              },
+              "description": "Visual style applied to all buttons in the group.\nPossible values are `\"filled\"`, `\"tonal\"`, `\"outlined\"`.",
+              "attribute": "button-variant",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "_getSlottedElements",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "HTMLElement[]"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_syncChildren",
+              "privacy": "private"
             }
           ],
           "attributes": [
@@ -14235,6 +16149,40 @@
               "default": "'sm'",
               "description": "Button size.\nPossible values are `\"sm\"`, `\"md\"`, `\"lg\"`. Defaults to `\"md\"`.",
               "fieldName": "size"
+            },
+            {
+              "name": "variant",
+              "type": {
+                "text": "'standard' | 'connected'"
+              },
+              "default": "'standard'",
+              "description": "Layout variant of the button group.\n`\"standard\"` shows buttons with a small gap between them.\n`\"connected\"` places buttons with a 2px gap; in horizontal orientation outer buttons have fully\nrounded outer corners and middle buttons keep standard rounded corners. In vertical orientation\nall buttons keep their default corner shape.\nDefaults to `\"standard\"`.",
+              "fieldName": "variant"
+            },
+            {
+              "name": "orientation",
+              "type": {
+                "text": "'horizontal' | 'vertical'"
+              },
+              "default": "'horizontal'",
+              "description": "Orientation of the button group.\n`\"horizontal\"` lays buttons out in a row.\n`\"vertical\"` stacks buttons in a column.\nDefaults to `\"horizontal\"`.",
+              "fieldName": "orientation"
+            },
+            {
+              "name": "color",
+              "type": {
+                "text": "'primary' | 'success' | 'danger' | 'warning' | 'light' | 'dark' | undefined"
+              },
+              "description": "Color applied to all buttons in the group.\nPossible values are `\"primary\"`, `\"success\"`, `\"danger\"`, `\"warning\"`, `\"light\"`, `\"dark\"`.",
+              "fieldName": "color"
+            },
+            {
+              "name": "button-variant",
+              "type": {
+                "text": "'filled' | 'tonal' | 'outlined' | undefined"
+              },
+              "description": "Visual style applied to all buttons in the group.\nPossible values are `\"filled\"`, `\"tonal\"`, `\"outlined\"`.",
+              "fieldName": "buttonVariant"
             }
           ],
           "superclass": {
@@ -14381,6 +16329,22 @@
               "default": "'material-symbols'",
               "attribute": "provider"
             },
+            {
+              "kind": "method",
+              "name": "focus",
+              "inheritedFrom": {
+                "name": "BaseButton",
+                "module": "src/button/BaseButton.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "blur",
+              "inheritedFrom": {
+                "name": "BaseButton",
+                "module": "src/button/BaseButton.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "renderButtonContent"
@@ -14449,6 +16413,7 @@
               "default": "'sm'",
               "description": "Button size.\nPossible values are `\"sm\"`, `\"md\"`, `\"lg\"`. Defaults to `\"md\"`.",
               "attribute": "size",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "BaseButton",
                 "module": "src/button/BaseButton.ts"
@@ -14477,6 +16442,7 @@
               },
               "default": "false",
               "attribute": "skeleton",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "BaseButton",
                 "module": "src/button/BaseButton.ts"
@@ -14525,6 +16491,20 @@
                 "module": "src/button/BaseButton.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "target",
+              "type": {
+                "text": "string"
+              },
+              "default": "'_self'",
+              "description": "Sets or retrieves the window or frame at which to target content.",
+              "attribute": "target",
+              "inheritedFrom": {
+                "name": "BaseButton",
+                "module": "src/button/BaseButton.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "configAria",
@@ -14540,13 +16520,13 @@
             },
             {
               "kind": "field",
-              "name": "target",
+              "name": "toggle",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'_self'",
-              "description": "Sets or retrieves the window or frame at which to target content.",
-              "attribute": "target",
+              "default": "false",
+              "attribute": "toggle",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "BaseButton",
                 "module": "src/button/BaseButton.ts"
@@ -14560,6 +16540,7 @@
               },
               "default": "false",
               "attribute": "selected",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "BaseButton",
                 "module": "src/button/BaseButton.ts"
@@ -14616,22 +16597,6 @@
                 "module": "src/button/BaseButton.ts"
               }
             },
-            {
-              "kind": "method",
-              "name": "focus",
-              "inheritedFrom": {
-                "name": "BaseButton",
-                "module": "src/button/BaseButton.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "blur",
-              "inheritedFrom": {
-                "name": "BaseButton",
-                "module": "src/button/BaseButton.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "__handlePress",
@@ -14858,6 +16823,19 @@
                 "module": "src/button/BaseButton.ts"
               }
             },
+            {
+              "name": "target",
+              "type": {
+                "text": "string"
+              },
+              "default": "'_self'",
+              "description": "Sets or retrieves the window or frame at which to target content.",
+              "fieldName": "target",
+              "inheritedFrom": {
+                "name": "BaseButton",
+                "module": "src/button/BaseButton.ts"
+              }
+            },
             {
               "name": "configAria",
               "type": {
@@ -14870,13 +16848,12 @@
               }
             },
             {
-              "name": "target",
+              "name": "toggle",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'_self'",
-              "description": "Sets or retrieves the window or frame at which to target content.",
-              "fieldName": "target",
+              "default": "false",
+              "fieldName": "toggle",
               "inheritedFrom": {
                 "name": "BaseButton",
                 "module": "src/button/BaseButton.ts"
@@ -15547,6 +17524,19 @@
               "name": "_getFirstEnabledItem",
               "privacy": "private"
             },
+            {
+              "kind": "method",
+              "name": "_ownsKeyboardEvent",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
             {
               "kind": "field",
               "name": "_onItemActivate",
@@ -15883,11 +17873,6 @@
               "kind": "method",
               "name": "__isLink"
             },
-            {
-              "kind": "field",
-              "name": "focusTarget",
-              "readonly": true
-            },
             {
               "kind": "method",
               "name": "renderContent"