@warp-ds/elements 2.3.0-next.3 → 2.3.0-next.30

package/dist/custom-elements.json

@@ -249,18 +249,9 @@
               "attribute": "variant",
               "reflects": true,
               "parsedType": {
-                "text": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'pill' | 'link' | 'quiet' | 'utilityQuiet'"
+                "text": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'link' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet'"
               }
             },
-            {
-              "kind": "field",
-              "name": "quiet",
-              "type": {
-                "text": "boolean"
-              },
-              "attribute": "quiet",
-              "reflects": true
-            },
             {
               "kind": "field",
               "name": "small",
@@ -314,31 +305,6 @@
               },
               "attribute": "full-width",
               "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "buttonClass",
-              "type": {
-                "text": "string"
-              },
-              "attribute": "button-class",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "attribute": "name",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "classes",
-              "type": {
-                "text": "string"
-              }
             }
           ],
           "attributes": [
@@ -357,16 +323,9 @@
               "default": "'secondary'",
               "fieldName": "variant",
               "parsedType": {
-                "text": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'pill' | 'link' | 'quiet' | 'utilityQuiet'"
+                "text": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'link' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet'"
               }
             },
-            {
-              "name": "quiet",
-              "type": {
-                "text": "boolean"
-              },
-              "fieldName": "quiet"
-            },
             {
               "name": "small",
               "type": {
@@ -408,26 +367,6 @@
                 "text": "boolean"
               },
               "fieldName": "fullWidth"
-            },
-            {
-              "name": "button-class",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "buttonClass"
-            },
-            {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "name"
-            }
-          ],
-          "mixins": [
-            {
-              "name": "FormControlMixin",
-              "package": "@open-wc/form-control"
             }
           ],
           "superclass": {
@@ -509,7 +448,7 @@
               "attribute": "variant",
               "reflects": true,
               "parsedType": {
-                "text": "'negative' | 'primary' | 'secondary' | 'utility' | 'pill' | 'link'"
+                "text": "'negative' | 'primary' | 'secondary' | 'utility' | 'link' | 'pill'"
               }
             },
             {
@@ -602,6 +541,27 @@
               "attribute": "value",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "#initialValue",
+              "privacy": "private",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "method",
+              "name": "resetFormControl",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "type": {
+                "text": "resetFormControl() => void"
+              }
+            },
             {
               "kind": "field",
               "name": "ariaValueTextLoading"
@@ -634,7 +594,7 @@
               "default": "'secondary'",
               "fieldName": "variant",
               "parsedType": {
-                "text": "'negative' | 'primary' | 'secondary' | 'utility' | 'pill' | 'link'"
+                "text": "'negative' | 'primary' | 'secondary' | 'utility' | 'link' | 'pill'"
               }
             },
             {
@@ -1884,17 +1844,38 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Whether the element should receive focus on render",
+              "description": "Whether the element should receive focus on render.",
+              "deprecated": "Use the native `autofocus` attribute instead.",
               "attribute": "auto-focus",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "autofocus",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Whether the element should receive focus on render",
+              "attribute": "autofocus",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "helpText",
+              "type": {
+                "text": "string"
+              },
+              "description": "The content displayed as the help text. Paired with `invalid` to show the text as a validation error.",
+              "attribute": "help-text",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "invalid",
               "type": {
                 "text": "boolean"
               },
-              "description": "Renders the field in an invalid state. Often paired with `hint` to provide feedback about the error",
+              "description": "Renders the field in an invalid state. Paired with `help-text` to provide feedback about the error.",
               "attribute": "invalid",
               "reflects": true
             },
@@ -1904,7 +1885,8 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Whether to always show a hint",
+              "description": "Whether to always show a hint.",
+              "deprecated": "Use `help-text` instead and only set it if you want to display the help text.",
               "attribute": "always",
               "reflects": true
             },
@@ -1914,7 +1896,8 @@
               "type": {
                 "text": "string"
               },
-              "description": "The content displayed as the help text",
+              "description": "The content displayed as the help text.",
+              "deprecated": "Use `help-text` instead.",
               "attribute": "hint",
               "reflects": true
             },
@@ -1955,9 +1938,20 @@
                 "text": "boolean"
               },
               "description": "Renders the field in a readonly state.",
+              "deprecated": "Use the native readonly attribute instead.",
               "attribute": "read-only",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Renders the field in a readonly state.",
+              "attribute": "readonly",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "name",
@@ -1976,6 +1970,27 @@
               "attribute": "value",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "#initialValue",
+              "privacy": "private",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "method",
+              "name": "resetFormControl",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "type": {
+                "text": "resetFormControl() => void"
+              }
+            },
             {
               "kind": "method",
               "name": "handleKeyDown",
@@ -2040,15 +2055,32 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Whether the element should receive focus on render",
+              "description": "Whether the element should receive focus on render.",
+              "deprecated": "Use the native `autofocus` attribute instead.",
               "fieldName": "autoFocus"
             },
+            {
+              "name": "autofocus",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Whether the element should receive focus on render",
+              "fieldName": "autofocus"
+            },
+            {
+              "name": "help-text",
+              "type": {
+                "text": "string"
+              },
+              "description": "The content displayed as the help text. Paired with `invalid` to show the text as a validation error.",
+              "fieldName": "helpText"
+            },
             {
               "name": "invalid",
               "type": {
                 "text": "boolean"
               },
-              "description": "Renders the field in an invalid state. Often paired with `hint` to provide feedback about the error",
+              "description": "Renders the field in an invalid state. Paired with `help-text` to provide feedback about the error.",
               "fieldName": "invalid"
             },
             {
@@ -2056,7 +2088,8 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Whether to always show a hint",
+              "description": "Whether to always show a hint.",
+              "deprecated": "Use `help-text` instead and only set it if you want to display the help text.",
               "fieldName": "always"
             },
             {
@@ -2064,7 +2097,8 @@
               "type": {
                 "text": "string"
               },
-              "description": "The content displayed as the help text",
+              "description": "The content displayed as the help text.",
+              "deprecated": "Use `help-text` instead.",
               "fieldName": "hint"
             },
             {
@@ -2097,8 +2131,17 @@
                 "text": "boolean"
               },
               "description": "Renders the field in a readonly state.",
+              "deprecated": "Use the native readonly attribute instead.",
               "fieldName": "readOnly"
             },
+            {
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Renders the field in a readonly state.",
+              "fieldName": "readonly"
+            },
             {
               "name": "name",
               "type": {
@@ -2281,9 +2324,19 @@
               "type": {
                 "text": "boolean"
               },
+              "deprecated": "Use the native readonly attribute instead.",
               "attribute": "read-only",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "readonly",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "required",
@@ -2321,6 +2374,15 @@
               "attribute": "name",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "step",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "step",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "formatter",
@@ -2329,6 +2391,27 @@
               },
               "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": "field",
+              "name": "#initialValue",
+              "privacy": "private",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "method",
+              "name": "resetFormControl",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "type": {
+                "text": "resetFormControl() => void"
+              }
+            },
             {
               "kind": "method",
               "name": "handler",
@@ -2449,8 +2532,16 @@
               "type": {
                 "text": "boolean"
               },
+              "deprecated": "Use the native readonly attribute instead.",
               "fieldName": "readOnly"
             },
+            {
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "readonly"
+            },
             {
               "name": "required",
               "type": {
@@ -2479,6 +2570,13 @@
                 "text": "string"
               },
               "fieldName": "name"
+            },
+            {
+              "name": "step",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "step"
             }
           ],
           "mixins": [
@@ -3330,6 +3428,27 @@
               "attribute": "name",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "#initialValue",
+              "privacy": "private",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "method",
+              "name": "resetFormControl",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "type": {
+                "text": "resetFormControl() => void"
+              }
+            },
             {
               "kind": "field",
               "name": "_listboxId",
@@ -3684,6 +3803,12 @@
               "fieldName": "name"
             }
           ],
+          "mixins": [
+            {
+              "name": "FormControlMixin",
+              "package": "@open-wc/form-control"
+            }
+          ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
@@ -3834,6 +3959,15 @@
               "name": "month",
               "readonly": true
             },
+            {
+              "kind": "field",
+              "name": "#initialValue",
+              "privacy": "private",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null"
+            },
             {
               "kind": "field",
               "name": "weeks",
@@ -3889,6 +4023,18 @@
                 "text": "HTMLTableCellElement"
               }
             },
+            {
+              "kind": "method",
+              "name": "resetFormControl",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "type": {
+                "text": "resetFormControl() => void"
+              }
+            },
             {
               "kind": "method",
               "name": "#toggleCalendarOpen",
@@ -4078,7 +4224,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "packages/dead-toggle/index.ts",
+      "path": "packages/deadtoggle/index.ts",
       "declarations": [
         {
           "kind": "class",
@@ -4184,8 +4330,8 @@
           },
           "tagName": "w-dead-toggle",
           "customElement": true,
-          "modulePath": "packages/dead-toggle/index.ts",
-          "definitionPath": "packages/dead-toggle/index.ts"
+          "modulePath": "packages/deadtoggle/index.ts",
+          "definitionPath": "packages/deadtoggle/index.ts"
         }
       ],
       "exports": [
@@ -4194,7 +4340,7 @@
           "name": "WarpDeadToggle",
           "declaration": {
             "name": "WarpDeadToggle",
-            "module": "packages/dead-toggle/index.ts"
+            "module": "packages/deadtoggle/index.ts"
           }
         },
         {
@@ -4202,7 +4348,7 @@
           "name": "w-dead-toggle",
           "declaration": {
             "name": "WarpDeadToggle",
-            "module": "packages/dead-toggle/index.ts"
+            "module": "packages/deadtoggle/index.ts"
           }
         }
       ]
@@ -4419,7 +4565,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "packages/rip-and-tear-radio/radio-group-styles.ts",
+      "path": "packages/radio/radio-group-styles.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -4433,14 +4579,14 @@
           "name": "styles",
           "declaration": {
             "name": "styles",
-            "module": "packages/rip-and-tear-radio/radio-group-styles.ts"
+            "module": "packages/radio/radio-group-styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "packages/rip-and-tear-radio/radio.ts",
+      "path": "packages/radio/radio.ts",
       "declarations": [
         {
           "kind": "class",
@@ -4529,6 +4675,9 @@
                 "type": {
                   "text": "void"
                 }
+              },
+              "type": {
+                "text": "setValue() => void"
               }
             },
             {
@@ -4585,8 +4734,12 @@
           ],
           "superclass": {
             "name": "BaseFormAssociatedElement",
-            "module": "/packages/rip-and-tear-radio/form-associated-element"
-          }
+            "module": "/packages/radio/form-associated-element"
+          },
+          "tagName": "w-radio",
+          "customElement": true,
+          "modulePath": "packages/radio/radio.ts",
+          "definitionPath": "packages/radio/radio.ts"
         }
       ],
       "exports": [
@@ -4595,14 +4748,22 @@
           "name": "WRadio",
           "declaration": {
             "name": "WRadio",
-            "module": "packages/rip-and-tear-radio/radio.ts"
+            "module": "packages/radio/radio.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "w-radio",
+          "declaration": {
+            "name": "WRadio",
+            "module": "packages/radio/radio.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "packages/rip-and-tear-radio/radio-group.ts",
+      "path": "packages/radio/radio-group.ts",
       "declarations": [
         {
           "kind": "class",
@@ -4796,7 +4957,10 @@
                     "text": "Parameters<BaseFormAssociatedElement['formResetCallback']>"
                   }
                 }
-              ]
+              ],
+              "type": {
+                "text": "formResetCallback(args: Parameters<BaseFormAssociatedElement['formResetCallback']>) => void"
+              }
             },
             {
               "kind": "field",
@@ -4844,7 +5008,10 @@
                   }
                 }
               ],
-              "description": "Sets focus on the radio group."
+              "description": "Sets focus on the radio group.",
+              "type": {
+                "text": "focus(options?: FocusOptions) => void"
+              }
             }
           ],
           "events": [
@@ -4954,8 +5121,12 @@
           ],
           "superclass": {
             "name": "BaseFormAssociatedElement",
-            "module": "/packages/rip-and-tear-radio/form-associated-element"
-          }
+            "module": "/packages/radio/form-associated-element"
+          },
+          "tagName": "w-radio-group",
+          "customElement": true,
+          "modulePath": "packages/radio/radio-group.ts",
+          "definitionPath": "packages/radio/radio-group.ts"
         }
       ],
       "exports": [
@@ -4964,28 +5135,76 @@
           "name": "WRadioGroup",
           "declaration": {
             "name": "WRadioGroup",
-            "module": "packages/rip-and-tear-radio/radio-group.ts"
+            "module": "packages/radio/radio-group.ts"
           }
-        }
-      ]
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "w-radio-group",
+          "declaration": {
+            "name": "WRadioGroup",
+            "module": "packages/radio/radio-group.ts"
+          }
+        }
+      ]
     },
     {
       "kind": "javascript-module",
-      "path": "packages/rip-and-tear-radio/radio-styles.ts",
+      "path": "packages/radio/radio-styles.ts",
       "declarations": [],
       "exports": []
     },
     {
       "kind": "javascript-module",
-      "path": "packages/rip-and-tear-radio/radio.stories.ts",
+      "path": "packages/radio/radio.stories.ts",
       "declarations": [
+        {
+          "kind": "variable",
+          "name": "meta",
+          "type": {
+            "text": "Meta<typeof args>"
+          },
+          "default": "{ title: 'Forms/Radio', render: (args) => { return html` <w-radio-group ${spread(prespread(args))}> <w-radio value=\"foo\">foo</w-radio> <w-radio value=\"bar\">bar</w-radio> </w-radio-group> `; }, } satisfies Meta"
+        },
         {
           "kind": "variable",
           "name": "Default",
           "type": {
-            "text": "StoryObj"
+            "text": "Story"
+          },
+          "default": "{ args: { label: 'Group', name: 'foobar', value: 'foo', }, }"
+        },
+        {
+          "kind": "variable",
+          "name": "Disabled",
+          "type": {
+            "text": "Story"
+          },
+          "default": "{ args: { label: 'Disabled', disabled: true, }, }"
+        },
+        {
+          "kind": "variable",
+          "name": "Required",
+          "type": {
+            "text": "Story"
+          },
+          "default": "{ args: {}, render() { return html` <form> <w-radio-group required> <w-radio value=\"foo\">foo</w-radio> <w-radio value=\"bar\">bar</w-radio> </w-radio-group> <button>click me</button> </form> `; }, }"
+        },
+        {
+          "kind": "variable",
+          "name": "DisabledGroup",
+          "type": {
+            "text": "Story"
+          },
+          "default": "{ args: { disabled: true }, }"
+        },
+        {
+          "kind": "variable",
+          "name": "DisabledRadio",
+          "type": {
+            "text": "Story"
           },
-          "default": "{}"
+          "default": "{ args: {}, render() { return html` <w-radio-group> <w-radio value=\"foo\" disabled appearance=\"button\">disabled</w-radio> <w-radio value=\"bar\" appearance=\"clickable\">not disabled</w-radio> </w-radio-group> `; }, }"
         }
       ],
       "exports": [
@@ -4993,7 +5212,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "module": "packages/rip-and-tear-radio/radio.stories.ts"
+            "name": "meta",
+            "module": "packages/radio/radio.stories.ts"
           }
         },
         {
@@ -5001,14 +5221,46 @@
           "name": "Default",
           "declaration": {
             "name": "Default",
-            "module": "packages/rip-and-tear-radio/radio.stories.ts"
+            "module": "packages/radio/radio.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Disabled",
+          "declaration": {
+            "name": "Disabled",
+            "module": "packages/radio/radio.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Required",
+          "declaration": {
+            "name": "Required",
+            "module": "packages/radio/radio.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "DisabledGroup",
+          "declaration": {
+            "name": "DisabledGroup",
+            "module": "packages/radio/radio.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "DisabledRadio",
+          "declaration": {
+            "name": "DisabledRadio",
+            "module": "packages/radio/radio.stories.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "packages/rip-and-tear-checkbox/checkbox.ts",
+      "path": "packages/checkbox/checkbox.ts",
       "declarations": [
         {
           "kind": "class",
@@ -5185,28 +5437,46 @@
             },
             {
               "kind": "method",
-              "name": "handleDefaultCheckedChange"
+              "name": "handleDefaultCheckedChange",
+              "type": {
+                "text": "handleDefaultCheckedChange() => void"
+              }
             },
             {
               "kind": "method",
-              "name": "handleValueOrCheckedChange"
+              "name": "handleValueOrCheckedChange",
+              "type": {
+                "text": "handleValueOrCheckedChange() => void"
+              }
             },
             {
               "kind": "method",
-              "name": "handleStateChange"
+              "name": "handleStateChange",
+              "type": {
+                "text": "handleStateChange() => void"
+              }
             },
             {
               "kind": "method",
-              "name": "handleDisabledChange"
+              "name": "handleDisabledChange",
+              "type": {
+                "text": "handleDisabledChange() => void"
+              }
             },
             {
               "kind": "method",
-              "name": "formResetCallback"
+              "name": "formResetCallback",
+              "type": {
+                "text": "formResetCallback() => void"
+              }
             },
             {
               "kind": "method",
               "name": "click",
-              "description": "Simulates a click on the checkbox."
+              "description": "Simulates a click on the checkbox.",
+              "type": {
+                "text": "click() => void"
+              }
             },
             {
               "kind": "method",
@@ -5220,12 +5490,18 @@
                   }
                 }
               ],
-              "description": "Sets focus on the checkbox."
+              "description": "Sets focus on the checkbox.",
+              "type": {
+                "text": "focus(options?: FocusOptions) => void"
+              }
             },
             {
               "kind": "method",
               "name": "blur",
-              "description": "Removes focus from the checkbox."
+              "description": "Removes focus from the checkbox.",
+              "type": {
+                "text": "blur() => void"
+              }
             }
           ],
           "events": [
@@ -5327,8 +5603,12 @@
           ],
           "superclass": {
             "name": "BaseFormAssociatedElement",
-            "module": "/packages/rip-and-tear-radio/form-associated-element"
-          }
+            "module": "/packages/radio/form-associated-element"
+          },
+          "tagName": "w-checkbox",
+          "customElement": true,
+          "modulePath": "packages/checkbox/checkbox.ts",
+          "definitionPath": "packages/checkbox/checkbox.ts"
         }
       ],
       "exports": [
@@ -5337,7 +5617,53 @@
           "name": "WCheckbox",
           "declaration": {
             "name": "WCheckbox",
-            "module": "packages/rip-and-tear-checkbox/checkbox.ts"
+            "module": "packages/checkbox/checkbox.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "w-checkbox",
+          "declaration": {
+            "name": "WCheckbox",
+            "module": "packages/checkbox/checkbox.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/checkbox/checkbox-group.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "WCheckboxGroup",
+          "members": [],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-checkbox-group",
+          "customElement": true,
+          "modulePath": "packages/checkbox/checkbox-group.ts",
+          "definitionPath": "packages/checkbox/checkbox-group.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "WCheckboxGroup",
+          "declaration": {
+            "name": "WCheckboxGroup",
+            "module": "packages/checkbox/checkbox-group.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "w-checkbox-group",
+          "declaration": {
+            "name": "WCheckboxGroup",
+            "module": "packages/checkbox/checkbox-group.ts"
           }
         }
       ]
@@ -5414,6 +5740,25 @@
               "attribute": "disabled",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "invalid",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "invalid",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "allowValuesOutsideRange",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Set by `<w-slider>`"
+            },
             {
               "kind": "field",
               "name": "markers",
@@ -5460,13 +5805,14 @@
               "type": {
                 "text": "string"
               },
+              "default": "''",
               "description": "Set by `<w-slider>`"
             },
             {
               "kind": "field",
               "name": "formatter",
               "type": {
-                "text": "(value: string) => string"
+                "text": "(value: string, type: 'from' | 'to') => string"
               },
               "description": "JS hook to help you format the numeric value how you want."
             },
@@ -5484,6 +5830,27 @@
                 "text": "WarpTextField"
               }
             },
+            {
+              "kind": "field",
+              "name": "#initialValue",
+              "privacy": "private",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "method",
+              "name": "resetFormControl",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "type": {
+                "text": "resetFormControl() => void"
+              }
+            },
             {
               "kind": "method",
               "name": "#showTooltip",
@@ -5504,13 +5871,67 @@
                 }
               }
             },
+            {
+              "kind": "method",
+              "name": "#syncRangeValue",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#handleValidity",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "error",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "updateFieldAfterValidation",
+              "type": {
+                "text": "updateFieldAfterValidation() => void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#handleValueChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<{ shouldCancel: boolean; originalValue?: string }>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "isFromTextInput",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "#onInput",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "boolean"
+                  "text": "Promise<boolean>"
                 }
               },
               "parameters": [
@@ -5521,6 +5942,67 @@
                   }
                 }
               ]
+            },
+            {
+              "kind": "method",
+              "name": "#onRangeSliderKeyDown",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#onTextFieldFocus",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e"
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#onTextFieldBlur",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e"
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "boundaryValue",
+              "type": {
+                "text": "string"
+              },
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "textFieldDisplayValue",
+              "description": "Value to display in the textfield (shows boundary when focused on empty value)",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "tooltipDisplayValue",
+              "type": {
+                "text": "string | number"
+              },
+              "description": "Value to display in the tooltip",
+              "readonly": true
             }
           ],
           "events": [
@@ -5573,6 +6055,14 @@
                 "text": "boolean"
               },
               "fieldName": "disabled"
+            },
+            {
+              "name": "invalid",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "invalid"
             }
           ],
           "mixins": [
@@ -5672,23 +6162,52 @@
             },
             {
               "kind": "field",
-              "name": "invalid",
+              "name": "allowValuesOutsideRange",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "invalid",
-              "reflects": true
+              "attribute": "allow-values-outside-range"
             },
             {
               "kind": "field",
-              "name": "required",
+              "name": "error",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Ensures a child slider thumb has a value before allowing the containing form to submit.",
-              "attribute": "required",
+              "default": "''",
+              "attribute": "error",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "helpText",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "help-text",
+              "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
             },
             {
@@ -5734,6 +6253,7 @@
               "type": {
                 "text": "string"
               },
+              "default": "''",
               "description": "Suffix used in text input fields and for the min and max values of the slider.",
               "attribute": "suffix",
               "reflects": true
@@ -5742,10 +6262,26 @@
               "kind": "field",
               "name": "formatter",
               "type": {
-                "text": "(value: string) => string"
+                "text": "(value: string, type: 'to' | 'from') => string"
               },
               "description": "Function to format the to- and from labels and value in the slider thumb tooltip."
             },
+            {
+              "kind": "field",
+              "name": "_invalidMessage",
+              "type": {
+                "text": "string"
+              },
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "_hasInternalError",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
             {
               "kind": "method",
               "name": "#syncSliderThumbs",
@@ -5756,6 +6292,16 @@
                 }
               }
             },
+            {
+              "kind": "field",
+              "name": "edgeMin",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "edgeMax",
+              "readonly": true
+            },
             {
               "kind": "method",
               "name": "#onInput",
@@ -5769,6 +6315,11 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "#doValidation",
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "#onSliderValidity",
@@ -5782,6 +6333,30 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "#getEdgeValue",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "boundary",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "input",
+                  "type": {
+                    "text": "WarpSliderThumb"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "#updateActiveTrack",
@@ -5795,6 +6370,22 @@
                 }
               ],
               "description": "We use CSS variables to fill the active track with a background color."
+            },
+            {
+              "kind": "field",
+              "name": "componentHasError",
+              "type": {
+                "text": "boolean"
+              },
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "errorText",
+              "type": {
+                "text": "string"
+              },
+              "readonly": true
             }
           ],
           "attributes": [
@@ -5814,6 +6405,30 @@
               "default": "false",
               "fieldName": "disabled"
             },
+            {
+              "name": "allow-values-outside-range",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "allowValuesOutsideRange"
+            },
+            {
+              "name": "error",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "error"
+            },
+            {
+              "name": "help-text",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "helpText"
+            },
             {
               "name": "invalid",
               "type": {
@@ -5865,16 +6480,11 @@
               "type": {
                 "text": "string"
               },
+              "default": "''",
               "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"
@@ -5906,12 +6516,12 @@
     },
     {
       "kind": "javascript-module",
-      "path": "packages/steps/index.ts",
+      "path": "packages/stepindicator/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",
+          "name": "WarpStepIndicator",
           "members": [
             {
               "kind": "field",
@@ -5963,10 +6573,10 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "w-steps",
+          "tagName": "w-step-indicator",
           "customElement": true,
-          "modulePath": "packages/steps/index.ts",
-          "definitionPath": "packages/steps/index.ts"
+          "modulePath": "packages/stepindicator/index.ts",
+          "definitionPath": "packages/stepindicator/index.ts"
         },
         {
           "kind": "class",
@@ -6049,17 +6659,17 @@
           },
           "tagName": "w-step",
           "customElement": true,
-          "modulePath": "packages/steps/index.ts",
-          "definitionPath": "packages/steps/index.ts"
+          "modulePath": "packages/stepindicator/index.ts",
+          "definitionPath": "packages/stepindicator/index.ts"
         }
       ],
       "exports": [
         {
           "kind": "custom-element-definition",
-          "name": "w-steps",
+          "name": "w-step-indicator",
           "declaration": {
-            "name": "WarpSteps",
-            "module": "packages/steps/index.ts"
+            "name": "WarpStepIndicator",
+            "module": "packages/stepindicator/index.ts"
           }
         },
         {
@@ -6067,15 +6677,15 @@
           "name": "w-step",
           "declaration": {
             "name": "WarpStep",
-            "module": "packages/steps/index.ts"
+            "module": "packages/stepindicator/index.ts"
           }
         },
         {
           "kind": "js",
-          "name": "WarpSteps",
+          "name": "WarpStepIndicator",
           "declaration": {
-            "name": "WarpSteps",
-            "module": "packages/steps/index.ts"
+            "name": "WarpStepIndicator",
+            "module": "packages/stepindicator/index.ts"
           }
         },
         {
@@ -6083,7 +6693,7 @@
           "name": "WarpStep",
           "declaration": {
             "name": "WarpStep",
-            "module": "packages/steps/index.ts"
+            "module": "packages/stepindicator/index.ts"
           }
         }
       ]
@@ -6097,14 +6707,34 @@
           "description": "",
           "name": "WarpSwitch",
           "members": [
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "name",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "value",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "checked",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "value",
+              "attribute": "checked",
               "reflects": true
             },
             {
@@ -6116,6 +6746,27 @@
               "default": "false",
               "attribute": "disabled",
               "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "#initialState",
+              "privacy": "private",
+              "type": {
+                "text": "boolean | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "method",
+              "name": "resetFormControl",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "type": {
+                "text": "resetFormControl() => void"
+              }
             }
           ],
           "events": [
@@ -6127,13 +6778,29 @@
             }
           ],
           "attributes": [
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "name"
+            },
             {
               "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "value"
+            },
+            {
+              "name": "checked",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "value"
+              "fieldName": "checked"
             },
             {
               "name": "disabled",
@@ -6144,6 +6811,12 @@
               "fieldName": "disabled"
             }
           ],
+          "mixins": [
+            {
+              "name": "FormControlMixin",
+              "package": "@open-wc/form-control"
+            }
+          ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
@@ -6493,6 +7166,328 @@
           }
         }
       ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/textarea/textarea.ts",
+      "declarations": [
+        {
+          "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": "WarpTextarea",
+          "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": "label",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "label",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "helpText",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "help-text",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "maxRows",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "maximum-rows",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "minRows",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "minimum-rows",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "name"
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "placeholder"
+            },
+            {
+              "kind": "field",
+              "name": "readOnly",
+              "type": {
+                "text": "boolean"
+              },
+              "deprecated": "Use the native readonly attribute instead. Here for API consistency with `w-textfield`.",
+              "attribute": "read-only",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "readonly",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "required",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "value",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "optional",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "optional",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "minHeight"
+            },
+            {
+              "kind": "field",
+              "name": "maxHeight"
+            },
+            {
+              "kind": "field",
+              "name": "#initialValue",
+              "privacy": "private",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "method",
+              "name": "resetFormControl",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "type": {
+                "text": "resetFormControl() => void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "handler",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "InputEvent"
+                  }
+                }
+              ],
+              "type": {
+                "text": "handler(e: InputEvent) => void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#resize",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "target",
+                  "type": {
+                    "text": "HTMLTextAreaElement"
+                  }
+                }
+              ],
+              "description": "Calculate the new height for the area on input"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "disabled"
+            },
+            {
+              "name": "invalid",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "invalid"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "label"
+            },
+            {
+              "name": "help-text",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "helpText"
+            },
+            {
+              "name": "maximum-rows",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "maxRows"
+            },
+            {
+              "name": "minimum-rows",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "minRows"
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "name"
+            },
+            {
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "placeholder"
+            },
+            {
+              "name": "read-only",
+              "type": {
+                "text": "boolean"
+              },
+              "deprecated": "Use the native readonly attribute instead. Here for API consistency with `w-textfield`.",
+              "fieldName": "readOnly"
+            },
+            {
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "readonly"
+            },
+            {
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "required"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "value"
+            },
+            {
+              "name": "optional",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "optional"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "FormControlMixin",
+              "package": "@open-wc/form-control"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-textarea",
+          "customElement": true,
+          "modulePath": "packages/textarea/textarea.ts",
+          "definitionPath": "packages/textarea/textarea.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "w-textarea",
+          "declaration": {
+            "name": "WarpTextarea",
+            "module": "packages/textarea/textarea.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WarpTextarea",
+          "declaration": {
+            "name": "WarpTextarea",
+            "module": "packages/textarea/textarea.ts"
+          }
+        }
+      ]
     }
   ]
 }