@warp-ds/elements 2.4.0-next.1 → 2.4.0-next.10

package/dist/custom-elements.json

@@ -4,7 +4,7 @@
   "modules": [
     {
       "kind": "javascript-module",
-      "path": "packages/affix/index.ts",
+      "path": "packages/affix/affix.ts",
       "declarations": [
         {
           "kind": "class",
@@ -88,8 +88,8 @@
           },
           "tagName": "w-affix",
           "customElement": true,
-          "modulePath": "packages/affix/index.ts",
-          "definitionPath": "packages/affix/index.ts"
+          "modulePath": "packages/affix/affix.ts",
+          "definitionPath": "packages/affix/affix.ts"
         }
       ],
       "exports": [
@@ -98,7 +98,7 @@
           "name": "w-affix",
           "declaration": {
             "name": "WarpAffix",
-            "module": "packages/affix/index.ts"
+            "module": "packages/affix/affix.ts"
           }
         },
         {
@@ -106,14 +106,14 @@
           "name": "WarpAffix",
           "declaration": {
             "name": "WarpAffix",
-            "module": "packages/affix/index.ts"
+            "module": "packages/affix/affix.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "packages/alert/index.ts",
+      "path": "packages/alert/alert.ts",
       "declarations": [
         {
           "kind": "class",
@@ -189,8 +189,8 @@
           },
           "tagName": "w-alert",
           "customElement": true,
-          "modulePath": "packages/alert/index.ts",
-          "definitionPath": "packages/alert/index.ts"
+          "modulePath": "packages/alert/alert.ts",
+          "definitionPath": "packages/alert/alert.ts"
         }
       ],
       "exports": [
@@ -199,7 +199,7 @@
           "name": "w-alert",
           "declaration": {
             "name": "WarpAlert",
-            "module": "packages/alert/index.ts"
+            "module": "packages/alert/alert.ts"
           }
         },
         {
@@ -207,14 +207,14 @@
           "name": "WarpAlert",
           "declaration": {
             "name": "WarpAlert",
-            "module": "packages/alert/index.ts"
+            "module": "packages/alert/alert.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "packages/link/index.ts",
+      "path": "packages/link/link.ts",
       "declarations": [
         {
           "kind": "class",
@@ -375,8 +375,8 @@
           },
           "tagName": "w-link",
           "customElement": true,
-          "modulePath": "packages/link/index.ts",
-          "definitionPath": "packages/link/index.ts"
+          "modulePath": "packages/link/link.ts",
+          "definitionPath": "packages/link/link.ts"
         }
       ],
       "exports": [
@@ -385,7 +385,7 @@
           "name": "w-link",
           "declaration": {
             "name": "WarpLink",
-            "module": "packages/link/index.ts"
+            "module": "packages/link/link.ts"
           }
         },
         {
@@ -393,14 +393,14 @@
           "name": "WarpLink",
           "declaration": {
             "name": "WarpLink",
-            "module": "packages/link/index.ts"
+            "module": "packages/link/link.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "packages/button/index.ts",
+      "path": "packages/button/button.ts",
       "declarations": [
         {
           "kind": "class",
@@ -680,8 +680,8 @@
           },
           "tagName": "w-button",
           "customElement": true,
-          "modulePath": "packages/button/index.ts",
-          "definitionPath": "packages/button/index.ts"
+          "modulePath": "packages/button/button.ts",
+          "definitionPath": "packages/button/button.ts"
         }
       ],
       "exports": [
@@ -690,7 +690,7 @@
           "name": "w-button",
           "declaration": {
             "name": "WarpButton",
-            "module": "packages/button/index.ts"
+            "module": "packages/button/button.ts"
           }
         },
         {
@@ -698,14 +698,14 @@
           "name": "WarpButton",
           "declaration": {
             "name": "WarpButton",
-            "module": "packages/button/index.ts"
+            "module": "packages/button/button.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "packages/attention/index.ts",
+      "path": "packages/attention/attention.ts",
       "declarations": [
         {
           "kind": "class",
@@ -1018,8 +1018,8 @@
           },
           "tagName": "w-attention",
           "customElement": true,
-          "modulePath": "packages/attention/index.ts",
-          "definitionPath": "packages/attention/index.ts"
+          "modulePath": "packages/attention/attention.ts",
+          "definitionPath": "packages/attention/attention.ts"
         }
       ],
       "exports": [
@@ -1028,7 +1028,7 @@
           "name": "w-attention",
           "declaration": {
             "name": "WarpAttention",
-            "module": "packages/attention/index.ts"
+            "module": "packages/attention/attention.ts"
           }
         },
         {
@@ -1036,14 +1036,14 @@
           "name": "WarpAttention",
           "declaration": {
             "name": "WarpAttention",
-            "module": "packages/attention/index.ts"
+            "module": "packages/attention/attention.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "packages/badge/index.ts",
+      "path": "packages/badge/badge.ts",
       "declarations": [
         {
           "kind": "class",
@@ -1093,8 +1093,8 @@
           },
           "tagName": "w-badge",
           "customElement": true,
-          "modulePath": "packages/badge/index.ts",
-          "definitionPath": "packages/badge/index.ts"
+          "modulePath": "packages/badge/badge.ts",
+          "definitionPath": "packages/badge/badge.ts"
         }
       ],
       "exports": [
@@ -1103,7 +1103,7 @@
           "name": "w-badge",
           "declaration": {
             "name": "WarpBadge",
-            "module": "packages/badge/index.ts"
+            "module": "packages/badge/badge.ts"
           }
         },
         {
@@ -1111,14 +1111,14 @@
           "name": "WarpBadge",
           "declaration": {
             "name": "WarpBadge",
-            "module": "packages/badge/index.ts"
+            "module": "packages/badge/badge.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "packages/box/index.ts",
+      "path": "packages/box/box.ts",
       "declarations": [
         {
           "kind": "class",
@@ -1214,8 +1214,8 @@
           },
           "tagName": "w-box",
           "customElement": true,
-          "modulePath": "packages/box/index.ts",
-          "definitionPath": "packages/box/index.ts"
+          "modulePath": "packages/box/box.ts",
+          "definitionPath": "packages/box/box.ts"
         }
       ],
       "exports": [
@@ -1224,7 +1224,7 @@
           "name": "w-box",
           "declaration": {
             "name": "WarpBox",
-            "module": "packages/box/index.ts"
+            "module": "packages/box/box.ts"
           }
         },
         {
@@ -1232,14 +1232,14 @@
           "name": "WarpBox",
           "declaration": {
             "name": "WarpBox",
-            "module": "packages/box/index.ts"
+            "module": "packages/box/box.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "packages/breadcrumbs/index.ts",
+      "path": "packages/breadcrumbs/breadcrumbs.ts",
       "declarations": [
         {
           "kind": "class",
@@ -1270,8 +1270,8 @@
           },
           "tagName": "w-breadcrumbs",
           "customElement": true,
-          "modulePath": "packages/breadcrumbs/index.ts",
-          "definitionPath": "packages/breadcrumbs/index.ts"
+          "modulePath": "packages/breadcrumbs/breadcrumbs.ts",
+          "definitionPath": "packages/breadcrumbs/breadcrumbs.ts"
         }
       ],
       "exports": [
@@ -1280,7 +1280,7 @@
           "name": "w-breadcrumbs",
           "declaration": {
             "name": "WarpBreadcrumbs",
-            "module": "packages/breadcrumbs/index.ts"
+            "module": "packages/breadcrumbs/breadcrumbs.ts"
           }
         },
         {
@@ -1288,14 +1288,14 @@
           "name": "WarpBreadcrumbs",
           "declaration": {
             "name": "WarpBreadcrumbs",
-            "module": "packages/breadcrumbs/index.ts"
+            "module": "packages/breadcrumbs/breadcrumbs.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "packages/card/index.ts",
+      "path": "packages/card/card.ts",
       "declarations": [
         {
           "kind": "class",
@@ -1382,8 +1382,8 @@
           },
           "tagName": "w-card",
           "customElement": true,
-          "modulePath": "packages/card/index.ts",
-          "definitionPath": "packages/card/index.ts"
+          "modulePath": "packages/card/card.ts",
+          "definitionPath": "packages/card/card.ts"
         }
       ],
       "exports": [
@@ -1392,7 +1392,7 @@
           "name": "w-card",
           "declaration": {
             "name": "WarpCard",
-            "module": "packages/card/index.ts"
+            "module": "packages/card/card.ts"
           }
         },
         {
@@ -1400,14 +1400,14 @@
           "name": "WarpCard",
           "declaration": {
             "name": "WarpCard",
-            "module": "packages/card/index.ts"
+            "module": "packages/card/card.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "packages/expandable/index.ts",
+      "path": "packages/expandable/expandable.ts",
       "declarations": [
         {
           "kind": "class",
@@ -1645,8 +1645,8 @@
           },
           "tagName": "w-expandable",
           "customElement": true,
-          "modulePath": "packages/expandable/index.ts",
-          "definitionPath": "packages/expandable/index.ts"
+          "modulePath": "packages/expandable/expandable.ts",
+          "definitionPath": "packages/expandable/expandable.ts"
         }
       ],
       "exports": [
@@ -1655,7 +1655,7 @@
           "name": "w-expandable",
           "declaration": {
             "name": "WarpExpandable",
-            "module": "packages/expandable/index.ts"
+            "module": "packages/expandable/expandable.ts"
           }
         },
         {
@@ -1663,14 +1663,14 @@
           "name": "WarpExpandable",
           "declaration": {
             "name": "WarpExpandable",
-            "module": "packages/expandable/index.ts"
+            "module": "packages/expandable/expandable.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "packages/pill/index.ts",
+      "path": "packages/pill/pill.ts",
       "declarations": [
         {
           "kind": "class",
@@ -1806,8 +1806,8 @@
           },
           "tagName": "w-pill",
           "customElement": true,
-          "modulePath": "packages/pill/index.ts",
-          "definitionPath": "packages/pill/index.ts"
+          "modulePath": "packages/pill/pill.ts",
+          "definitionPath": "packages/pill/pill.ts"
         }
       ],
       "exports": [
@@ -1816,7 +1816,7 @@
           "name": "w-pill",
           "declaration": {
             "name": "WarpPill",
-            "module": "packages/pill/index.ts"
+            "module": "packages/pill/pill.ts"
           }
         },
         {
@@ -1824,14 +1824,14 @@
           "name": "WarpPill",
           "declaration": {
             "name": "WarpPill",
-            "module": "packages/pill/index.ts"
+            "module": "packages/pill/pill.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "packages/select/index.ts",
+      "path": "packages/select/select.ts",
       "declarations": [
         {
           "kind": "class",
@@ -2169,8 +2169,8 @@
           },
           "tagName": "w-select",
           "customElement": true,
-          "modulePath": "packages/select/index.ts",
-          "definitionPath": "packages/select/index.ts"
+          "modulePath": "packages/select/select.ts",
+          "definitionPath": "packages/select/select.ts"
         }
       ],
       "exports": [
@@ -2179,7 +2179,7 @@
           "name": "WarpSelect",
           "declaration": {
             "name": "WarpSelect",
-            "module": "packages/select/index.ts"
+            "module": "packages/select/select.ts"
           }
         },
         {
@@ -2187,14 +2187,14 @@
           "name": "w-select",
           "declaration": {
             "name": "WarpSelect",
-            "module": "packages/select/index.ts"
+            "module": "packages/select/select.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "packages/textfield/index.ts",
+      "path": "packages/textfield/textfield.ts",
       "declarations": [
         {
           "kind": "class",
@@ -2383,6 +2383,15 @@
               "attribute": "step",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "autocomplete",
+              "type": {
+                "text": "string | undefined"
+              },
+              "attribute": "autocomplete",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "formatter",
@@ -2577,6 +2586,13 @@
                 "text": "number"
               },
               "fieldName": "step"
+            },
+            {
+              "name": "autocomplete",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "autocomplete"
             }
           ],
           "mixins": [
@@ -2591,8 +2607,8 @@
           },
           "tagName": "w-textfield",
           "customElement": true,
-          "modulePath": "packages/textfield/index.ts",
-          "definitionPath": "packages/textfield/index.ts"
+          "modulePath": "packages/textfield/textfield.ts",
+          "definitionPath": "packages/textfield/textfield.ts"
         }
       ],
       "exports": [
@@ -2601,7 +2617,7 @@
           "name": "w-textfield",
           "declaration": {
             "name": "WarpTextField",
-            "module": "packages/textfield/index.ts"
+            "module": "packages/textfield/textfield.ts"
           }
         },
         {
@@ -2609,209 +2625,14 @@
           "name": "WarpTextField",
           "declaration": {
             "name": "WarpTextField",
-            "module": "packages/textfield/index.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "packages/modal/modal-footer.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The footer section of a modal, typically where you place actions.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/overlays-modal--docs)",
-          "name": "ModalFooter",
-          "members": [],
-          "mixins": [
-            {
-              "name": "CanCloseMixin",
-              "module": "/packages/modal/util"
-            },
-            {
-              "name": "ProvidesCanCloseToSlotsMixin",
-              "module": "/packages/modal/util"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "w-modal-footer",
-          "customElement": true,
-          "modulePath": "packages/modal/modal-footer.ts",
-          "definitionPath": "packages/modal/modal-footer.ts"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ModalFooter",
-          "declaration": {
-            "name": "ModalFooter",
-            "module": "packages/modal/modal-footer.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "w-modal-footer",
-          "declaration": {
-            "name": "ModalFooter",
-            "module": "packages/modal/modal-footer.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "packages/modal/modal-header.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The header section of a modal, typically where you place the title and a close button.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/overlays-modal--docs)",
-          "name": "ModalHeader",
-          "slots": [
-            {
-              "description": "Customize the title bar, for example to have a header image that reaches the modal's edges. See the With Image story for an example.",
-              "name": "top"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "title",
-              "type": {
-                "text": "string"
-              },
-              "attribute": "title"
-            },
-            {
-              "kind": "field",
-              "name": "back",
-              "type": {
-                "text": "boolean"
-              },
-              "attribute": "back"
-            },
-            {
-              "kind": "field",
-              "name": "noClose",
-              "type": {
-                "text": "boolean"
-              },
-              "attribute": "no-close"
-            },
-            {
-              "kind": "field",
-              "name": "titleEl",
-              "type": {
-                "text": "HTMLElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "titleClasses",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "backButton",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "closeButton",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "emitBack",
-              "type": {
-                "text": "emitBack() => void"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "handleTopSlotChange",
-              "parameters": [
-                {
-                  "name": "slotEvent"
-                }
-              ],
-              "type": {
-                "text": "handleTopSlotChange(slotEvent) => void"
-              }
-            }
-          ],
-          "events": [
-            {
-              "name": "backClicked",
-              "type": {
-                "text": "CustomEvent"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "title",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "title"
-            },
-            {
-              "name": "back",
-              "type": {
-                "text": "boolean"
-              },
-              "fieldName": "back"
-            },
-            {
-              "name": "no-close",
-              "type": {
-                "text": "boolean"
-              },
-              "fieldName": "noClose"
-            }
-          ],
-          "mixins": [
-            {
-              "name": "CanCloseMixin",
-              "module": "/packages/modal/util.js"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "w-modal-header",
-          "customElement": true,
-          "modulePath": "packages/modal/modal-header.ts",
-          "definitionPath": "packages/modal/modal-header.ts"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ModalHeader",
-          "declaration": {
-            "name": "ModalHeader",
-            "module": "packages/modal/modal-header.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "w-modal-header",
-          "declaration": {
-            "name": "ModalHeader",
-            "module": "packages/modal/modal-header.ts"
+            "module": "packages/textfield/textfield.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "packages/modal/modal-main.ts",
+      "path": "packages/modal/modal.ts",
       "declarations": [
         {
           "kind": "class",
@@ -3006,8 +2827,8 @@
           },
           "tagName": "w-modal",
           "customElement": true,
-          "modulePath": "packages/modal/modal-main.ts",
-          "definitionPath": "packages/modal/modal-main.ts"
+          "modulePath": "packages/modal/modal.ts",
+          "definitionPath": "packages/modal/modal.ts"
         }
       ],
       "exports": [
@@ -3016,7 +2837,7 @@
           "name": "ModalMain",
           "declaration": {
             "name": "ModalMain",
-            "module": "packages/modal/modal-main.ts"
+            "module": "packages/modal/modal.ts"
           }
         },
         {
@@ -3024,87 +2845,235 @@
           "name": "w-modal",
           "declaration": {
             "name": "ModalMain",
-            "module": "packages/modal/modal-main.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "packages/modal/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "WarpModal",
-          "declaration": {
-            "name": "ModalMain",
-            "module": "packages/modal/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "WarpModalHeader",
-          "declaration": {
-            "name": "ModalHeader",
-            "module": "packages/modal/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "WarpModalFooter",
-          "declaration": {
-            "name": "ModalFooter",
-            "module": "packages/modal/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "ModalCanCloseMixin",
-          "declaration": {
-            "name": "CanCloseMixin",
-            "module": "packages/modal/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "ModalProvidesCanCloseToSlotsMixin",
-          "declaration": {
-            "name": "ProvidesCanCloseToSlotsMixin",
-            "module": "packages/modal/index.ts"
+            "module": "packages/modal/modal.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "packages/toast/toast.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "packages/toast/toast-container.ts",
+      "path": "packages/modal-header/modal-header.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "",
-          "name": "WarpToastContainer",
+          "description": "The header section of a modal, typically where you place the title and a close button.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/overlays-modal--docs)",
+          "name": "ModalHeader",
+          "slots": [
+            {
+              "description": "Customize the title bar, for example to have a header image that reaches the modal's edges. See the With Image story for an example.",
+              "name": "top"
+            }
+          ],
           "members": [
             {
               "kind": "field",
-              "name": "_toasts",
+              "name": "title",
               "type": {
-                "text": "Map<string | number, ToastInternal>"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "new Map()"
+              "attribute": "title"
             },
             {
               "kind": "field",
-              "name": "_interval",
+              "name": "back",
               "type": {
-                "text": "NodeJS.Timeout | undefined"
+                "text": "boolean"
+              },
+              "attribute": "back"
+            },
+            {
+              "kind": "field",
+              "name": "noClose",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "no-close"
+            },
+            {
+              "kind": "field",
+              "name": "titleEl",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "titleClasses",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "backButton",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "closeButton",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "emitBack",
+              "type": {
+                "text": "emitBack() => void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "handleTopSlotChange",
+              "parameters": [
+                {
+                  "name": "slotEvent"
+                }
+              ],
+              "type": {
+                "text": "handleTopSlotChange(slotEvent) => void"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "backClicked",
+              "type": {
+                "text": "CustomEvent"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "title"
+            },
+            {
+              "name": "back",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "back"
+            },
+            {
+              "name": "no-close",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "noClose"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "CanCloseMixin",
+              "module": "/packages/modal/util.js"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-modal-header",
+          "customElement": true,
+          "modulePath": "packages/modal-header/modal-header.ts",
+          "definitionPath": "packages/modal-header/modal-header.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ModalHeader",
+          "declaration": {
+            "name": "ModalHeader",
+            "module": "packages/modal-header/modal-header.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "w-modal-header",
+          "declaration": {
+            "name": "ModalHeader",
+            "module": "packages/modal-header/modal-header.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/modal-footer/modal-footer.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The footer section of a modal, typically where you place actions.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/overlays-modal--docs)",
+          "name": "ModalFooter",
+          "members": [],
+          "mixins": [
+            {
+              "name": "CanCloseMixin",
+              "module": "/packages/modal/util.js"
+            },
+            {
+              "name": "ProvidesCanCloseToSlotsMixin",
+              "module": "/packages/modal/util.js"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-modal-footer",
+          "customElement": true,
+          "modulePath": "packages/modal-footer/modal-footer.ts",
+          "definitionPath": "packages/modal-footer/modal-footer.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ModalFooter",
+          "declaration": {
+            "name": "ModalFooter",
+            "module": "packages/modal-footer/modal-footer.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "w-modal-footer",
+          "declaration": {
+            "name": "ModalFooter",
+            "module": "packages/modal-footer/modal-footer.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/toast/toast.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/toast-container/toast-container.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "WarpToastContainer",
+          "members": [
+            {
+              "kind": "field",
+              "name": "_toasts",
+              "type": {
+                "text": "Map<string | number, ToastInternal>"
+              },
+              "privacy": "private",
+              "default": "new Map()"
+            },
+            {
+              "kind": "field",
+              "name": "_interval",
+              "type": {
+                "text": "NodeJS.Timeout | undefined"
               },
               "privacy": "private"
             },
@@ -3184,8 +3153,8 @@
           },
           "tagName": "w-toast-container",
           "customElement": true,
-          "modulePath": "packages/toast/toast-container.ts",
-          "definitionPath": "packages/toast/toast-container.ts"
+          "modulePath": "packages/toast-container/toast-container.ts",
+          "definitionPath": "packages/toast-container/toast-container.ts"
         }
       ],
       "exports": [
@@ -3194,7 +3163,7 @@
           "name": "WarpToastContainer",
           "declaration": {
             "name": "WarpToastContainer",
-            "module": "packages/toast/toast-container.ts"
+            "module": "packages/toast-container/toast-container.ts"
           }
         },
         {
@@ -3202,54 +3171,7 @@
           "name": "w-toast-container",
           "declaration": {
             "name": "WarpToastContainer",
-            "module": "packages/toast/toast-container.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "packages/toast/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "removeToast",
-          "declaration": {
-            "name": "removeToast",
-            "module": "./api"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "toast",
-          "declaration": {
-            "name": "toast",
-            "module": "./api"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "updateToast",
-          "declaration": {
-            "name": "updateToast",
-            "module": "./api"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "WarpToast",
-          "declaration": {
-            "name": "WarpToast",
-            "module": "./toast"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "WarpToastContainer",
-          "declaration": {
-            "name": "WarpToastContainer",
-            "module": "./toast-container"
+            "module": "packages/toast-container/toast-container.ts"
           }
         }
       ]
@@ -3640,53 +3562,186 @@
     },
     {
       "kind": "javascript-module",
-      "path": "packages/datepicker/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "packages/datepicker/datepicker.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "packages/combobox/index.ts",
+      "path": "packages/switch/switch.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "A combobox element for text input with selectable options.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-combobox--docs)",
-          "name": "WarpCombobox",
+          "description": "",
+          "name": "WarpSwitch",
           "members": [
             {
               "kind": "field",
-              "name": "options",
+              "name": "name",
               "type": {
-                "text": "ComboboxOption[]"
+                "text": "string"
               },
-              "default": "[]",
-              "description": "The available options to select from",
-              "attribute": "options"
+              "default": "''",
+              "attribute": "name",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "value",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "Label above input",
-              "attribute": "label",
+              "default": "''",
+              "attribute": "value",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "placeholder",
+              "name": "checked",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "checked",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "#initialState",
+              "privacy": "private",
+              "type": {
+                "text": "boolean | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "method",
+              "name": "resetFormControl",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "type": {
+                "text": "resetFormControl() => void"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "change",
+              "type": {
+                "text": "CustomEvent"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "name"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "value"
+            },
+            {
+              "name": "checked",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "checked"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "disabled"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "FormControlMixin",
+              "package": "@open-wc/form-control"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-switch",
+          "customElement": true,
+          "modulePath": "packages/switch/switch.ts",
+          "definitionPath": "packages/switch/switch.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "WarpSwitch",
+          "declaration": {
+            "name": "WarpSwitch",
+            "module": "packages/switch/switch.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "w-switch",
+          "declaration": {
+            "name": "WarpSwitch",
+            "module": "packages/switch/switch.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/combobox/combobox.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A combobox element for text input with selectable options.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-combobox--docs)",
+          "name": "WarpCombobox",
+          "members": [
+            {
+              "kind": "field",
+              "name": "options",
+              "type": {
+                "text": "ComboboxOption[]"
+              },
+              "default": "[]",
+              "description": "The available options to select from",
+              "attribute": "options"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Label above input",
+              "attribute": "label",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string | undefined"
               },
               "description": "Input placeholder",
               "attribute": "placeholder",
@@ -3799,32 +3854,23 @@
             },
             {
               "kind": "field",
-              "name": "containerClassName",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Additional container styling",
-              "attribute": "class-name",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "listClassName",
+              "name": "name",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Additional list styling",
-              "attribute": "list-class-name",
+              "description": "Name attribute for form submission",
+              "attribute": "name",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "autocomplete",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Name attribute for form submission",
-              "attribute": "name",
+              "default": "'off'",
+              "description": "Autocomplete attribute for the input field",
+              "attribute": "autocomplete",
               "reflects": true
             },
             {
@@ -4178,28 +4224,21 @@
               "fieldName": "optional"
             },
             {
-              "name": "class-name",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Additional container styling",
-              "fieldName": "containerClassName"
-            },
-            {
-              "name": "list-class-name",
+              "name": "name",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Additional list styling",
-              "fieldName": "listClassName"
+              "description": "Name attribute for form submission",
+              "fieldName": "name"
             },
             {
-              "name": "name",
+              "name": "autocomplete",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Name attribute for form submission",
-              "fieldName": "name"
+              "default": "'off'",
+              "description": "Autocomplete attribute for the input field",
+              "fieldName": "autocomplete"
             }
           ],
           "mixins": [
@@ -4214,8 +4253,8 @@
           },
           "tagName": "w-combobox",
           "customElement": true,
-          "modulePath": "packages/combobox/index.ts",
-          "definitionPath": "packages/combobox/index.ts"
+          "modulePath": "packages/combobox/combobox.ts",
+          "definitionPath": "packages/combobox/combobox.ts"
         }
       ],
       "exports": [
@@ -4224,7 +4263,7 @@
           "name": "WarpCombobox",
           "declaration": {
             "name": "WarpCombobox",
-            "module": "packages/combobox/index.ts"
+            "module": "packages/combobox/combobox.ts"
           }
         },
         {
@@ -4232,14 +4271,14 @@
           "name": "w-combobox",
           "declaration": {
             "name": "WarpCombobox",
-            "module": "packages/combobox/index.ts"
+            "module": "packages/combobox/combobox.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "packages/deadtoggle/index.ts",
+      "path": "packages/dead-toggle/dead-toggle.ts",
       "declarations": [
         {
           "kind": "class",
@@ -4345,8 +4384,8 @@
           },
           "tagName": "w-dead-toggle",
           "customElement": true,
-          "modulePath": "packages/deadtoggle/index.ts",
-          "definitionPath": "packages/deadtoggle/index.ts"
+          "modulePath": "packages/dead-toggle/dead-toggle.ts",
+          "definitionPath": "packages/dead-toggle/dead-toggle.ts"
         }
       ],
       "exports": [
@@ -4355,7 +4394,7 @@
           "name": "WarpDeadToggle",
           "declaration": {
             "name": "WarpDeadToggle",
-            "module": "packages/deadtoggle/index.ts"
+            "module": "packages/dead-toggle/dead-toggle.ts"
           }
         },
         {
@@ -4363,14 +4402,14 @@
           "name": "w-dead-toggle",
           "declaration": {
             "name": "WarpDeadToggle",
-            "module": "packages/deadtoggle/index.ts"
+            "module": "packages/dead-toggle/dead-toggle.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "packages/pageindicator/index.ts",
+      "path": "packages/page-indicator/page-indicator.ts",
       "declarations": [
         {
           "kind": "class",
@@ -4422,19 +4461,19 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "w-pageindicator",
+          "tagName": "w-page-indicator",
           "customElement": true,
-          "modulePath": "packages/pageindicator/index.ts",
-          "definitionPath": "packages/pageindicator/index.ts"
+          "modulePath": "packages/page-indicator/page-indicator.ts",
+          "definitionPath": "packages/page-indicator/page-indicator.ts"
         }
       ],
       "exports": [
         {
           "kind": "custom-element-definition",
-          "name": "w-pageindicator",
+          "name": "w-page-indicator",
           "declaration": {
             "name": "WarpPageIndicator",
-            "module": "packages/pageindicator/index.ts"
+            "module": "packages/page-indicator/page-indicator.ts"
           }
         },
         {
@@ -4442,14 +4481,14 @@
           "name": "WarpPageIndicator",
           "declaration": {
             "name": "WarpPageIndicator",
-            "module": "packages/pageindicator/index.ts"
+            "module": "packages/page-indicator/page-indicator.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "packages/pagination/index.ts",
+      "path": "packages/pagination/pagination.ts",
       "declarations": [
         {
           "kind": "class",
@@ -4555,8 +4594,8 @@
           },
           "tagName": "w-pagination",
           "customElement": true,
-          "modulePath": "packages/pagination/index.ts",
-          "definitionPath": "packages/pagination/index.ts"
+          "modulePath": "packages/pagination/pagination.ts",
+          "definitionPath": "packages/pagination/pagination.ts"
         }
       ],
       "exports": [
@@ -4565,7 +4604,7 @@
           "name": "w-pagination",
           "declaration": {
             "name": "WarpPagination",
-            "module": "packages/pagination/index.ts"
+            "module": "packages/pagination/pagination.ts"
           }
         },
         {
@@ -4573,28 +4612,7 @@
           "name": "WarpPagination",
           "declaration": {
             "name": "WarpPagination",
-            "module": "packages/pagination/index.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "packages/radio/radio-group-styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "default": "css` :host { display: block; } .form-control { position: relative; border: none; padding: 0; margin: 0; } .label { font-size: var(--w-font-size-s); line-height: var(--w-line-height-s); font-weight: 700; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: grayscale; cursor: pointer; padding-bottom: 0.4rem; color: var(--w-s-color-text); display: block; } .radio-group-required .label::after { content: var(--wa-form-control-required-content); margin-inline-start: var(--wa-form-control-required-content-offset); } .button-group { display: flex; } [part~='form-control-input'] { display: flex; flex-direction: column; flex-wrap: wrap; } /* Horizontal */ :host([orientation='horizontal']) [part~='form-control-input'] { flex-direction: row; gap: 1em; } /* Help text */ [part~='hint'] { margin-block-start: 0.5em; } /* Radios have the \"button\" appearance */ :host fieldset.has-radio-buttons { [part~='form-control-input'] { gap: 0; } } `"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "styles",
-          "declaration": {
-            "name": "styles",
-            "module": "packages/radio/radio-group-styles.ts"
+            "module": "packages/pagination/pagination.ts"
           }
         }
       ]
@@ -4778,7 +4796,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "packages/radio/radio-group.ts",
+      "path": "packages/radio-group/radio-group.ts",
       "declarations": [
         {
           "kind": "class",
@@ -5136,12 +5154,12 @@
           ],
           "superclass": {
             "name": "BaseFormAssociatedElement",
-            "module": "/packages/radio/form-associated-element"
+            "module": "/packages/radio/form-associated-element.js"
           },
           "tagName": "w-radio-group",
           "customElement": true,
-          "modulePath": "packages/radio/radio-group.ts",
-          "definitionPath": "packages/radio/radio-group.ts"
+          "modulePath": "packages/radio-group/radio-group.ts",
+          "definitionPath": "packages/radio-group/radio-group.ts"
         }
       ],
       "exports": [
@@ -5150,7 +5168,7 @@
           "name": "WRadioGroup",
           "declaration": {
             "name": "WRadioGroup",
-            "module": "packages/radio/radio-group.ts"
+            "module": "packages/radio-group/radio-group.ts"
           }
         },
         {
@@ -5158,117 +5176,7 @@
           "name": "w-radio-group",
           "declaration": {
             "name": "WRadioGroup",
-            "module": "packages/radio/radio-group.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "packages/radio/radio-styles.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "packages/radio/radio.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta<typeof args>"
-          },
-          "default": "{ title: 'Forms/Radio', render: (args) => { return html` <w-radio-group ${spread(prespread(args))}> <w-radio value=\"foo\">foo</w-radio> <w-radio value=\"bar\">bar</w-radio> </w-radio-group> `; }, } satisfies Meta"
-        },
-        {
-          "kind": "variable",
-          "name": "Default",
-          "type": {
-            "text": "Story"
-          },
-          "default": "{ args: { label: 'Group', name: 'foobar', value: 'foo', }, }"
-        },
-        {
-          "kind": "variable",
-          "name": "Disabled",
-          "type": {
-            "text": "Story"
-          },
-          "default": "{ args: { label: 'Disabled', disabled: true, }, }"
-        },
-        {
-          "kind": "variable",
-          "name": "Required",
-          "type": {
-            "text": "Story"
-          },
-          "default": "{ args: {}, render() { return html` <form> <w-radio-group required> <w-radio value=\"foo\">foo</w-radio> <w-radio value=\"bar\">bar</w-radio> </w-radio-group> <button>click me</button> </form> `; }, }"
-        },
-        {
-          "kind": "variable",
-          "name": "DisabledGroup",
-          "type": {
-            "text": "Story"
-          },
-          "default": "{ args: { disabled: true }, }"
-        },
-        {
-          "kind": "variable",
-          "name": "DisabledRadio",
-          "type": {
-            "text": "Story"
-          },
-          "default": "{ args: {}, render() { return html` <w-radio-group> <w-radio value=\"foo\" disabled appearance=\"button\">disabled</w-radio> <w-radio value=\"bar\" appearance=\"clickable\">not disabled</w-radio> </w-radio-group> `; }, }"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "packages/radio/radio.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Default",
-          "declaration": {
-            "name": "Default",
-            "module": "packages/radio/radio.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Disabled",
-          "declaration": {
-            "name": "Disabled",
-            "module": "packages/radio/radio.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Required",
-          "declaration": {
-            "name": "Required",
-            "module": "packages/radio/radio.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "DisabledGroup",
-          "declaration": {
-            "name": "DisabledGroup",
-            "module": "packages/radio/radio.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "DisabledRadio",
-          "declaration": {
-            "name": "DisabledRadio",
-            "module": "packages/radio/radio.stories.ts"
+            "module": "packages/radio-group/radio-group.ts"
           }
         }
       ]
@@ -5647,7 +5555,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "packages/checkbox/checkbox-group.ts",
+      "path": "packages/checkbox-group/checkbox-group.ts",
       "declarations": [
         {
           "kind": "class",
@@ -5660,8 +5568,8 @@
           },
           "tagName": "w-checkbox-group",
           "customElement": true,
-          "modulePath": "packages/checkbox/checkbox-group.ts",
-          "definitionPath": "packages/checkbox/checkbox-group.ts"
+          "modulePath": "packages/checkbox-group/checkbox-group.ts",
+          "definitionPath": "packages/checkbox-group/checkbox-group.ts"
         }
       ],
       "exports": [
@@ -5670,7 +5578,7 @@
           "name": "WCheckboxGroup",
           "declaration": {
             "name": "WCheckboxGroup",
-            "module": "packages/checkbox/checkbox-group.ts"
+            "module": "packages/checkbox-group/checkbox-group.ts"
           }
         },
         {
@@ -5678,14 +5586,14 @@
           "name": "w-checkbox-group",
           "declaration": {
             "name": "WCheckboxGroup",
-            "module": "packages/checkbox/checkbox-group.ts"
+            "module": "packages/checkbox-group/checkbox-group.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "packages/slider/slider-thumb.ts",
+      "path": "packages/slider-thumb/slider-thumb.ts",
       "declarations": [
         {
           "kind": "class",
@@ -6092,8 +6000,8 @@
           },
           "tagName": "w-slider-thumb",
           "customElement": true,
-          "modulePath": "packages/slider/slider-thumb.ts",
-          "definitionPath": "packages/slider/slider-thumb.ts"
+          "modulePath": "packages/slider-thumb/slider-thumb.ts",
+          "definitionPath": "packages/slider-thumb/slider-thumb.ts"
         }
       ],
       "exports": [
@@ -6102,7 +6010,7 @@
           "name": "w-slider-thumb",
           "declaration": {
             "name": "WarpSliderThumb",
-            "module": "packages/slider/slider-thumb.ts"
+            "module": "packages/slider-thumb/slider-thumb.ts"
           }
         },
         {
@@ -6110,7 +6018,7 @@
           "name": "WarpSliderThumb",
           "declaration": {
             "name": "WarpSliderThumb",
-            "module": "packages/slider/slider-thumb.ts"
+            "module": "packages/slider-thumb/slider-thumb.ts"
           }
         }
       ]
@@ -6531,91 +6439,31 @@
     },
     {
       "kind": "javascript-module",
-      "path": "packages/stepindicator/index.ts",
+      "path": "packages/step/step.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Steps are used to show progress through a process or to guide users through a multi-step task.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/components-steps--docs)",
-          "name": "WarpStepIndicator",
+          "description": "Individual step component that shows a single step in a process",
+          "name": "WarpStep",
           "members": [
             {
               "kind": "field",
-              "name": "horizontal",
+              "name": "active",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "horizontal",
+              "attribute": "active",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "right",
+              "name": "completed",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "right",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "updateStepsContext",
-              "type": {
-                "text": "updateStepsContext() => void"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "horizontal",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "horizontal"
-            },
-            {
-              "name": "right",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "right"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "w-step-indicator",
-          "customElement": true,
-          "modulePath": "packages/stepindicator/index.ts",
-          "definitionPath": "packages/stepindicator/index.ts"
-        },
-        {
-          "kind": "class",
-          "description": "Individual step component that shows a single step in a process",
-          "name": "WarpStep",
-          "members": [
-            {
-              "kind": "field",
-              "name": "active",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "active",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "completed",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "completed",
+              "attribute": "completed",
               "reflects": true
             },
             {
@@ -6674,17 +6522,17 @@
           },
           "tagName": "w-step",
           "customElement": true,
-          "modulePath": "packages/stepindicator/index.ts",
-          "definitionPath": "packages/stepindicator/index.ts"
+          "modulePath": "packages/step/step.ts",
+          "definitionPath": "packages/step/step.ts"
         }
       ],
       "exports": [
         {
-          "kind": "custom-element-definition",
-          "name": "w-step-indicator",
+          "kind": "js",
+          "name": "WarpStep",
           "declaration": {
-            "name": "WarpStepIndicator",
-            "module": "packages/stepindicator/index.ts"
+            "name": "WarpStep",
+            "module": "packages/step/step.ts"
           }
         },
         {
@@ -6692,178 +6540,98 @@
           "name": "w-step",
           "declaration": {
             "name": "WarpStep",
-            "module": "packages/stepindicator/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "WarpStepIndicator",
-          "declaration": {
-            "name": "WarpStepIndicator",
-            "module": "packages/stepindicator/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "WarpStep",
-          "declaration": {
-            "name": "WarpStep",
-            "module": "packages/stepindicator/index.ts"
+            "module": "packages/step/step.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "packages/switch/index.ts",
+      "path": "packages/step-indicator/step-indicator.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "",
-          "name": "WarpSwitch",
+          "description": "Steps are used to show progress through a process or to guide users through a multi-step task.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/components-steps--docs)",
+          "name": "WarpStepIndicator",
           "members": [
             {
               "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "name",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "value",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "checked",
+              "name": "horizontal",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "checked",
+              "attribute": "horizontal",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "right",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "disabled",
+              "attribute": "right",
               "reflects": true
             },
-            {
-              "kind": "field",
-              "name": "#initialState",
-              "privacy": "private",
-              "type": {
-                "text": "boolean | null"
-              },
-              "default": "null"
-            },
             {
               "kind": "method",
-              "name": "resetFormControl",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "type": {
-                "text": "resetFormControl() => void"
-              }
-            }
-          ],
-          "events": [
-            {
-              "name": "change",
+              "name": "updateStepsContext",
               "type": {
-                "text": "CustomEvent"
+                "text": "updateStepsContext() => void"
               }
             }
           ],
           "attributes": [
             {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "name"
-            },
-            {
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "value"
-            },
-            {
-              "name": "checked",
+              "name": "horizontal",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "checked"
+              "fieldName": "horizontal"
             },
             {
-              "name": "disabled",
+              "name": "right",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "disabled"
-            }
-          ],
-          "mixins": [
-            {
-              "name": "FormControlMixin",
-              "package": "@open-wc/form-control"
+              "fieldName": "right"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "w-switch",
+          "tagName": "w-step-indicator",
           "customElement": true,
-          "modulePath": "packages/switch/index.ts",
-          "definitionPath": "packages/switch/index.ts"
+          "modulePath": "packages/step-indicator/step-indicator.ts",
+          "definitionPath": "packages/step-indicator/step-indicator.ts"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "WarpSwitch",
+          "name": "WarpStepIndicator",
           "declaration": {
-            "name": "WarpSwitch",
-            "module": "packages/switch/index.ts"
+            "name": "WarpStepIndicator",
+            "module": "packages/step-indicator/step-indicator.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "w-switch",
+          "name": "w-step-indicator",
           "declaration": {
-            "name": "WarpSwitch",
-            "module": "packages/switch/index.ts"
+            "name": "WarpStepIndicator",
+            "module": "packages/step-indicator/step-indicator.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "packages/tabs/tab.ts",
+      "path": "packages/tab/tab.ts",
       "declarations": [
         {
           "kind": "class",
@@ -6872,21 +6640,12 @@
           "members": [
             {
               "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "attribute": "name",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "label",
+              "name": "for",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "attribute": "label",
+              "attribute": "for",
               "reflects": true
             },
             {
@@ -6909,21 +6668,6 @@
               "attribute": "over",
               "reflects": true
             },
-            {
-              "kind": "field",
-              "name": "tabClass",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "tab-class",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "_handleClick",
-              "privacy": "private"
-            },
             {
               "kind": "field",
               "name": "_classes",
@@ -6932,26 +6676,19 @@
             },
             {
               "kind": "field",
-              "name": "_hasChildren",
+              "name": "_hasIcon",
               "privacy": "private",
               "readonly": true
             }
           ],
           "attributes": [
             {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "name"
-            },
-            {
-              "name": "label",
+              "name": "for",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "fieldName": "label"
+              "fieldName": "for"
             },
             {
               "name": "active",
@@ -6968,14 +6705,6 @@
               },
               "default": "false",
               "fieldName": "over"
-            },
-            {
-              "name": "tab-class",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "tabClass"
             }
           ],
           "superclass": {
@@ -6984,8 +6713,8 @@
           },
           "tagName": "w-tab",
           "customElement": true,
-          "modulePath": "packages/tabs/tab.ts",
-          "definitionPath": "packages/tabs/tab.ts"
+          "modulePath": "packages/tab/tab.ts",
+          "definitionPath": "packages/tab/tab.ts"
         }
       ],
       "exports": [
@@ -6994,7 +6723,7 @@
           "name": "WarpTab",
           "declaration": {
             "name": "WarpTab",
-            "module": "packages/tabs/tab.ts"
+            "module": "packages/tab/tab.ts"
           }
         },
         {
@@ -7002,38 +6731,92 @@
           "name": "w-tab",
           "declaration": {
             "name": "WarpTab",
-            "module": "packages/tabs/tab.ts"
+            "module": "packages/tab/tab.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "packages/tabs/tabs.ts",
+      "path": "packages/tab-panel/tab-panel.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Tabs are used to organize content by grouping similar information on the same page.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/tabs--docs)",
-          "name": "WarpTabs",
+          "description": "Tab panel component that holds content for individual tabs.\nEach tab panel should have a name that matches a corresponding tab.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/tabs--docs)",
+          "name": "WarpTabPanel",
           "members": [
             {
               "kind": "field",
-              "name": "active",
+              "name": "hidden",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "attribute": "active",
+              "default": "true",
+              "attribute": "hidden",
               "reflects": true
             },
+            {
+              "kind": "method",
+              "name": "_syncA11yAttributes",
+              "privacy": "private"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "hidden",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "fieldName": "hidden"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-tab-panel",
+          "customElement": true,
+          "modulePath": "packages/tab-panel/tab-panel.ts",
+          "definitionPath": "packages/tab-panel/tab-panel.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "WarpTabPanel",
+          "declaration": {
+            "name": "WarpTabPanel",
+            "module": "packages/tab-panel/tab-panel.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "w-tab-panel",
+          "declaration": {
+            "name": "WarpTabPanel",
+            "module": "packages/tab-panel/tab-panel.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/tabs/tabs.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Tabs are used to organize content by grouping similar information on the same page.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/tabs--docs)",
+          "name": "WarpTabs",
+          "members": [
             {
               "kind": "field",
-              "name": "tabClass",
+              "name": "active",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "attribute": "tab-class",
+              "attribute": "active",
               "reflects": true
             },
             {
@@ -7054,7 +6837,7 @@
             },
             {
               "kind": "field",
-              "name": "_activeTab",
+              "name": "_activeTabFor",
               "type": {
                 "text": "string"
               },
@@ -7074,6 +6857,11 @@
               "name": "_updateSelectionIndicatorDebounced",
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "_assignSlots",
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "tabs",
@@ -7143,14 +6931,6 @@
               },
               "default": "''",
               "fieldName": "active"
-            },
-            {
-              "name": "tab-class",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "tabClass"
             }
           ],
           "superclass": {