@warp-ds/elements 2.2.0-next.17 → 2.2.0-next.19

package/dist/custom-elements.json

@@ -103,7 +103,9 @@
             "package": "lit"
           },
           "tagName": "w-affix",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "packages/affix/index.ts",
+          "definitionPath": "packages/affix/index.ts"
         }
       ],
       "exports": [
@@ -141,105 +143,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "packages/alert/index.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Alert is an inline component used for displaying different types of messages.\n\nFor accessibility reasons, alert should appear close to the element that triggered it.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/feedback-alert--docs)",
-          "name": "WarpAlert",
-          "members": [
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "AlertVariants"
-              },
-              "default": "'info'",
-              "attribute": "variant",
-              "reflects": true,
-              "parsedType": {
-                "text": "'negative' | 'positive' | 'warning' | 'info'"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "show",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "show",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "role",
-              "type": {
-                "text": "string"
-              },
-              "default": "'alert'",
-              "attribute": "role",
-              "reflects": true
-            }
-          ],
-          "attributes": [
-            {
-              "name": "variant",
-              "type": {
-                "text": "AlertVariants"
-              },
-              "default": "'info'",
-              "fieldName": "variant",
-              "parsedType": {
-                "text": "'negative' | 'positive' | 'warning' | 'info'"
-              }
-            },
-            {
-              "name": "show",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "show"
-            },
-            {
-              "name": "role",
-              "type": {
-                "text": "string"
-              },
-              "default": "'alert'",
-              "fieldName": "role"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "w-alert",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "custom-element-definition",
-          "name": "w-alert",
-          "declaration": {
-            "name": "WarpAlert",
-            "module": "packages/alert/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "WarpAlert",
-          "declaration": {
-            "name": "WarpAlert",
-            "module": "packages/alert/index.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "packages/utils/index.js",
@@ -475,27 +378,45 @@
             },
             {
               "kind": "method",
-              "name": "handleDone"
+              "name": "handleDone",
+              "type": {
+                "text": "handleDone() => void"
+              }
             },
             {
               "kind": "method",
-              "name": "pointingAtDirection"
+              "name": "pointingAtDirection",
+              "type": {
+                "text": "pointingAtDirection() => void"
+              }
             },
             {
               "kind": "method",
-              "name": "activeAttentionType"
+              "name": "activeAttentionType",
+              "type": {
+                "text": "activeAttentionType() => void"
+              }
             },
             {
               "kind": "method",
-              "name": "defaultAriaLabel"
+              "name": "defaultAriaLabel",
+              "type": {
+                "text": "defaultAriaLabel() => void"
+              }
             },
             {
               "kind": "method",
-              "name": "setAriaLabels"
+              "name": "setAriaLabels",
+              "type": {
+                "text": "setAriaLabels() => void"
+              }
             },
             {
               "kind": "method",
-              "name": "close"
+              "name": "close",
+              "type": {
+                "text": "close() => void"
+              }
             },
             {
               "kind": "method",
@@ -507,7 +428,10 @@
                     "text": "KeyboardEvent"
                   }
                 }
-              ]
+              ],
+              "type": {
+                "text": "keypressed(e: KeyboardEvent) => void"
+              }
             },
             {
               "kind": "field",
@@ -628,7 +552,9 @@
             "package": "lit"
           },
           "tagName": "w-attention",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "packages/attention/index.ts",
+          "definitionPath": "packages/attention/index.ts"
         }
       ],
       "exports": [
@@ -658,6 +584,107 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "packages/alert/index.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Alert is an inline component used for displaying different types of messages.\n\nFor accessibility reasons, alert should appear close to the element that triggered it.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/feedback-alert--docs)",
+          "name": "WarpAlert",
+          "members": [
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "AlertVariants"
+              },
+              "default": "'info'",
+              "attribute": "variant",
+              "reflects": true,
+              "parsedType": {
+                "text": "'negative' | 'positive' | 'warning' | 'info'"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "show",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "show",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "role",
+              "type": {
+                "text": "string"
+              },
+              "default": "'alert'",
+              "attribute": "role",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "variant",
+              "type": {
+                "text": "AlertVariants"
+              },
+              "default": "'info'",
+              "fieldName": "variant",
+              "parsedType": {
+                "text": "'negative' | 'positive' | 'warning' | 'info'"
+              }
+            },
+            {
+              "name": "show",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "show"
+            },
+            {
+              "name": "role",
+              "type": {
+                "text": "string"
+              },
+              "default": "'alert'",
+              "fieldName": "role"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-alert",
+          "customElement": true,
+          "modulePath": "packages/alert/index.ts",
+          "definitionPath": "packages/alert/index.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "w-alert",
+          "declaration": {
+            "name": "WarpAlert",
+            "module": "packages/alert/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WarpAlert",
+          "declaration": {
+            "name": "WarpAlert",
+            "module": "packages/alert/index.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "packages/badge/index.ts",
@@ -709,7 +736,9 @@
             "package": "lit"
           },
           "tagName": "w-badge",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "packages/badge/index.ts",
+          "definitionPath": "packages/badge/index.ts"
         }
       ],
       "exports": [
@@ -828,7 +857,9 @@
             "package": "lit"
           },
           "tagName": "w-box",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "packages/box/index.ts",
+          "definitionPath": "packages/box/index.ts"
         }
       ],
       "exports": [
@@ -890,7 +921,9 @@
             "package": "lit"
           },
           "tagName": "w-breadcrumbs",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "packages/breadcrumbs/index.ts",
+          "definitionPath": "packages/breadcrumbs/index.ts"
         }
       ],
       "exports": [
@@ -1143,7 +1176,9 @@
             "package": "lit"
           },
           "tagName": "w-link",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "packages/link/index.ts",
+          "definitionPath": "packages/link/index.ts"
         }
       ],
       "exports": [
@@ -1433,7 +1468,9 @@
             "package": "lit"
           },
           "tagName": "w-button",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "packages/button/index.ts",
+          "definitionPath": "packages/button/index.ts"
         }
       ],
       "exports": [
@@ -1518,7 +1555,10 @@
                     "text": "KeyboardEvent"
                   }
                 }
-              ]
+              ],
+              "type": {
+                "text": "keypressed(e: KeyboardEvent) => void"
+              }
             },
             {
               "kind": "field",
@@ -1556,7 +1596,9 @@
             "package": "lit"
           },
           "tagName": "w-card",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "packages/card/index.ts",
+          "definitionPath": "packages/card/index.ts"
         }
       ],
       "exports": [
@@ -2127,7 +2169,9 @@
             "package": "lit"
           },
           "tagName": "w-combobox",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "packages/combobox/index.ts",
+          "definitionPath": "packages/combobox/index.ts"
         }
       ],
       "exports": [
@@ -2496,7 +2540,9 @@
             "package": "lit"
           },
           "tagName": "w-datepicker",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "packages/datepicker/datepicker.ts",
+          "definitionPath": "packages/datepicker/datepicker.ts"
         }
       ],
       "exports": [
@@ -2621,7 +2667,9 @@
             "package": "lit"
           },
           "tagName": "w-dead-toggle",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "packages/dead-toggle/index.ts",
+          "definitionPath": "packages/dead-toggle/index.ts"
         }
       ],
       "exports": [
@@ -2898,7 +2946,9 @@
             "package": "lit"
           },
           "tagName": "w-expandable",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "packages/expandable/index.ts",
+          "definitionPath": "packages/expandable/index.ts"
         }
       ],
       "exports": [
@@ -2960,7 +3010,9 @@
             "package": "lit"
           },
           "tagName": "w-modal-footer",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "packages/modal/modal-footer.ts",
+          "definitionPath": "packages/modal/modal-footer.ts"
         }
       ],
       "exports": [
@@ -3045,7 +3097,10 @@
             },
             {
               "kind": "method",
-              "name": "emitBack"
+              "name": "emitBack",
+              "type": {
+                "text": "emitBack() => void"
+              }
             },
             {
               "kind": "method",
@@ -3054,7 +3109,10 @@
                 {
                   "name": "slotEvent"
                 }
-              ]
+              ],
+              "type": {
+                "text": "handleTopSlotChange(slotEvent) => void"
+              }
             }
           ],
           "events": [
@@ -3099,7 +3157,9 @@
             "package": "lit"
           },
           "tagName": "w-modal-header",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "packages/modal/modal-header.ts",
+          "definitionPath": "packages/modal/modal-header.ts"
         }
       ],
       "exports": [
@@ -3191,11 +3251,17 @@
             },
             {
               "kind": "method",
-              "name": "open"
+              "name": "open",
+              "type": {
+                "text": "open() => void"
+              }
             },
             {
               "kind": "method",
-              "name": "close"
+              "name": "close",
+              "type": {
+                "text": "close() => void"
+              }
             },
             {
               "kind": "method",
@@ -3205,7 +3271,10 @@
                   "name": "verb",
                   "default": "'addEventListener'"
                 }
-              ]
+              ],
+              "type": {
+                "text": "handleListeners(verb = 'addEventListener') => void"
+              }
             },
             {
               "kind": "method",
@@ -3217,7 +3286,10 @@
                     "text": "Event"
                   }
                 }
-              ]
+              ],
+              "type": {
+                "text": "eventPreventer(evt: Event) => void"
+              }
             },
             {
               "kind": "method",
@@ -3229,7 +3301,10 @@
                     "text": "MouseEvent"
                   }
                 }
-              ]
+              ],
+              "type": {
+                "text": "closeOnBackdropClick(evt: MouseEvent) => void"
+              }
             },
             {
               "kind": "method",
@@ -3241,11 +3316,17 @@
                     "text": "KeyboardEvent"
                   }
                 }
-              ]
+              ],
+              "type": {
+                "text": "interceptEscape(evt: KeyboardEvent) => void"
+              }
             },
             {
               "kind": "method",
-              "name": "modifyBorderRadius"
+              "name": "modifyBorderRadius",
+              "type": {
+                "text": "modifyBorderRadius() => void"
+              }
             }
           ],
           "events": [
@@ -3296,7 +3377,9 @@
             "package": "lit"
           },
           "tagName": "w-modal",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "packages/modal/modal-main.ts",
+          "definitionPath": "packages/modal/modal-main.ts"
         }
       ],
       "exports": [
@@ -3420,7 +3503,9 @@
             "package": "lit"
           },
           "tagName": "w-pageindicator",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "packages/pageindicator/index.ts",
+          "definitionPath": "packages/pageindicator/index.ts"
         }
       ],
       "exports": [
@@ -3549,7 +3634,9 @@
             "package": "lit"
           },
           "tagName": "w-pagination",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "packages/pagination/index.ts",
+          "definitionPath": "packages/pagination/index.ts"
         }
       ],
       "exports": [
@@ -3716,7 +3803,9 @@
             "package": "lit"
           },
           "tagName": "w-pill",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "packages/pill/index.ts",
+          "definitionPath": "packages/pill/index.ts"
         }
       ],
       "exports": [
@@ -3748,133 +3837,98 @@
     },
     {
       "kind": "javascript-module",
-      "path": "packages/rip-and-tear-checkbox/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "custom-element-definition",
-          "name": "w-checkbox",
-          "declaration": {
-            "name": "WCheckbox",
-            "module": "/packages/rip-and-tear-checkbox/checkbox"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "packages/rip-and-tear-radio/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "custom-element-definition",
-          "name": "w-radio",
-          "declaration": {
-            "name": "WRadio",
-            "module": "/packages/rip-and-tear-radio/radio"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "w-radio-group",
-          "declaration": {
-            "name": "WRadioGroup",
-            "module": "/packages/rip-and-tear-radio/radio-group"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "packages/select/index.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "ccSelect",
-          "type": {
-            "text": "object"
-          },
-          "default": "{ base: 'block text-m mb-0 py-12 pr-32 rounded-4 w-full focusable focus:[--w-outline-offset:-2px] appearance-none cursor-pointer caret-current', default: 's-text s-bg pl-8 border-1 s-border-strong hover:s-border-strong-hover active:s-border-active', disabled: 's-text-disabled s-bg-disabled-subtle pl-8 border-1 s-border-disabled hover:s-border-disabled active:s-border-disabled pointer-events-none', invalid: 's-text s-bg pl-8 border-1 s-border-negative hover:s-border-negative-hover active:s-border-active outline-[--w-s-color-border-negative]!', readOnly: 's-text bg-transparent pl-0 border-0 pointer-events-none before:hidden', wrapper: 'relative', selectWrapper: `relative before:block before:absolute before:right-0 before:bottom-0 before:w-32 before:h-full before:pointer-events-none `, chevron: 'block absolute top-[30%] right-0 bottom-0 w-32 h-full s-icon pointer-events-none cursor-pointer', chevronDisabled: 'opacity-25', }"
-        },
-        {
-          "kind": "variable",
-          "name": "ccLabel",
-          "type": {
-            "text": "object"
-          },
-          "default": "{ base: 'antialiased block relative text-s font-bold pb-4 cursor-pointer s-text', optional: 'pl-8 font-normal text-s s-text-subtle', }"
-        },
-        {
-          "kind": "variable",
-          "name": "ccHelpText",
-          "type": {
-            "text": "object"
-          },
-          "default": "{ base: 'text-xs mt-4 block', color: 's-text-subtle', colorInvalid: 's-text-negative', }"
-        },
+      "path": "packages/rip-and-tear-checkbox/checkbox.ts",
+      "declarations": [
         {
           "kind": "class",
-          "description": "A dropdown component for selecting a single value.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-select--docs)",
-          "name": "WarpSelect",
+          "description": "",
+          "name": "WCheckbox",
           "members": [
             {
               "kind": "field",
-              "name": "autoFocus",
+              "name": "css",
               "type": {
-                "text": "boolean"
+                "text": "array"
               },
-              "description": "Whether the element should receive focus on render",
-              "attribute": "auto-focus",
-              "reflects": true
+              "static": true,
+              "default": "[styles]"
             },
             {
               "kind": "field",
-              "name": "invalid",
+              "name": "shadowRootOptions",
               "type": {
-                "text": "boolean"
+                "text": "object"
               },
-              "description": "Renders the field in an invalid state. Often paired with `hint` to provide feedback about the error",
-              "attribute": "invalid",
-              "reflects": true
+              "static": true,
+              "default": "{ ...BaseFormAssociatedElement.shadowRootOptions, delegatesFocus: true }"
             },
             {
               "kind": "field",
-              "name": "always",
+              "name": "validators",
+              "static": true,
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(this, 'hint')"
+            },
+            {
+              "kind": "field",
+              "name": "input",
               "type": {
-                "text": "boolean"
+                "text": "HTMLInputElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "title",
+              "type": {
+                "text": "string"
               },
-              "description": "Whether to always show a hint",
-              "attribute": "always",
-              "reflects": true
+              "default": "''",
+              "attribute": "title"
             },
             {
               "kind": "field",
-              "name": "hint",
+              "name": "name",
               "type": {
                 "text": "string"
               },
-              "description": "The content displayed as the help text",
-              "attribute": "hint",
+              "default": "''",
+              "description": "The name of the checkbox, submitted as a name/value pair with form data.",
+              "attribute": "name",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "_value",
               "type": {
-                "text": "string"
+                "text": "string | null"
               },
-              "description": "The content to disply as the label",
-              "attribute": "label",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string | null"
+              },
+              "description": "The value of the checkbox, submitted as a name/value pair with form data.",
+              "attribute": "value",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "optional",
+              "name": "size",
               "type": {
-                "text": "boolean"
+                "text": "'small' | 'medium' | 'large'"
               },
-              "description": "Whether to show optional text",
-              "attribute": "optional",
+              "default": "'medium'",
+              "description": "The checkbox's size.",
+              "attribute": "size",
               "reflects": true
             },
             {
@@ -3883,673 +3937,540 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Renders the field in a disabled state.",
-              "attribute": "disabled",
+              "default": "false",
+              "description": "Disables the checkbox.",
+              "attribute": "disabled"
+            },
+            {
+              "kind": "field",
+              "name": "indeterminate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Draws the checkbox in an indeterminate state. This is usually applied to checkboxes that represents a \"select\nall/none\" behavior when associated checkboxes have a mix of checked and unchecked states.",
+              "attribute": "indeterminate",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "readOnly",
+              "name": "checked",
               "type": {
                 "text": "boolean"
               },
-              "description": "Renders the field in a readonly state.",
-              "attribute": "read-only",
+              "description": "Draws the checkbox in a checked state."
+            },
+            {
+              "kind": "field",
+              "name": "defaultChecked",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "The default value of the form control. Primarily used for resetting the form control.",
+              "attribute": "checked",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "form",
               "type": {
-                "text": "string"
+                "text": "null"
               },
-              "attribute": "name",
+              "default": "null",
+              "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
+              "attribute": "form",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "required",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "attribute": "value",
+              "default": "false",
+              "description": "Makes the checkbox a required field.",
+              "attribute": "required",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "hint",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The checkbox's hint. If you need to display HTML, use the `hint` slot instead.",
+              "attribute": "hint"
+            },
             {
               "kind": "method",
-              "name": "handleKeyDown",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
+              "name": "handleClick",
+              "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "#classes",
-              "privacy": "private",
-              "readonly": true
+              "kind": "method",
+              "name": "handleDefaultCheckedChange",
+              "type": {
+                "text": "handleDefaultCheckedChange() => void"
+              }
             },
             {
-              "kind": "field",
-              "name": "#helpTextClasses",
-              "privacy": "private",
-              "readonly": true
+              "kind": "method",
+              "name": "handleValueOrCheckedChange",
+              "type": {
+                "text": "handleValueOrCheckedChange() => void"
+              }
             },
             {
-              "kind": "field",
-              "name": "#chevronClasses",
-              "privacy": "private",
-              "readonly": true
+              "kind": "method",
+              "name": "handleStateChange",
+              "type": {
+                "text": "handleStateChange() => void"
+              }
             },
             {
-              "kind": "field",
-              "name": "#id",
-              "privacy": "private",
-              "readonly": true
+              "kind": "method",
+              "name": "handleDisabledChange",
+              "type": {
+                "text": "handleDisabledChange() => void"
+              }
             },
             {
-              "kind": "field",
-              "name": "#helpId",
-              "privacy": "private",
-              "readonly": true
+              "kind": "method",
+              "name": "formResetCallback",
+              "type": {
+                "text": "formResetCallback() => void"
+              }
             },
             {
               "kind": "method",
-              "name": "onChange",
+              "name": "click",
+              "description": "Simulates a click on the checkbox.",
+              "type": {
+                "text": "click() => void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "focus",
               "parameters": [
                 {
-                  "name": "{ target }"
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
+                  }
                 }
-              ]
+              ],
+              "description": "Sets focus on the checkbox.",
+              "type": {
+                "text": "focus(options?: FocusOptions) => void"
+              }
             },
             {
-              "kind": "field",
-              "name": "_options",
-              "attribute": "_options"
+              "kind": "method",
+              "name": "blur",
+              "description": "Removes focus from the checkbox.",
+              "type": {
+                "text": "blur() => void"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "change",
+              "type": {
+                "text": "Event"
+              }
             }
           ],
           "attributes": [
             {
-              "name": "auto-focus",
+              "name": "title",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "Whether the element should receive focus on render",
-              "fieldName": "autoFocus"
+              "default": "''",
+              "fieldName": "title"
             },
             {
-              "name": "invalid",
+              "name": "name",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "Renders the field in an invalid state. Often paired with `hint` to provide feedback about the error",
-              "fieldName": "invalid"
+              "default": "''",
+              "description": "The name of the checkbox, submitted as a name/value pair with form data.",
+              "fieldName": "name"
             },
             {
-              "name": "always",
+              "name": "value",
               "type": {
-                "text": "boolean"
+                "text": "string | null"
               },
-              "description": "Whether to always show a hint",
-              "fieldName": "always"
+              "description": "The value of the checkbox, submitted as a name/value pair with form data.",
+              "fieldName": "value"
             },
             {
-              "name": "hint",
+              "name": "size",
               "type": {
-                "text": "string"
+                "text": "'small' | 'medium' | 'large'"
               },
-              "description": "The content displayed as the help text",
-              "fieldName": "hint"
+              "default": "'medium'",
+              "description": "The checkbox's size.",
+              "fieldName": "size"
             },
             {
-              "name": "label",
+              "name": "disabled",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "The content to disply as the label",
-              "fieldName": "label"
+              "default": "false",
+              "description": "Disables the checkbox.",
+              "fieldName": "disabled"
             },
             {
-              "name": "optional",
+              "name": "indeterminate",
               "type": {
                 "text": "boolean"
               },
-              "description": "Whether to show optional text",
-              "fieldName": "optional"
+              "default": "false",
+              "description": "Draws the checkbox in an indeterminate state. This is usually applied to checkboxes that represents a \"select\nall/none\" behavior when associated checkboxes have a mix of checked and unchecked states.",
+              "fieldName": "indeterminate"
             },
             {
-              "name": "disabled",
+              "name": "checked",
               "type": {
                 "text": "boolean"
               },
-              "description": "Renders the field in a disabled state.",
-              "fieldName": "disabled"
+              "description": "The default value of the form control. Primarily used for resetting the form control.",
+              "fieldName": "defaultChecked"
             },
             {
-              "name": "read-only",
+              "name": "form",
               "type": {
-                "text": "boolean"
+                "text": "null"
               },
-              "description": "Renders the field in a readonly state.",
-              "fieldName": "readOnly"
-            },
-            {
-              "name": "_options",
-              "fieldName": "_options"
+              "default": "null",
+              "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
+              "fieldName": "form"
             },
             {
-              "name": "name",
+              "name": "required",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "fieldName": "name"
+              "default": "false",
+              "description": "Makes the checkbox a required field.",
+              "fieldName": "required"
             },
             {
-              "name": "value",
+              "name": "hint",
               "type": {
                 "text": "string"
               },
-              "fieldName": "value"
-            }
-          ],
-          "mixins": [
-            {
-              "name": "FormControlMixin",
-              "package": "@open-wc/form-control"
+              "default": "''",
+              "description": "The checkbox's hint. If you need to display HTML, use the `hint` slot instead.",
+              "fieldName": "hint"
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "BaseFormAssociatedElement",
+            "module": "/packages/rip-and-tear-radio/form-associated-element"
           },
-          "tagName": "w-select",
-          "customElement": true
+          "tagName": "w-checkbox",
+          "customElement": true,
+          "modulePath": "packages/rip-and-tear-checkbox/checkbox.ts",
+          "definitionPath": "packages/rip-and-tear-checkbox/index.ts"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "ccSelect",
+          "name": "WCheckbox",
           "declaration": {
-            "name": "ccSelect",
-            "module": "packages/select/index.ts"
+            "name": "WCheckbox",
+            "module": "packages/rip-and-tear-checkbox/checkbox.ts"
           }
-        },
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/rip-and-tear-checkbox/index.ts",
+      "declarations": [],
+      "exports": [
         {
-          "kind": "js",
-          "name": "ccLabel",
+          "kind": "custom-element-definition",
+          "name": "w-checkbox",
           "declaration": {
-            "name": "ccLabel",
-            "module": "packages/select/index.ts"
+            "name": "WCheckbox",
+            "module": "/packages/rip-and-tear-checkbox/checkbox"
           }
-        },
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/rip-and-tear-radio/radio-styles.ts",
+      "declarations": [
         {
-          "kind": "js",
-          "name": "ccHelpText",
-          "declaration": {
-            "name": "ccHelpText",
-            "module": "packages/select/index.ts"
-          }
-        },
+          "kind": "variable",
+          "name": "styles",
+          "default": "css` :host { color: var(--wa-form-control-value-color); display: inline-flex; flex-direction: row; align-items: top; font-family: inherit; font-weight: var(--wa-form-control-value-font-weight); line-height: var(--wa-form-control-value-line-height); cursor: pointer; user-select: none; -webkit-user-select: none; } :host(:focus) { outline: none; } [part~='label'] { display: inline; } [part~='hint'] { margin-block-start: 0.5em; } /* Default appearance */ :host([appearance='default']) { .control { flex: 0 0 auto; position: relative; display: inline-flex; align-items: center; justify-content: center; width: var(--wa-form-control-toggle-size, 2rem); height: var(--wa-form-control-toggle-size, 2rem); border-color: var(--wa-form-control-border-color, gray); border-radius: 50%; border-style: var(--wa-form-control-border-style, solid); border-width: var(--wa-form-control-border-width, 1px); background-color: var(--wa-form-control-background-color, white); color: transparent; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; margin-inline-end: 0.5em; } } :host([appearance='clickable']) .control { position: absolute; inset: 0; height: 100%; width: 100%; cursor: pointer; } /* Checked */ :host(:state(checked)):not(:host([appearance='clickable'])) .control { /* color: var(--checked-icon-color, white); */ border-color: var(--wa-form-control-activated-color, blue); background-color: var(--wa-form-control-background-color, white); border-width: 0.6rem; } /* Focus */ :host(:focus-visible) .control { outline: 2px solid var(--w-s-color-border-focus); outline-offset: var(--w-outline-offset, 1px); } :host([appearance='clickable']:focus-visible) .control { outline-offset: -4px; border-radius: 8px; } /* Disabled */ :host(:state(disabled)) { opacity: 0.5; cursor: not-allowed; } /* Button appearance */ :host([appearance='button']) { align-items: center; min-height: var(--wa-form-control-height); background-color: var(--wa-color-surface-default); border: var(--wa-form-control-border-width) var(--wa-form-control-border-style) var(--wa-form-control-border-color); border-radius: var(--wa-border-radius-m); padding: 0 var(--wa-form-control-padding-inline); transition: background-color var(--wa-transition-fast), border-color var(--wa-transition-fast); .control { display: none; } } /* Horizontal grouping - remove inner border radius */ :host([appearance='button'][data-wa-radio-horizontal][data-wa-radio-inner]) { border-radius: 0; } :host([appearance='button'][data-wa-radio-horizontal][data-wa-radio-first]) { border-start-end-radius: 0; border-end-end-radius: 0; } :host([appearance='button'][data-wa-radio-horizontal][data-wa-radio-last]) { border-start-start-radius: 0; border-end-start-radius: 0; } /* Vertical grouping - remove inner border radius */ :host([appearance='button'][data-wa-radio-vertical][data-wa-radio-inner]) { border-radius: 0; } :host([appearance='button'][data-wa-radio-vertical][data-wa-radio-first]) { border-end-start-radius: 0; border-end-end-radius: 0; } :host([appearance='button'][data-wa-radio-vertical][data-wa-radio-last]) { border-start-start-radius: 0; border-start-end-radius: 0; } @media (hover: hover) { :host([appearance='button']:hover:not(:state(disabled), :state(checked))) { background-color: color-mix(in srgb, var(--wa-color-surface-default) 95%, var(--wa-color-mix-hover)); } } :host([appearance='button']:focus-visible) { outline: var(--wa-focus-ring); outline-offset: var(--wa-focus-ring-offset); } :host([appearance='button']:state(checked)) { border-color: var(--wa-form-control-activated-color); background-color: var(--wa-color-brand-fill-quiet); } :host([appearance='button']:state(checked):focus-visible) { outline: var(--wa-focus-ring-style) var(--wa-focus-ring-width) var(--wa-color-brand-border-loud); outline-offset: var(--wa-focus-ring-offset); } /* Remove inner borders and handle overlap */ :host([appearance='button'][data-wa-radio-horizontal]:not([data-wa-radio-first])) { margin-inline-start: calc(-1 * var(--wa-form-control-border-width)); } :host([appearance='button'][data-wa-radio-vertical]:not([data-wa-radio-first])) { margin-block-start: calc(-1 * var(--wa-form-control-border-width)); } /* Ensure interactive states are visible above adjacent buttons */ :host([appearance='button']:hover), :host([appearance='button']:state(checked)) { position: relative; z-index: 1; } :host([appearance='button']:focus-visible) { z-index: 2; } `"
+        }
+      ],
+      "exports": [
         {
           "kind": "js",
-          "name": "WarpSelect",
-          "declaration": {
-            "name": "WarpSelect",
-            "module": "packages/select/index.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "w-select",
+          "name": "styles",
           "declaration": {
-            "name": "WarpSelect",
-            "module": "packages/select/index.ts"
+            "name": "styles",
+            "module": "packages/rip-and-tear-radio/radio-styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "packages/textfield/index.ts",
+      "path": "packages/rip-and-tear-radio/radio.ts",
       "declarations": [
-        {
-          "kind": "variable",
-          "name": "ccinput",
-          "type": {
-            "text": "object"
-          },
-          "default": "{ // input classes base: 'block text-m leading-m mb-0 px-8 py-12 rounded-4 w-full focusable focus:[--w-outline-offset:-2px] caret-current', // true default: 'border-1 s-text s-bg s-border-strong hover:s-border-strong-hover active:s-border-selected', // !isInvalid && !isDisabled && !isReadOnly disabled: 'border-1 s-text-disabled s-bg-disabled-subtle s-border-disabled pointer-events-none', // !isInvalid && isDisabled && !isReadOnly invalid: 'border-1 s-text-negative s-bg s-border-negative hover:s-border-negative-hover outline-[--w-s-color-border-negative]!', // isInvalid && !isDisabled && !isReadOnly readOnly: 'pl-0 bg-transparent pointer-events-none', // !isInvalid && !isDisabled && isReadOnly placeholder: 'placeholder:s-text-placeholder', suffix: 'pr-40', prefix: 'pl-[var(--w-prefix-width,_40px)]', // textarea classes textArea: 'min-h-[42] sm:min-h-[45]', }"
-        },
-        {
-          "kind": "variable",
-          "name": "ccLabel",
-          "type": {
-            "text": "object"
-          },
-          "default": "{ base: 'antialiased block relative text-s font-bold pb-4 cursor-pointer s-text', optional: 'pl-8 font-normal text-s s-text-subtle', }"
-        },
-        {
-          "kind": "variable",
-          "name": "ccHelpText",
-          "type": {
-            "text": "object"
-          },
-          "default": "{ base: 'text-xs mt-4 block', color: 's-text-subtle', colorInvalid: 's-text-negative', }"
-        },
         {
           "kind": "class",
-          "description": "A single line text input element.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-textfield--docs)",
-          "name": "WarpTextField",
+          "description": "",
+          "name": "WRadio",
           "members": [
             {
               "kind": "field",
-              "name": "shadowRootOptions",
+              "name": "css",
               "type": {
-                "text": "object"
+                "text": "array"
               },
               "static": true,
-              "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "attribute": "disabled",
-              "reflects": true
+              "default": "[styles]"
             },
             {
               "kind": "field",
-              "name": "invalid",
+              "name": "checked",
               "type": {
                 "text": "boolean"
               },
-              "attribute": "invalid",
-              "reflects": true
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "id",
+              "name": "form",
               "type": {
-                "text": "string"
+                "text": "string | null"
               },
-              "attribute": "id",
+              "default": "null",
+              "description": "The string pointing to a form's id.",
+              "attribute": "form",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "value",
               "type": {
                 "text": "string"
               },
-              "attribute": "label",
+              "description": "The radio's value. When selected, the radio group will receive this value.",
+              "attribute": "value",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "helpText",
+              "name": "appearance",
               "type": {
-                "text": "string"
+                "text": "'default' | 'button' | 'clickable'"
               },
-              "attribute": "help-text",
+              "default": "'default'",
+              "description": "The radio's value. When selected, the radio group will receive this value.",
+              "attribute": "appearance",
               "reflects": true
             },
             {
               "kind": "field",
               "name": "size",
               "type": {
-                "text": "string"
+                "text": "'small' | 'medium' | 'large'"
               },
+              "default": "'medium'",
+              "description": "The radio's size. When used inside a radio group, the size will be determined by the radio group's size so this\nattribute can typically be omitted.",
               "attribute": "size",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "max",
-              "type": {
-                "text": "number"
-              },
-              "attribute": "max",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "min",
-              "type": {
-                "text": "number"
-              },
-              "attribute": "min",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "minLength",
+              "name": "disabled",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "attribute": "min-length",
-              "reflects": true
+              "default": "false",
+              "description": "Disables the radio.",
+              "attribute": "disabled"
             },
             {
-              "kind": "field",
-              "name": "maxLength",
-              "type": {
-                "text": "number"
-              },
-              "attribute": "max-length",
-              "reflects": true
+              "kind": "method",
+              "name": "setInitialAttributes",
+              "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "pattern",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "setValue",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "attribute": "pattern",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "placeholder",
               "type": {
-                "text": "string"
-              },
-              "attribute": "placeholder",
-              "reflects": true
+                "text": "setValue() => void"
+              }
             },
             {
               "kind": "field",
-              "name": "readOnly",
-              "type": {
-                "text": "boolean"
-              },
-              "attribute": "read-only",
-              "reflects": true
-            },
+              "name": "handleClick",
+              "privacy": "private"
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "required",
+              "name": "form",
               "type": {
-                "text": "boolean"
+                "text": "string | null"
               },
-              "attribute": "required",
-              "reflects": true
+              "default": "null",
+              "description": "The string pointing to a form's id.",
+              "fieldName": "form"
             },
             {
-              "kind": "field",
-              "name": "type",
+              "name": "value",
               "type": {
                 "text": "string"
               },
-              "default": "'text'",
-              "attribute": "type",
-              "reflects": true
+              "description": "The radio's value. When selected, the radio group will receive this value.",
+              "fieldName": "value"
             },
             {
-              "kind": "field",
-              "name": "value",
+              "name": "appearance",
               "type": {
-                "text": "string"
+                "text": "'default' | 'button' | 'clickable'"
               },
-              "attribute": "value",
-              "reflects": true
+              "default": "'default'",
+              "description": "The radio's value. When selected, the radio group will receive this value.",
+              "fieldName": "appearance"
             },
             {
-              "kind": "field",
-              "name": "name",
+              "name": "size",
               "type": {
-                "text": "string"
+                "text": "'small' | 'medium' | 'large'"
               },
-              "attribute": "name",
-              "reflects": true
+              "default": "'medium'",
+              "description": "The radio's size. When used inside a radio group, the size will be determined by the radio group's size so this\nattribute can typically be omitted.",
+              "fieldName": "size"
             },
             {
-              "kind": "field",
-              "name": "formatter",
+              "name": "disabled",
               "type": {
-                "text": "(value: string) => string"
-              },
-              "description": "Function to format value when the input field.\n\nOnly active when the input field does not have focus,\nsimilar to the accessible input masking example from Filament Group\n\nhttps://css-tricks.com/input-masking/\nhttps://filamentgroup.github.io/politespace/demo/demo.html"
-            },
-            {
-              "kind": "method",
-              "name": "handler",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "prefixSlotChange"
-            },
-            {
-              "kind": "method",
-              "name": "suffixSlotChange"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
+                "text": "boolean"
               },
+              "default": "false",
+              "description": "Disables the radio.",
               "fieldName": "disabled"
-            },
-            {
-              "name": "invalid",
-              "type": {
-                "text": "boolean"
-              },
-              "fieldName": "invalid"
-            },
-            {
-              "name": "id",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "id"
-            },
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "label"
-            },
-            {
-              "name": "help-text",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "helpText"
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "size"
-            },
-            {
-              "name": "max",
-              "type": {
-                "text": "number"
-              },
-              "fieldName": "max"
-            },
-            {
-              "name": "min",
-              "type": {
-                "text": "number"
-              },
-              "fieldName": "min"
-            },
-            {
-              "name": "min-length",
-              "type": {
-                "text": "number"
-              },
-              "fieldName": "minLength"
-            },
-            {
-              "name": "max-length",
-              "type": {
-                "text": "number"
-              },
-              "fieldName": "maxLength"
-            },
-            {
-              "name": "pattern",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "pattern"
-            },
-            {
-              "name": "placeholder",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "placeholder"
-            },
-            {
-              "name": "read-only",
-              "type": {
-                "text": "boolean"
-              },
-              "fieldName": "readOnly"
-            },
-            {
-              "name": "required",
-              "type": {
-                "text": "boolean"
-              },
-              "fieldName": "required"
-            },
-            {
-              "name": "type",
-              "type": {
-                "text": "string"
-              },
-              "default": "'text'",
-              "fieldName": "type"
-            },
-            {
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "value"
-            },
-            {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "name"
-            }
-          ],
-          "mixins": [
-            {
-              "name": "FormControlMixin",
-              "package": "@open-wc/form-control"
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "BaseFormAssociatedElement",
+            "module": "/packages/rip-and-tear-radio/form-associated-element"
           },
-          "tagName": "w-textfield",
-          "customElement": true
+          "tagName": "w-radio",
+          "customElement": true,
+          "modulePath": "packages/rip-and-tear-radio/radio.ts",
+          "definitionPath": "packages/rip-and-tear-radio/index.ts"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "ccinput",
-          "declaration": {
-            "name": "ccinput",
-            "module": "packages/textfield/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "ccLabel",
-          "declaration": {
-            "name": "ccLabel",
-            "module": "packages/textfield/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "ccHelpText",
+          "name": "WRadio",
           "declaration": {
-            "name": "ccHelpText",
-            "module": "packages/textfield/index.ts"
+            "name": "WRadio",
+            "module": "packages/rip-and-tear-radio/radio.ts"
           }
-        },
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/rip-and-tear-radio/radio-group-styles.ts",
+      "declarations": [
         {
-          "kind": "custom-element-definition",
-          "name": "w-textfield",
-          "declaration": {
-            "name": "WarpTextField",
-            "module": "packages/textfield/index.ts"
-          }
-        },
+          "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; gap: 0.75em; } /* 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": "WarpTextField",
+          "name": "styles",
           "declaration": {
-            "name": "WarpTextField",
-            "module": "packages/textfield/index.ts"
+            "name": "styles",
+            "module": "packages/rip-and-tear-radio/radio-group-styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "packages/slider/slider-thumb.ts",
+      "path": "packages/rip-and-tear-radio/radio-group.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Component to place inside a `<w-slider>`.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-slider-and-range-slider--docs)",
-          "name": "WarpSliderThumb",
+          "description": "",
+          "name": "WRadioGroup",
+          "slots": [
+            {
+              "description": "Alternative to the `label` attribute should you need custom HTML.",
+              "name": "label"
+            }
+          ],
           "members": [
             {
               "kind": "field",
-              "name": "shadowRootOptions",
+              "name": "css",
               "type": {
-                "text": "object"
+                "text": "array"
               },
               "static": true,
-              "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
+              "default": "[styles]"
             },
             {
               "kind": "field",
-              "name": "ariaLabel",
+              "name": "validators",
+              "static": true,
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(this, 'hint', 'label')"
+            },
+            {
+              "kind": "field",
+              "name": "hasRadioButtons",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "attribute": "aria-label"
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "ariaDescription",
+              "name": "defaultSlot",
               "type": {
-                "text": "string"
-              },
-              "attribute": "aria-description"
+                "text": "HTMLSlotElement"
+              }
             },
             {
               "kind": "field",
@@ -4557,23 +4478,29 @@
               "type": {
                 "text": "string"
               },
+              "default": "''",
+              "description": "The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
               "attribute": "label"
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "hint",
               "type": {
                 "text": "string"
               },
-              "attribute": "name"
+              "default": "''",
+              "description": "The radio groups's hint. If you need to display HTML, use the `hint` slot instead.",
+              "attribute": "hint"
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "name",
               "type": {
-                "text": "string"
+                "text": "string | null"
               },
-              "attribute": "value",
+              "default": "null",
+              "description": "The name of the radio group, submitted as a name/value pair with form data.",
+              "attribute": "name",
               "reflects": true
             },
             {
@@ -4582,260 +4509,360 @@
               "type": {
                 "text": "boolean"
               },
+              "default": "false",
+              "description": "Disables the radio group and all child radios.",
               "attribute": "disabled",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "markers",
+              "name": "orientation",
               "type": {
-                "text": "string"
+                "text": "'horizontal' | 'vertical'"
               },
-              "description": "Set by `<w-slider>`"
+              "default": "'vertical'",
+              "description": "The orientation in which to show radio items.",
+              "attribute": "orientation",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "required",
+              "name": "_value",
               "type": {
-                "text": "boolean"
+                "text": "string | null"
               },
-              "description": "Set by `<w-slider>`"
+              "privacy": "private",
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "step",
-              "type": {
-                "text": "number"
-              },
-              "description": "Set by `<w-slider>`"
+              "name": "value",
+              "description": "The current value of the radio group, submitted as a name/value pair with form data."
             },
             {
               "kind": "field",
-              "name": "min",
+              "name": "defaultValue",
               "type": {
-                "text": "string"
+                "text": "string | null"
               },
-              "description": "Set by `<w-slider>`"
+              "description": "The default value of the form control. Primarily used for resetting the form control.",
+              "attribute": "value",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "max",
+              "name": "size",
               "type": {
-                "text": "string"
+                "text": "'small' | 'medium' | 'large'"
               },
-              "description": "Set by `<w-slider>`"
+              "default": "'medium'",
+              "description": "The radio group's size. This size will be applied to all child radios and radio buttons, except when explicitly overridden.",
+              "attribute": "size",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "suffix",
+              "name": "required",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "Set by `<w-slider>`"
+              "default": "false",
+              "description": "Ensures a child radio is checked before allowing the containing form to submit.",
+              "attribute": "required",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "formatter",
+              "name": "withLabel",
               "type": {
-                "text": "(value: string) => string"
+                "text": "boolean"
               },
-              "description": "JS hook to help you format the numeric value how you want."
+              "default": "false",
+              "description": "Used for SSR. if true, will show slotted label on initial render.",
+              "attribute": "with-label"
             },
             {
               "kind": "field",
-              "name": "range",
+              "name": "withHint",
               "type": {
-                "text": "HTMLInputElement"
-              }
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Used for SSR. if true, will show slotted hint on initial render.",
+              "attribute": "with-hint"
             },
             {
               "kind": "field",
-              "name": "textfield",
+              "name": "shadowRootOptions",
               "type": {
-                "text": "WarpTextField"
-              }
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ ...BaseFormAssociatedElement.shadowRootOptions, delegatesFocus: true }"
+            },
+            {
+              "kind": "field",
+              "name": "validationTarget",
+              "description": "We use the first available radio as the validationTarget similar to native HTML that shows the validation popup on\nthe first radio element.",
+              "readonly": true
             },
             {
               "kind": "method",
-              "name": "#showTooltip",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
+              "name": "formResetCallback",
+              "parameters": [
+                {
+                  "name": "args",
+                  "type": {
+                    "text": "Parameters<BaseFormAssociatedElement['formResetCallback']>"
+                  }
                 }
+              ],
+              "type": {
+                "text": "formResetCallback(args: Parameters<BaseFormAssociatedElement['formResetCallback']>) => void"
               }
             },
+            {
+              "kind": "field",
+              "name": "handleRadioClick",
+              "privacy": "private"
+            },
             {
               "kind": "method",
-              "name": "#hideTooltip",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
+              "name": "getAllRadios",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "#onInput",
+              "name": "handleLabelClick",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "syncRadioElements",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleKeyDown",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
               "parameters": [
                 {
-                  "name": "e",
+                  "name": "event",
                   "type": {
-                    "text": "InputEvent | CustomEvent"
+                    "text": "KeyboardEvent"
                   }
                 }
               ]
+            },
+            {
+              "kind": "method",
+              "name": "focus",
+              "privacy": "public",
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
+                  }
+                }
+              ],
+              "description": "Sets focus on the radio group.",
+              "type": {
+                "text": "focus(options?: FocusOptions) => void"
+              }
             }
           ],
           "events": [
             {
-              "name": "slidervalidity",
+              "name": "input",
               "type": {
-                "text": "CustomEvent"
+                "text": "InputEvent"
+              }
+            },
+            {
+              "name": "change",
+              "type": {
+                "text": "Event"
               }
             }
           ],
           "attributes": [
             {
-              "name": "aria-label",
+              "name": "label",
               "type": {
                 "text": "string"
               },
-              "fieldName": "ariaLabel"
+              "default": "''",
+              "description": "The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
+              "fieldName": "label"
             },
             {
-              "name": "aria-description",
+              "name": "hint",
               "type": {
                 "text": "string"
               },
-              "fieldName": "ariaDescription"
+              "default": "''",
+              "description": "The radio groups's hint. If you need to display HTML, use the `hint` slot instead.",
+              "fieldName": "hint"
             },
             {
-              "name": "label",
+              "name": "name",
               "type": {
-                "text": "string"
+                "text": "string | null"
               },
-              "fieldName": "label"
+              "default": "null",
+              "description": "The name of the radio group, submitted as a name/value pair with form data.",
+              "fieldName": "name"
             },
             {
-              "name": "name",
+              "name": "disabled",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "fieldName": "name"
+              "default": "false",
+              "description": "Disables the radio group and all child radios.",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "orientation",
+              "type": {
+                "text": "'horizontal' | 'vertical'"
+              },
+              "default": "'vertical'",
+              "description": "The orientation in which to show radio items.",
+              "fieldName": "orientation"
             },
             {
               "name": "value",
               "type": {
-                "text": "string"
+                "text": "string | null"
               },
-              "fieldName": "value"
+              "description": "The default value of the form control. Primarily used for resetting the form control.",
+              "fieldName": "defaultValue"
             },
             {
-              "name": "disabled",
+              "name": "size",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
+              },
+              "default": "'medium'",
+              "description": "The radio group's size. This size will be applied to all child radios and radio buttons, except when explicitly overridden.",
+              "fieldName": "size"
+            },
+            {
+              "name": "required",
               "type": {
                 "text": "boolean"
               },
-              "fieldName": "disabled"
-            }
-          ],
-          "mixins": [
+              "default": "false",
+              "description": "Ensures a child radio is checked before allowing the containing form to submit.",
+              "fieldName": "required"
+            },
             {
-              "name": "FormControlMixin",
-              "package": "@open-wc/form-control"
+              "name": "with-label",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Used for SSR. if true, will show slotted label on initial render.",
+              "fieldName": "withLabel"
+            },
+            {
+              "name": "with-hint",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Used for SSR. if true, will show slotted hint on initial render.",
+              "fieldName": "withHint"
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "BaseFormAssociatedElement",
+            "module": "/packages/rip-and-tear-radio/form-associated-element"
           },
-          "tagName": "w-slider-thumb",
-          "customElement": true
+          "tagName": "w-radio-group",
+          "customElement": true,
+          "modulePath": "packages/rip-and-tear-radio/radio-group.ts",
+          "definitionPath": "packages/rip-and-tear-radio/index.ts"
         }
       ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "WRadioGroup",
+          "declaration": {
+            "name": "WRadioGroup",
+            "module": "packages/rip-and-tear-radio/radio-group.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/rip-and-tear-radio/index.ts",
+      "declarations": [],
       "exports": [
         {
           "kind": "custom-element-definition",
-          "name": "w-slider-thumb",
+          "name": "w-radio",
           "declaration": {
-            "name": "WarpSliderThumb",
-            "module": "packages/slider/slider-thumb.ts"
+            "name": "WRadio",
+            "module": "/packages/rip-and-tear-radio/radio"
           }
         },
         {
-          "kind": "js",
-          "name": "WarpSliderThumb",
+          "kind": "custom-element-definition",
+          "name": "w-radio-group",
           "declaration": {
-            "name": "WarpSliderThumb",
-            "module": "packages/slider/slider-thumb.ts"
+            "name": "WRadioGroup",
+            "module": "/packages/rip-and-tear-radio/radio-group"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "packages/slider/slider.ts",
+      "path": "packages/select/index.ts",
       "declarations": [
+        {
+          "kind": "variable",
+          "name": "ccSelect",
+          "type": {
+            "text": "object"
+          },
+          "default": "{ base: 'block text-m mb-0 py-12 pr-32 rounded-4 w-full focusable focus:[--w-outline-offset:-2px] appearance-none cursor-pointer caret-current', default: 's-text s-bg pl-8 border-1 s-border-strong hover:s-border-strong-hover active:s-border-active', disabled: 's-text-disabled s-bg-disabled-subtle pl-8 border-1 s-border-disabled hover:s-border-disabled active:s-border-disabled pointer-events-none', invalid: 's-text s-bg pl-8 border-1 s-border-negative hover:s-border-negative-hover active:s-border-active outline-[--w-s-color-border-negative]!', readOnly: 's-text bg-transparent pl-0 border-0 pointer-events-none before:hidden', wrapper: 'relative', selectWrapper: `relative before:block before:absolute before:right-0 before:bottom-0 before:w-32 before:h-full before:pointer-events-none `, chevron: 'block absolute top-[30%] right-0 bottom-0 w-32 h-full s-icon pointer-events-none cursor-pointer', chevronDisabled: 'opacity-25', }"
+        },
+        {
+          "kind": "variable",
+          "name": "ccLabel",
+          "type": {
+            "text": "object"
+          },
+          "default": "{ base: 'antialiased block relative text-s font-bold pb-4 cursor-pointer s-text', optional: 'pl-8 font-normal text-s s-text-subtle', }"
+        },
+        {
+          "kind": "variable",
+          "name": "ccHelpText",
+          "type": {
+            "text": "object"
+          },
+          "default": "{ base: 'text-xs mt-4 block', color: 's-text-subtle', colorInvalid: 's-text-negative', }"
+        },
         {
           "kind": "class",
-          "description": "Parent component for sliders (both single and range sliders). Used in combination with a `<w-slider-thumb>`.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-slider-and-range-slider--docs)",
-          "name": "WarpSlider",
-          "slots": [
-            {
-              "description": "For single sliders place a `<w-slider-thumb>` in the default slot.",
-              "name": ""
-            },
-            {
-              "description": "Label for the slider or range slider as a whole.",
-              "name": "label"
-            },
-            {
-              "description": "Optional description between the label and slider.",
-              "name": "description"
-            },
-            {
-              "description": "Range sliders need to place a `<w-slider-thumb>` in the from and to slots.",
-              "name": "from"
-            },
-            {
-              "description": "Range sliders need to place a `<w-slider-thumb>` in the from and to slots.",
-              "name": "to"
-            }
-          ],
+          "description": "A dropdown component for selecting a single value.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-select--docs)",
+          "name": "WarpSelect",
           "members": [
             {
               "kind": "field",
-              "name": "shadowRootOptions",
-              "type": {
-                "text": "object"
-              },
-              "static": true,
-              "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "description": "The slider fieldset label. Required for proper accessibility.\n\nIf you need to display HTML, use the `label` slot instead.",
-              "attribute": "label"
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
+              "name": "autoFocus",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "attribute": "disabled",
+              "description": "Whether the element should receive focus on render",
+              "attribute": "auto-focus",
               "reflects": true
             },
             {
@@ -4844,212 +4871,233 @@
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
+              "description": "Renders the field in an invalid state. Often paired with `hint` to provide feedback about the error",
               "attribute": "invalid",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "required",
+              "name": "always",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Ensures a child slider thumb has a value before allowing the containing form to submit.",
-              "attribute": "required",
+              "description": "Whether to always show a hint",
+              "attribute": "always",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "min",
+              "name": "hint",
               "type": {
                 "text": "string"
               },
-              "attribute": "min",
+              "description": "The content displayed as the help text",
+              "attribute": "hint",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "max",
+              "name": "label",
               "type": {
                 "text": "string"
               },
-              "attribute": "max",
+              "description": "The content to disply as the label",
+              "attribute": "label",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "markers",
+              "name": "optional",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "description": "Pass a value similar to step to create visual markers at that interval",
-              "attribute": "markers"
+              "description": "Whether to show optional text",
+              "attribute": "optional",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "step",
+              "name": "disabled",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "attribute": "step"
+              "description": "Renders the field in a disabled state.",
+              "attribute": "disabled",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "suffix",
+              "name": "readOnly",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "Suffix used in text input fields and for the min and max values of the slider.",
-              "attribute": "suffix"
+              "description": "Renders the field in a readonly state.",
+              "attribute": "read-only",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "formatter",
+              "name": "name",
               "type": {
-                "text": "(value: string) => string"
+                "text": "string"
               },
-              "description": "Function to format the to- and from labels and value in the slider thumb tooltip."
+              "attribute": "name",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "#thumbSize",
-              "privacy": "private",
+              "name": "value",
               "type": {
-                "text": "number"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "#syncSliderThumbs",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
+                "text": "string"
+              },
+              "attribute": "value",
+              "reflects": true
             },
             {
               "kind": "method",
-              "name": "#onInput",
-              "privacy": "private",
+              "name": "handleKeyDown",
               "parameters": [
                 {
-                  "name": "e",
+                  "name": "event",
                   "type": {
-                    "text": "InputEvent"
+                    "text": "KeyboardEvent"
                   }
                 }
-              ]
+              ],
+              "type": {
+                "text": "handleKeyDown(event: KeyboardEvent) => void"
+              }
             },
             {
-              "kind": "method",
-              "name": "#onSliderValidity",
+              "kind": "field",
+              "name": "#classes",
               "privacy": "private",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "CustomEvent"
-                  }
-                }
-              ]
+              "readonly": true
             },
             {
-              "kind": "method",
-              "name": "#updateActiveTrack",
+              "kind": "field",
+              "name": "#helpTextClasses",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "#chevronClasses",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "#id",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "#helpId",
               "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "onChange",
               "parameters": [
                 {
-                  "name": "input",
-                  "type": {
-                    "text": "WarpSliderThumb"
-                  }
+                  "name": "{ target }"
                 }
               ],
-              "description": "We use CSS variables to fill the active track with a background color."
+              "type": {
+                "text": "onChange({ target }) => void"
+              }
             },
             {
-              "kind": "method",
-              "name": "#getActiveRangeWidth",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "number"
-                }
-              }
+              "kind": "field",
+              "name": "_options",
+              "attribute": "_options"
             }
           ],
           "attributes": [
             {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "description": "The slider fieldset label. Required for proper accessibility.\n\nIf you need to display HTML, use the `label` slot instead.",
-              "fieldName": "label"
-            },
-            {
-              "name": "disabled",
+              "name": "auto-focus",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "fieldName": "disabled"
+              "description": "Whether the element should receive focus on render",
+              "fieldName": "autoFocus"
             },
             {
               "name": "invalid",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
+              "description": "Renders the field in an invalid state. Often paired with `hint` to provide feedback about the error",
               "fieldName": "invalid"
             },
             {
-              "name": "required",
+              "name": "always",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Ensures a child slider thumb has a value before allowing the containing form to submit.",
-              "fieldName": "required"
+              "description": "Whether to always show a hint",
+              "fieldName": "always"
             },
             {
-              "name": "min",
+              "name": "hint",
               "type": {
                 "text": "string"
               },
-              "fieldName": "min"
+              "description": "The content displayed as the help text",
+              "fieldName": "hint"
             },
             {
-              "name": "max",
+              "name": "label",
               "type": {
                 "text": "string"
               },
-              "fieldName": "max"
+              "description": "The content to disply as the label",
+              "fieldName": "label"
             },
             {
-              "name": "markers",
+              "name": "optional",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "description": "Pass a value similar to step to create visual markers at that interval",
-              "fieldName": "markers"
+              "description": "Whether to show optional text",
+              "fieldName": "optional"
             },
             {
-              "name": "step",
+              "name": "disabled",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "fieldName": "step"
+              "description": "Renders the field in a disabled state.",
+              "fieldName": "disabled"
             },
             {
-              "name": "suffix",
+              "name": "read-only",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Renders the field in a readonly state.",
+              "fieldName": "readOnly"
+            },
+            {
+              "name": "_options",
+              "fieldName": "_options"
+            },
+            {
+              "name": "name",
               "type": {
                 "text": "string"
               },
-              "description": "Suffix used in text input fields and for the min and max values of the slider.",
-              "fieldName": "suffix"
+              "fieldName": "name"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "value"
             }
           ],
           "mixins": [
@@ -5062,116 +5110,1527 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "w-slider",
-          "customElement": true
+          "tagName": "w-select",
+          "customElement": true,
+          "modulePath": "packages/select/index.ts",
+          "definitionPath": "packages/select/index.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ccSelect",
+          "declaration": {
+            "name": "ccSelect",
+            "module": "packages/select/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ccLabel",
+          "declaration": {
+            "name": "ccLabel",
+            "module": "packages/select/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ccHelpText",
+          "declaration": {
+            "name": "ccHelpText",
+            "module": "packages/select/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WarpSelect",
+          "declaration": {
+            "name": "WarpSelect",
+            "module": "packages/select/index.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "w-select",
+          "declaration": {
+            "name": "WarpSelect",
+            "module": "packages/select/index.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/textfield/index.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "ccinput",
+          "type": {
+            "text": "object"
+          },
+          "default": "{ // input classes base: 'block text-m leading-m mb-0 px-8 py-12 rounded-4 w-full focusable focus:[--w-outline-offset:-2px] caret-current', // true default: 'border-1 s-text s-bg s-border-strong hover:s-border-strong-hover active:s-border-selected', // !isInvalid && !isDisabled && !isReadOnly disabled: 'border-1 s-text-disabled s-bg-disabled-subtle s-border-disabled pointer-events-none', // !isInvalid && isDisabled && !isReadOnly invalid: 'border-1 s-text-negative s-bg s-border-negative hover:s-border-negative-hover outline-[--w-s-color-border-negative]!', // isInvalid && !isDisabled && !isReadOnly readOnly: 'pl-0 bg-transparent pointer-events-none', // !isInvalid && !isDisabled && isReadOnly placeholder: 'placeholder:s-text-placeholder', suffix: 'pr-40', prefix: 'pl-[var(--w-prefix-width,_40px)]', // textarea classes textArea: 'min-h-[42] sm:min-h-[45]', }"
+        },
+        {
+          "kind": "variable",
+          "name": "ccLabel",
+          "type": {
+            "text": "object"
+          },
+          "default": "{ base: 'antialiased block relative text-s font-bold pb-4 cursor-pointer s-text', optional: 'pl-8 font-normal text-s s-text-subtle', }"
+        },
+        {
+          "kind": "variable",
+          "name": "ccHelpText",
+          "type": {
+            "text": "object"
+          },
+          "default": "{ base: 'text-xs mt-4 block', color: 's-text-subtle', colorInvalid: 's-text-negative', }"
+        },
+        {
+          "kind": "class",
+          "description": "A single line text input element.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-textfield--docs)",
+          "name": "WarpTextField",
+          "members": [
+            {
+              "kind": "field",
+              "name": "shadowRootOptions",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "invalid",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "invalid",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "id",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "id",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "label",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "helpText",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "help-text",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "size",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "max",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "max",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "min",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "min",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "minLength",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "min-length",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "maxLength",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "max-length",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "pattern",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "pattern",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "placeholder",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "readOnly",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "read-only",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "required",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "string"
+              },
+              "default": "'text'",
+              "attribute": "type",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "value",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "name",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "formatter",
+              "type": {
+                "text": "(value: string) => string"
+              },
+              "description": "Function to format value when the input field.\n\nOnly active when the input field does not have focus,\nsimilar to the accessible input masking example from Filament Group\n\nhttps://css-tricks.com/input-masking/\nhttps://filamentgroup.github.io/politespace/demo/demo.html"
+            },
+            {
+              "kind": "method",
+              "name": "handler",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "type": {
+                "text": "handler(e: Event) => void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "prefixSlotChange",
+              "type": {
+                "text": "prefixSlotChange() => void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "suffixSlotChange",
+              "type": {
+                "text": "suffixSlotChange() => void"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "disabled"
+            },
+            {
+              "name": "invalid",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "invalid"
+            },
+            {
+              "name": "id",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "id"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "label"
+            },
+            {
+              "name": "help-text",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "helpText"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "size"
+            },
+            {
+              "name": "max",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "max"
+            },
+            {
+              "name": "min",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "min"
+            },
+            {
+              "name": "min-length",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "minLength"
+            },
+            {
+              "name": "max-length",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "maxLength"
+            },
+            {
+              "name": "pattern",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "pattern"
+            },
+            {
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "placeholder"
+            },
+            {
+              "name": "read-only",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "readOnly"
+            },
+            {
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "required"
+            },
+            {
+              "name": "type",
+              "type": {
+                "text": "string"
+              },
+              "default": "'text'",
+              "fieldName": "type"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "value"
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "name"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "FormControlMixin",
+              "package": "@open-wc/form-control"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-textfield",
+          "customElement": true,
+          "modulePath": "packages/textfield/index.ts",
+          "definitionPath": "packages/textfield/index.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ccinput",
+          "declaration": {
+            "name": "ccinput",
+            "module": "packages/textfield/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ccLabel",
+          "declaration": {
+            "name": "ccLabel",
+            "module": "packages/textfield/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ccHelpText",
+          "declaration": {
+            "name": "ccHelpText",
+            "module": "packages/textfield/index.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "w-textfield",
+          "declaration": {
+            "name": "WarpTextField",
+            "module": "packages/textfield/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WarpTextField",
+          "declaration": {
+            "name": "WarpTextField",
+            "module": "packages/textfield/index.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/slider/slider-thumb.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Component to place inside a `<w-slider>`.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-slider-and-range-slider--docs)",
+          "name": "WarpSliderThumb",
+          "members": [
+            {
+              "kind": "field",
+              "name": "shadowRootOptions",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
+            },
+            {
+              "kind": "field",
+              "name": "ariaLabel",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "aria-label"
+            },
+            {
+              "kind": "field",
+              "name": "ariaDescription",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "aria-description"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "name"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "value",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "markers",
+              "type": {
+                "text": "string"
+              },
+              "description": "Set by `<w-slider>`"
+            },
+            {
+              "kind": "field",
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Set by `<w-slider>`"
+            },
+            {
+              "kind": "field",
+              "name": "step",
+              "type": {
+                "text": "number"
+              },
+              "description": "Set by `<w-slider>`"
+            },
+            {
+              "kind": "field",
+              "name": "min",
+              "type": {
+                "text": "string"
+              },
+              "description": "Set by `<w-slider>`"
+            },
+            {
+              "kind": "field",
+              "name": "max",
+              "type": {
+                "text": "string"
+              },
+              "description": "Set by `<w-slider>`"
+            },
+            {
+              "kind": "field",
+              "name": "suffix",
+              "type": {
+                "text": "string"
+              },
+              "description": "Set by `<w-slider>`"
+            },
+            {
+              "kind": "field",
+              "name": "formatter",
+              "type": {
+                "text": "(value: string) => string"
+              },
+              "description": "JS hook to help you format the numeric value how you want."
+            },
+            {
+              "kind": "field",
+              "name": "range",
+              "type": {
+                "text": "HTMLInputElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "textfield",
+              "type": {
+                "text": "WarpTextField"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#showTooltip",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#hideTooltip",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#onInput",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "InputEvent | CustomEvent"
+                  }
+                }
+              ]
+            }
+          ],
+          "events": [
+            {
+              "name": "slidervalidity",
+              "type": {
+                "text": "CustomEvent"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "ariaLabel"
+            },
+            {
+              "name": "aria-description",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "ariaDescription"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "label"
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "name"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "value"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "disabled"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "FormControlMixin",
+              "package": "@open-wc/form-control"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-slider-thumb",
+          "customElement": true,
+          "modulePath": "packages/slider/slider-thumb.ts",
+          "definitionPath": "packages/slider/slider-thumb.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "w-slider-thumb",
+          "declaration": {
+            "name": "WarpSliderThumb",
+            "module": "packages/slider/slider-thumb.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WarpSliderThumb",
+          "declaration": {
+            "name": "WarpSliderThumb",
+            "module": "packages/slider/slider-thumb.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/slider/slider.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Parent component for sliders (both single and range sliders). Used in combination with a `<w-slider-thumb>`.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-slider-and-range-slider--docs)",
+          "name": "WarpSlider",
+          "slots": [
+            {
+              "description": "For single sliders place a `<w-slider-thumb>` in the default slot.",
+              "name": ""
+            },
+            {
+              "description": "Label for the slider or range slider as a whole.",
+              "name": "label"
+            },
+            {
+              "description": "Optional description between the label and slider.",
+              "name": "description"
+            },
+            {
+              "description": "Range sliders need to place a `<w-slider-thumb>` in the from and to slots.",
+              "name": "from"
+            },
+            {
+              "description": "Range sliders need to place a `<w-slider-thumb>` in the from and to slots.",
+              "name": "to"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "shadowRootOptions",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "The slider fieldset label. Required for proper accessibility.\n\nIf you need to display HTML, use the `label` slot instead.",
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "invalid",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "invalid",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Ensures a child slider thumb has a value before allowing the containing form to submit.",
+              "attribute": "required",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "min",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "min",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "max",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "max",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "markers",
+              "type": {
+                "text": "number"
+              },
+              "description": "Pass a value similar to step to create visual markers at that interval",
+              "attribute": "markers"
+            },
+            {
+              "kind": "field",
+              "name": "step",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "step"
+            },
+            {
+              "kind": "field",
+              "name": "suffix",
+              "type": {
+                "text": "string"
+              },
+              "description": "Suffix used in text input fields and for the min and max values of the slider.",
+              "attribute": "suffix"
+            },
+            {
+              "kind": "field",
+              "name": "formatter",
+              "type": {
+                "text": "(value: string) => string"
+              },
+              "description": "Function to format the to- and from labels and value in the slider thumb tooltip."
+            },
+            {
+              "kind": "field",
+              "name": "#thumbSize",
+              "privacy": "private",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#syncSliderThumbs",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#onInput",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "InputEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#onSliderValidity",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "CustomEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#updateActiveTrack",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "input",
+                  "type": {
+                    "text": "WarpSliderThumb"
+                  }
+                }
+              ],
+              "description": "We use CSS variables to fill the active track with a background color."
+            },
+            {
+              "kind": "method",
+              "name": "#getActiveRangeWidth",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "The slider fieldset label. Required for proper accessibility.\n\nIf you need to display HTML, use the `label` slot instead.",
+              "fieldName": "label"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "invalid",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "invalid"
+            },
+            {
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Ensures a child slider thumb has a value before allowing the containing form to submit.",
+              "fieldName": "required"
+            },
+            {
+              "name": "min",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "min"
+            },
+            {
+              "name": "max",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "max"
+            },
+            {
+              "name": "markers",
+              "type": {
+                "text": "number"
+              },
+              "description": "Pass a value similar to step to create visual markers at that interval",
+              "fieldName": "markers"
+            },
+            {
+              "name": "step",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "step"
+            },
+            {
+              "name": "suffix",
+              "type": {
+                "text": "string"
+              },
+              "description": "Suffix used in text input fields and for the min and max values of the slider.",
+              "fieldName": "suffix"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "FormControlMixin",
+              "package": "@open-wc/form-control"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-slider",
+          "customElement": true,
+          "modulePath": "packages/slider/slider.ts",
+          "definitionPath": "packages/slider/slider.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "w-slider",
+          "declaration": {
+            "name": "WarpSlider",
+            "module": "packages/slider/slider.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WarpSlider",
+          "declaration": {
+            "name": "WarpSlider",
+            "module": "packages/slider/slider.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/slider/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "packages/slider/slider.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "packages/slider/slider-thumb.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/steps/index.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": "WarpSteps",
+          "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-steps",
+          "customElement": true,
+          "modulePath": "packages/steps/index.ts",
+          "definitionPath": "packages/steps/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",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "_context",
+              "type": {
+                "text": "StepsContext"
+              },
+              "privacy": "private",
+              "default": "{ horizontal: false, right: false, isLast: false, isFirst: false }"
+            },
+            {
+              "kind": "method",
+              "name": "setContext",
+              "parameters": [
+                {
+                  "name": "context",
+                  "type": {
+                    "text": "StepsContext"
+                  }
+                }
+              ],
+              "type": {
+                "text": "setContext(context: StepsContext) => void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getAriaLabel",
+              "type": {
+                "text": "getAriaLabel() => void"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "active",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "active"
+            },
+            {
+              "name": "completed",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "completed"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-step",
+          "customElement": true,
+          "modulePath": "packages/steps/index.ts",
+          "definitionPath": "packages/steps/index.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "w-steps",
+          "declaration": {
+            "name": "WarpSteps",
+            "module": "packages/steps/index.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "w-step",
+          "declaration": {
+            "name": "WarpStep",
+            "module": "packages/steps/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WarpSteps",
+          "declaration": {
+            "name": "WarpSteps",
+            "module": "packages/steps/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WarpStep",
+          "declaration": {
+            "name": "WarpStep",
+            "module": "packages/steps/index.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/switch/index.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "WarpSwitch",
+          "members": [
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "value",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "disabled",
+              "reflects": true
+            }
+          ],
+          "events": [
+            {
+              "name": "change",
+              "type": {
+                "text": "CustomEvent"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "value",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "value"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "disabled"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-switch",
+          "customElement": true,
+          "modulePath": "packages/switch/index.ts",
+          "definitionPath": "packages/switch/index.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "WarpSwitch",
+          "declaration": {
+            "name": "WarpSwitch",
+            "module": "packages/switch/index.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "w-switch",
+          "declaration": {
+            "name": "WarpSwitch",
+            "module": "packages/switch/index.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": "active",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "active",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "tabClass",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "tab-class",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "tabList",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "selectionIndicator",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_activeTab",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "_resizeObserver",
+              "type": {
+                "text": "ResizeObserver | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_updateSelectionIndicatorDebounced",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_initializeActiveTab",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_handleTabClick",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_notifyTabChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "updateSelectionIndicator",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "updatePanels",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_handleKeyDown",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_tabCount",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_gridClass",
+              "privacy": "private",
+              "readonly": true
+            }
+          ],
+          "events": [
+            {
+              "name": "change",
+              "type": {
+                "text": "CustomEvent"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "active",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "active"
+            },
+            {
+              "name": "tab-class",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "tabClass"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-tabs",
+          "customElement": true,
+          "modulePath": "packages/tabs/tabs.ts",
+          "definitionPath": "packages/tabs/tabs.ts"
         }
       ],
-      "exports": [
-        {
-          "kind": "custom-element-definition",
-          "name": "w-slider",
-          "declaration": {
-            "name": "WarpSlider",
-            "module": "packages/slider/slider.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "WarpSlider",
-          "declaration": {
-            "name": "WarpSlider",
-            "module": "packages/slider/slider.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "packages/slider/index.ts",
-      "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "*",
+          "name": "WarpTabs",
           "declaration": {
-            "name": "*",
-            "module": "packages/slider/slider.js"
+            "name": "WarpTabs",
+            "module": "packages/tabs/tabs.ts"
           }
         },
         {
-          "kind": "js",
-          "name": "*",
+          "kind": "custom-element-definition",
+          "name": "w-tabs",
           "declaration": {
-            "name": "*",
-            "module": "packages/slider/slider-thumb.js"
+            "name": "WarpTabs",
+            "module": "packages/tabs/tabs.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "packages/steps/index.ts",
+      "path": "packages/tabs/tab.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": "WarpSteps",
+          "description": "Individual tab component used within w-tabs container.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/tabs--docs)",
+          "name": "WarpTab",
           "members": [
             {
               "kind": "field",
-              "name": "horizontal",
+              "name": "name",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "attribute": "horizontal",
+              "attribute": "name",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "right",
+              "name": "label",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "attribute": "right",
+              "default": "''",
+              "attribute": "label",
               "reflects": true
             },
-            {
-              "kind": "method",
-              "name": "updateStepsContext"
-            }
-          ],
-          "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-steps",
-          "customElement": true
-        },
-        {
-          "kind": "class",
-          "description": "Individual step component that shows a single step in a process",
-          "name": "WarpStep",
-          "members": [
             {
               "kind": "field",
               "name": "active",
@@ -5184,41 +6643,58 @@
             },
             {
               "kind": "field",
-              "name": "completed",
+              "name": "over",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "completed",
+              "attribute": "over",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "_context",
+              "name": "tabClass",
               "type": {
-                "text": "StepsContext"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "{ horizontal: false, right: false, isLast: false, isFirst: false }"
+              "default": "''",
+              "attribute": "tab-class",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "setContext",
-              "parameters": [
-                {
-                  "name": "context",
-                  "type": {
-                    "text": "StepsContext"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "_handleClick",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "getAriaLabel"
+              "kind": "field",
+              "name": "_classes",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_hasChildren",
+              "privacy": "private",
+              "readonly": true
             }
           ],
           "attributes": [
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "name"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "label"
+            },
             {
               "name": "active",
               "type": {
@@ -5228,136 +6704,122 @@
               "fieldName": "active"
             },
             {
-              "name": "completed",
+              "name": "over",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "completed"
+              "fieldName": "over"
+            },
+            {
+              "name": "tab-class",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "tabClass"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "w-step",
-          "customElement": true
+          "tagName": "w-tab",
+          "customElement": true,
+          "modulePath": "packages/tabs/tab.ts",
+          "definitionPath": "packages/tabs/tab.ts"
         }
       ],
       "exports": [
-        {
-          "kind": "custom-element-definition",
-          "name": "w-steps",
-          "declaration": {
-            "name": "WarpSteps",
-            "module": "packages/steps/index.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "w-step",
-          "declaration": {
-            "name": "WarpStep",
-            "module": "packages/steps/index.ts"
-          }
-        },
         {
           "kind": "js",
-          "name": "WarpSteps",
+          "name": "WarpTab",
           "declaration": {
-            "name": "WarpSteps",
-            "module": "packages/steps/index.ts"
+            "name": "WarpTab",
+            "module": "packages/tabs/tab.ts"
           }
         },
         {
-          "kind": "js",
-          "name": "WarpStep",
+          "kind": "custom-element-definition",
+          "name": "w-tab",
           "declaration": {
-            "name": "WarpStep",
-            "module": "packages/steps/index.ts"
+            "name": "WarpTab",
+            "module": "packages/tabs/tab.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "packages/switch/index.ts",
+      "path": "packages/tabs/tab-panel.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "",
-          "name": "WarpSwitch",
+          "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": "value",
+              "name": "name",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "attribute": "value",
+              "attribute": "name",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "hidden",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "attribute": "disabled",
+              "default": "true",
+              "attribute": "hidden",
               "reflects": true
             }
           ],
-          "events": [
-            {
-              "name": "change",
-              "type": {
-                "text": "CustomEvent"
-              }
-            }
-          ],
           "attributes": [
             {
-              "name": "value",
+              "name": "name",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "fieldName": "value"
+              "fieldName": "name"
             },
             {
-              "name": "disabled",
+              "name": "hidden",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "fieldName": "disabled"
+              "default": "true",
+              "fieldName": "hidden"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "w-switch",
-          "customElement": true
+          "tagName": "w-tab-panel",
+          "customElement": true,
+          "modulePath": "packages/tabs/tab-panel.ts",
+          "definitionPath": "packages/tabs/tab-panel.ts"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "WarpSwitch",
+          "name": "WarpTabPanel",
           "declaration": {
-            "name": "WarpSwitch",
-            "module": "packages/switch/index.ts"
+            "name": "WarpTabPanel",
+            "module": "packages/tabs/tab-panel.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "w-switch",
+          "name": "w-tab-panel",
           "declaration": {
-            "name": "WarpSwitch",
-            "module": "packages/switch/index.ts"
+            "name": "WarpTabPanel",
+            "module": "packages/tabs/tab-panel.ts"
           }
         }
       ]
@@ -5447,6 +6909,66 @@
           }
         }
       ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/tabs/tabs.stories.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "meta",
+          "type": {
+            "text": "object"
+          },
+          "default": "{ title: 'Components/Tabs', }"
+        },
+        {
+          "kind": "function",
+          "name": "Default"
+        },
+        {
+          "kind": "function",
+          "name": "WithIcons"
+        },
+        {
+          "kind": "function",
+          "name": "ManyTabs"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "meta",
+            "module": "packages/tabs/tabs.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Default",
+          "declaration": {
+            "name": "Default",
+            "module": "packages/tabs/tabs.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WithIcons",
+          "declaration": {
+            "name": "WithIcons",
+            "module": "packages/tabs/tabs.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ManyTabs",
+          "declaration": {
+            "name": "ManyTabs",
+            "module": "packages/tabs/tabs.stories.ts"
+          }
+        }
+      ]
     }
   ]
 }