@warp-ds/elements 2.4.0-next.6 → 2.4.0-next.8

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",
@@ -2607,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": [
@@ -2617,7 +2617,7 @@
           "name": "w-textfield",
           "declaration": {
             "name": "WarpTextField",
-            "module": "packages/textfield/index.ts"
+            "module": "packages/textfield/textfield.ts"
           }
         },
         {
@@ -2625,209 +2625,14 @@
           "name": "WarpTextField",
           "declaration": {
             "name": "WarpTextField",
-            "module": "packages/textfield/index.ts"
+            "module": "packages/textfield/textfield.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"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "packages/modal/modal-main.ts",
+      "path": "packages/modal/modal.ts",
       "declarations": [
         {
           "kind": "class",
@@ -3022,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": [
@@ -3032,7 +2837,7 @@
           "name": "ModalMain",
           "declaration": {
             "name": "ModalMain",
-            "module": "packages/modal/modal-main.ts"
+            "module": "packages/modal/modal.ts"
           }
         },
         {
@@ -3040,54 +2845,202 @@
           "name": "w-modal",
           "declaration": {
             "name": "ModalMain",
-            "module": "packages/modal/modal-main.ts"
+            "module": "packages/modal/modal.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "packages/modal/index.ts",
-      "declarations": [],
+      "path": "packages/modal-header/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-header/modal-header.ts",
+          "definitionPath": "packages/modal-header/modal-header.ts"
+        }
+      ],
       "exports": [
         {
           "kind": "js",
-          "name": "WarpModal",
+          "name": "ModalHeader",
           "declaration": {
-            "name": "ModalMain",
-            "module": "packages/modal/index.ts"
+            "name": "ModalHeader",
+            "module": "packages/modal-header/modal-header.ts"
           }
         },
         {
-          "kind": "js",
-          "name": "WarpModalHeader",
+          "kind": "custom-element-definition",
+          "name": "w-modal-header",
           "declaration": {
             "name": "ModalHeader",
-            "module": "packages/modal/index.ts"
+            "module": "packages/modal-header/modal-header.ts"
           }
-        },
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/modal-footer/modal-footer.ts",
+      "declarations": [
         {
-          "kind": "js",
-          "name": "WarpModalFooter",
-          "declaration": {
-            "name": "ModalFooter",
-            "module": "packages/modal/index.ts"
-          }
-        },
+          "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": "ModalCanCloseMixin",
+          "name": "ModalFooter",
           "declaration": {
-            "name": "CanCloseMixin",
-            "module": "packages/modal/index.ts"
+            "name": "ModalFooter",
+            "module": "packages/modal-footer/modal-footer.ts"
           }
         },
         {
-          "kind": "js",
-          "name": "ModalProvidesCanCloseToSlotsMixin",
+          "kind": "custom-element-definition",
+          "name": "w-modal-footer",
           "declaration": {
-            "name": "ProvidesCanCloseToSlotsMixin",
-            "module": "packages/modal/index.ts"
+            "name": "ModalFooter",
+            "module": "packages/modal-footer/modal-footer.ts"
           }
         }
       ]
@@ -3100,7 +3053,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "packages/toast/toast-container.ts",
+      "path": "packages/toast-container/toast-container.ts",
       "declarations": [
         {
           "kind": "class",
@@ -3200,72 +3153,25 @@
           },
           "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": [
         {
           "kind": "js",
-          "name": "WarpToastContainer",
-          "declaration": {
-            "name": "WarpToastContainer",
-            "module": "packages/toast/toast-container.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "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",
+          "name": "WarpToastContainer",
           "declaration": {
-            "name": "WarpToast",
-            "module": "./toast"
+            "name": "WarpToastContainer",
+            "module": "packages/toast-container/toast-container.ts"
           }
         },
         {
-          "kind": "js",
-          "name": "WarpToastContainer",
+          "kind": "custom-element-definition",
+          "name": "w-toast-container",
           "declaration": {
             "name": "WarpToastContainer",
-            "module": "./toast-container"
+            "module": "packages/toast-container/toast-container.ts"
           }
         }
       ]
@@ -3656,22 +3562,7 @@
     },
     {
       "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/switch/index.ts",
+      "path": "packages/switch/switch.ts",
       "declarations": [
         {
           "kind": "class",
@@ -3794,8 +3685,8 @@
           },
           "tagName": "w-switch",
           "customElement": true,
-          "modulePath": "packages/switch/index.ts",
-          "definitionPath": "packages/switch/index.ts"
+          "modulePath": "packages/switch/switch.ts",
+          "definitionPath": "packages/switch/switch.ts"
         }
       ],
       "exports": [
@@ -3804,7 +3695,7 @@
           "name": "WarpSwitch",
           "declaration": {
             "name": "WarpSwitch",
-            "module": "packages/switch/index.ts"
+            "module": "packages/switch/switch.ts"
           }
         },
         {
@@ -3812,14 +3703,14 @@
           "name": "w-switch",
           "declaration": {
             "name": "WarpSwitch",
-            "module": "packages/switch/index.ts"
+            "module": "packages/switch/switch.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "packages/combobox/index.ts",
+      "path": "packages/combobox/combobox.ts",
       "declarations": [
         {
           "kind": "class",
@@ -4362,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": [
@@ -4372,7 +4263,7 @@
           "name": "WarpCombobox",
           "declaration": {
             "name": "WarpCombobox",
-            "module": "packages/combobox/index.ts"
+            "module": "packages/combobox/combobox.ts"
           }
         },
         {
@@ -4380,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",
@@ -4493,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": [
@@ -4503,7 +4394,7 @@
           "name": "WarpDeadToggle",
           "declaration": {
             "name": "WarpDeadToggle",
-            "module": "packages/deadtoggle/index.ts"
+            "module": "packages/dead-toggle/dead-toggle.ts"
           }
         },
         {
@@ -4511,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",
@@ -4570,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"
           }
         },
         {
@@ -4590,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",
@@ -4703,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": [
@@ -4713,7 +4604,7 @@
           "name": "w-pagination",
           "declaration": {
             "name": "WarpPagination",
-            "module": "packages/pagination/index.ts"
+            "module": "packages/pagination/pagination.ts"
           }
         },
         {
@@ -4721,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"
           }
         }
       ]
@@ -4926,7 +4796,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "packages/radio/radio-group.ts",
+      "path": "packages/radio-group/radio-group.ts",
       "declarations": [
         {
           "kind": "class",
@@ -5284,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": [
@@ -5298,7 +5168,7 @@
           "name": "WRadioGroup",
           "declaration": {
             "name": "WRadioGroup",
-            "module": "packages/radio/radio-group.ts"
+            "module": "packages/radio-group/radio-group.ts"
           }
         },
         {
@@ -5306,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"
           }
         }
       ]
@@ -5795,7 +5555,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "packages/checkbox/checkbox-group.ts",
+      "path": "packages/checkbox-group/checkbox-group.ts",
       "declarations": [
         {
           "kind": "class",
@@ -5808,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": [
@@ -5818,7 +5578,7 @@
           "name": "WCheckboxGroup",
           "declaration": {
             "name": "WCheckboxGroup",
-            "module": "packages/checkbox/checkbox-group.ts"
+            "module": "packages/checkbox-group/checkbox-group.ts"
           }
         },
         {
@@ -5826,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",
@@ -6240,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": [
@@ -6250,7 +6010,7 @@
           "name": "w-slider-thumb",
           "declaration": {
             "name": "WarpSliderThumb",
-            "module": "packages/slider/slider-thumb.ts"
+            "module": "packages/slider-thumb/slider-thumb.ts"
           }
         },
         {
@@ -6258,7 +6018,7 @@
           "name": "WarpSliderThumb",
           "declaration": {
             "name": "WarpSliderThumb",
-            "module": "packages/slider/slider-thumb.ts"
+            "module": "packages/slider-thumb/slider-thumb.ts"
           }
         }
       ]
@@ -6679,68 +6439,8 @@
     },
     {
       "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",
-          "members": [
-            {
-              "kind": "field",
-              "name": "horizontal",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "horizontal",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "right",
-              "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",
@@ -6822,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"
           }
         },
         {
@@ -6840,30 +6540,98 @@
           "name": "w-step",
           "declaration": {
             "name": "WarpStep",
-            "module": "packages/stepindicator/index.ts"
+            "module": "packages/step/step.ts"
           }
-        },
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/step-indicator/step-indicator.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",
+          "members": [
+            {
+              "kind": "field",
+              "name": "horizontal",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "horizontal",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "right",
+              "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/step-indicator/step-indicator.ts",
+          "definitionPath": "packages/step-indicator/step-indicator.ts"
+        }
+      ],
+      "exports": [
         {
           "kind": "js",
           "name": "WarpStepIndicator",
           "declaration": {
             "name": "WarpStepIndicator",
-            "module": "packages/stepindicator/index.ts"
+            "module": "packages/step-indicator/step-indicator.ts"
           }
         },
         {
-          "kind": "js",
-          "name": "WarpStep",
+          "kind": "custom-element-definition",
+          "name": "w-step-indicator",
           "declaration": {
-            "name": "WarpStep",
-            "module": "packages/stepindicator/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",
@@ -6981,8 +6749,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": [
@@ -6991,7 +6759,7 @@
           "name": "WarpTab",
           "declaration": {
             "name": "WarpTab",
-            "module": "packages/tabs/tab.ts"
+            "module": "packages/tab/tab.ts"
           }
         },
         {
@@ -6999,14 +6767,14 @@
           "name": "w-tab",
           "declaration": {
             "name": "WarpTab",
-            "module": "packages/tabs/tab.ts"
+            "module": "packages/tab/tab.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "packages/tabs/tab-panel.ts",
+      "path": "packages/tab-panel/tab-panel.ts",
       "declarations": [
         {
           "kind": "class",
@@ -7045,8 +6813,8 @@
           },
           "tagName": "w-tab-panel",
           "customElement": true,
-          "modulePath": "packages/tabs/tab-panel.ts",
-          "definitionPath": "packages/tabs/tab-panel.ts"
+          "modulePath": "packages/tab-panel/tab-panel.ts",
+          "definitionPath": "packages/tab-panel/tab-panel.ts"
         }
       ],
       "exports": [
@@ -7055,7 +6823,7 @@
           "name": "WarpTabPanel",
           "declaration": {
             "name": "WarpTabPanel",
-            "module": "packages/tabs/tab-panel.ts"
+            "module": "packages/tab-panel/tab-panel.ts"
           }
         },
         {
@@ -7063,7 +6831,7 @@
           "name": "w-tab-panel",
           "declaration": {
             "name": "WarpTabPanel",
-            "module": "packages/tabs/tab-panel.ts"
+            "module": "packages/tab-panel/tab-panel.ts"
           }
         }
       ]
@@ -7248,37 +7016,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "packages/tabs/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "WarpTab",
-          "declaration": {
-            "name": "WarpTab",
-            "module": "./tab.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "WarpTabPanel",
-          "declaration": {
-            "name": "WarpTabPanel",
-            "module": "./tab-panel.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "WarpTabs",
-          "declaration": {
-            "name": "WarpTabs",
-            "module": "./tabs.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "packages/textarea/textarea.ts",