@warp-ds/elements 2.3.0-next.1 → 2.3.0-next.11

package/dist/custom-elements.json

@@ -212,6 +212,253 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "packages/link/index.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Buttons are used to perform actions, with different visuals for different needs.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/buttons-link--docs)",
+          "name": "WarpLink",
+          "members": [
+            {
+              "kind": "field",
+              "name": "shadowRootOptions",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
+            },
+            {
+              "kind": "field",
+              "name": "autofocus",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "autofocus",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "ButtonVariant"
+              },
+              "default": "'secondary'",
+              "attribute": "variant",
+              "reflects": true,
+              "parsedType": {
+                "text": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'pill' | 'link' | 'quiet' | 'utilityQuiet'"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "quiet",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "quiet",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "small",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "small",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "href",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "target",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "target",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "rel",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "rel",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "fullWidth",
+              "type": {
+                "text": "boolean"
+              },
+              "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": [
+            {
+              "name": "autofocus",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "autofocus"
+            },
+            {
+              "name": "variant",
+              "type": {
+                "text": "ButtonVariant"
+              },
+              "default": "'secondary'",
+              "fieldName": "variant",
+              "parsedType": {
+                "text": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'pill' | 'link' | 'quiet' | 'utilityQuiet'"
+              }
+            },
+            {
+              "name": "quiet",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "quiet"
+            },
+            {
+              "name": "small",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "small"
+            },
+            {
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "href"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "disabled"
+            },
+            {
+              "name": "target",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "target"
+            },
+            {
+              "name": "rel",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "rel"
+            },
+            {
+              "name": "full-width",
+              "type": {
+                "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": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-link",
+          "customElement": true,
+          "modulePath": "packages/link/index.ts",
+          "definitionPath": "packages/link/index.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "w-link",
+          "declaration": {
+            "name": "WarpLink",
+            "module": "packages/link/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WarpLink",
+          "declaration": {
+            "name": "WarpLink",
+            "module": "packages/link/index.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "packages/button/index.ts",
@@ -1637,17 +1884,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
             },
@@ -1657,7 +1925,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
             },
@@ -1667,7 +1936,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
             },
@@ -1708,16 +1978,27 @@
                 "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": "name",
+              "name": "readonly",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "attribute": "name",
+              "description": "Renders the field in a readonly state.",
+              "attribute": "readonly",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "name",
               "reflects": true
             },
             {
@@ -1793,15 +2074,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"
             },
             {
@@ -1809,7 +2107,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"
             },
             {
@@ -1817,7 +2116,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"
             },
             {
@@ -1850,8 +2150,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": {
@@ -2034,9 +2343,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",
@@ -2202,8 +2521,16 @@
               "type": {
                 "text": "boolean"
               },
+              "deprecated": "Use the native readonly attribute instead.",
               "fieldName": "readOnly"
             },
+            {
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "readonly"
+            },
             {
               "name": "required",
               "type": {
@@ -2911,196 +3238,113 @@
     },
     {
       "kind": "javascript-module",
-      "path": "packages/pagination/index.ts",
+      "path": "packages/combobox/index.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Pagination allows users to navigate through multiple pages of content by providing navigation controls with page numbers and directional arrows.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/navigation-pagination--docs)",
-          "name": "WarpPagination",
+          "description": "A combobox element for text input with selectable options.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-combobox--docs)",
+          "name": "WarpCombobox",
           "members": [
             {
               "kind": "field",
-              "name": "baseUrl",
+              "name": "options",
               "type": {
-                "text": "string"
+                "text": "ComboboxOption[]"
               },
-              "attribute": "base-url",
-              "reflects": true
+              "default": "[]",
+              "description": "The available options to select from",
+              "attribute": "options"
             },
             {
               "kind": "field",
-              "name": "pages",
+              "name": "label",
               "type": {
-                "text": "number"
+                "text": "string | undefined"
               },
-              "attribute": "pages",
+              "description": "Label above input",
+              "attribute": "label",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "currentPageNumber",
+              "name": "placeholder",
               "type": {
-                "text": "number"
+                "text": "string | undefined"
               },
-              "default": "1",
-              "attribute": "current-page",
+              "description": "Input placeholder",
+              "attribute": "placeholder",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "visiblePages",
-              "type": {
-                "text": "number"
-              },
-              "default": "7",
-              "attribute": "visible-pages",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "#dispatchClickPage",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "PointerEvent"
-                  }
-                }
-              ]
-            }
-          ],
-          "events": [
-            {
-              "name": "page-click",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Triggered when a link button in the pagination is clicked. Contains the page number in `string` form."
-            }
-          ],
-          "attributes": [
-            {
-              "name": "base-url",
+              "name": "value",
               "type": {
                 "text": "string"
               },
-              "fieldName": "baseUrl"
-            },
-            {
-              "name": "pages",
-              "type": {
-                "text": "number"
-              },
-              "fieldName": "pages"
-            },
-            {
-              "name": "current-page",
-              "type": {
-                "text": "number"
-              },
-              "default": "1",
-              "fieldName": "currentPageNumber"
+              "default": "''",
+              "description": "The input value",
+              "attribute": "value",
+              "reflects": true
             },
-            {
-              "name": "visible-pages",
-              "type": {
-                "text": "number"
-              },
-              "default": "7",
-              "fieldName": "visiblePages"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "w-pagination",
-          "customElement": true,
-          "modulePath": "packages/pagination/index.ts",
-          "definitionPath": "packages/pagination/index.ts"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "custom-element-definition",
-          "name": "w-pagination",
-          "declaration": {
-            "name": "WarpPagination",
-            "module": "packages/pagination/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "WarpPagination",
-          "declaration": {
-            "name": "WarpPagination",
-            "module": "packages/pagination/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",
+              "name": "openOnFocus",
               "type": {
-                "text": "object"
+                "text": "boolean"
               },
-              "static": true,
-              "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
+              "default": "false",
+              "description": "Whether the popover opens when focus is on the text field",
+              "attribute": "open-on-focus"
             },
             {
               "kind": "field",
-              "name": "ariaLabel",
+              "name": "selectOnBlur",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "attribute": "aria-label",
-              "reflects": true
+              "default": "true",
+              "description": "Select active option on blur",
+              "attribute": "select-on-blur"
             },
             {
               "kind": "field",
-              "name": "ariaDescription",
+              "name": "matchTextSegments",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "attribute": "aria-description",
-              "reflects": true
+              "default": "false",
+              "description": "Whether the matching text segments in the options should be highlighted",
+              "attribute": "match-text-segments"
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "disableStaticFiltering",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "attribute": "label",
-              "reflects": true
+              "default": "false",
+              "description": "Disable client-side static filtering",
+              "attribute": "disable-static-filtering"
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "invalid",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "attribute": "name",
+              "default": "false",
+              "description": "Renders the input field in an invalid state",
+              "attribute": "invalid",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "helpText",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "attribute": "value",
+              "description": "The content to display as the help text",
+              "attribute": "help-text",
               "reflects": true
             },
             {
@@ -3109,235 +3353,3263 @@
               "type": {
                 "text": "boolean"
               },
+              "default": "false",
+              "description": "Whether the element is disabled",
               "attribute": "disabled",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "markers",
+              "name": "required",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "Set by `<w-slider>`"
+              "default": "false",
+              "description": "Whether the element is required",
+              "attribute": "required",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "required",
+              "name": "optional",
               "type": {
                 "text": "boolean"
               },
-              "description": "Set by `<w-slider>`"
+              "default": "false",
+              "description": "Whether to show optional text",
+              "attribute": "optional",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "step",
+              "name": "containerClassName",
               "type": {
-                "text": "number"
+                "text": "string | undefined"
               },
-              "description": "Set by `<w-slider>`"
+              "description": "Additional container styling",
+              "attribute": "class-name",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "min",
+              "name": "listClassName",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "description": "Set by `<w-slider>`"
+              "description": "Additional list styling",
+              "attribute": "list-class-name",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "max",
+              "name": "name",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "description": "Set by `<w-slider>`"
+              "description": "Name attribute for form submission",
+              "attribute": "name",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "suffix",
-              "type": {
-                "text": "string"
-              },
-              "description": "Set by `<w-slider>`"
+              "name": "_listboxId",
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "formatter",
-              "type": {
-                "text": "(value: string) => string"
-              },
-              "description": "JS hook to help you format the numeric value how you want."
+              "name": "_id",
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "range",
-              "type": {
-                "text": "HTMLInputElement"
-              }
+              "name": "_helpId",
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "textfield",
-              "type": {
-                "text": "WarpTextField"
-              }
+              "name": "_navigationValueOrInputValue",
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "method",
-              "name": "#showTooltip",
+              "name": "_createOptionsWithIdAndMatch",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "OptionWithIdAndMatch[]"
                 }
-              }
+              },
+              "parameters": [
+                {
+                  "name": "options",
+                  "type": {
+                    "text": "ComboboxOption[]"
+                  }
+                },
+                {
+                  "name": "currentInputValue",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Generate options with unique IDs and match information"
             },
             {
               "kind": "method",
-              "name": "#hideTooltip",
+              "name": "_getAriaText",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
+              "parameters": [
+                {
+                  "name": "options",
+                  "type": {
+                    "text": "OptionWithIdAndMatch[]"
+                  }
+                },
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  }
                 }
-              }
+              ],
+              "description": "Get ARIA text for screen readers"
             },
             {
               "kind": "method",
-              "name": "#onInput",
+              "name": "_getOptionClasses",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
+              "parameters": [
+                {
+                  "name": "option",
+                  "type": {
+                    "text": "OptionWithIdAndMatch"
+                  }
                 }
-              },
+              ],
+              "description": "Get option classes"
+            },
+            {
+              "kind": "method",
+              "name": "_handleKeyDown",
+              "privacy": "private",
               "parameters": [
                 {
                   "name": "e",
                   "type": {
-                    "text": "InputEvent | CustomEvent"
+                    "text": "KeyboardEvent"
                   }
                 }
-              ]
-            }
-          ],
-          "events": [
+              ],
+              "description": "Handle keyboard navigation"
+            },
             {
-              "name": "slidervalidity",
-              "type": {
-                "text": "CustomEvent"
-              }
+              "kind": "method",
+              "name": "_findAndSetActiveOption",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ],
+              "description": "Find and set active option based on keyboard navigation"
+            },
+            {
+              "kind": "method",
+              "name": "_handleSelect",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "option",
+                  "type": {
+                    "text": "OptionWithIdAndMatch"
+                  }
+                }
+              ],
+              "description": "Handle option selection"
+            },
+            {
+              "kind": "method",
+              "name": "_handleChange",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Handle input change"
+            },
+            {
+              "kind": "method",
+              "name": "_handleFocus",
+              "privacy": "private",
+              "description": "Handle input focus"
+            },
+            {
+              "kind": "method",
+              "name": "_handleBlur",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "FocusEvent"
+                  }
+                }
+              ],
+              "description": "Handle input blur"
+            },
+            {
+              "kind": "method",
+              "name": "_handleOptionClick",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                },
+                {
+                  "name": "option",
+                  "type": {
+                    "text": "OptionWithIdAndMatch"
+                  }
+                }
+              ],
+              "description": "Handle option click"
+            },
+            {
+              "kind": "method",
+              "name": "_handleContainerBlur",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "FocusEvent"
+                  }
+                }
+              ],
+              "description": "Handle container blur"
+            },
+            {
+              "kind": "method",
+              "name": "_renderTextMatch",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "display",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "option",
+                  "type": {
+                    "text": "OptionWithIdAndMatch"
+                  }
+                }
+              ],
+              "description": "Render highlighted text match"
             }
           ],
           "attributes": [
             {
-              "name": "aria-label",
+              "name": "options",
               "type": {
-                "text": "string"
+                "text": "ComboboxOption[]"
               },
-              "fieldName": "ariaLabel"
+              "default": "[]",
+              "description": "The available options to select from",
+              "fieldName": "options"
             },
             {
-              "name": "aria-description",
+              "name": "label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Label above input",
+              "fieldName": "label"
+            },
+            {
+              "name": "placeholder",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Input placeholder",
+              "fieldName": "placeholder"
+            },
+            {
+              "name": "value",
               "type": {
                 "text": "string"
               },
-              "fieldName": "ariaDescription"
+              "default": "''",
+              "description": "The input value",
+              "fieldName": "value"
+            },
+            {
+              "name": "open-on-focus",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the popover opens when focus is on the text field",
+              "fieldName": "openOnFocus"
+            },
+            {
+              "name": "select-on-blur",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "description": "Select active option on blur",
+              "fieldName": "selectOnBlur"
+            },
+            {
+              "name": "match-text-segments",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the matching text segments in the options should be highlighted",
+              "fieldName": "matchTextSegments"
+            },
+            {
+              "name": "disable-static-filtering",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disable client-side static filtering",
+              "fieldName": "disableStaticFiltering"
+            },
+            {
+              "name": "invalid",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Renders the input field in an invalid state",
+              "fieldName": "invalid"
+            },
+            {
+              "name": "help-text",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The content to display as the help text",
+              "fieldName": "helpText"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the element is disabled",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the element is required",
+              "fieldName": "required"
+            },
+            {
+              "name": "optional",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether to show optional text",
+              "fieldName": "optional"
+            },
+            {
+              "name": "class-name",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Additional container styling",
+              "fieldName": "containerClassName"
+            },
+            {
+              "name": "list-class-name",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Additional list styling",
+              "fieldName": "listClassName"
             },
             {
-              "name": "label",
+              "name": "name",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Name attribute for form submission",
+              "fieldName": "name"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-combobox",
+          "customElement": true,
+          "modulePath": "packages/combobox/index.ts",
+          "definitionPath": "packages/combobox/index.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "WarpCombobox",
+          "declaration": {
+            "name": "WarpCombobox",
+            "module": "packages/combobox/index.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "w-combobox",
+          "declaration": {
+            "name": "WarpCombobox",
+            "module": "packages/combobox/index.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/datepicker/datepicker.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "An input for dates.\n\nUses the `lang` attribute on either the element or on `<html>` to determine the locale options.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-datepicker--docs)",
+          "name": "WarpDatepicker",
+          "members": [
+            {
+              "kind": "field",
+              "name": "shadowRootOptions",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "label",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "lang",
+              "type": {
+                "text": "string"
+              },
+              "description": "Takes precedence over the `<html>` lang attribute.",
+              "attribute": "lang",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "name",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "value",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "headerFormat",
+              "type": {
+                "text": "string"
+              },
+              "default": "'MMMM yyyy'",
+              "description": "Decides the format of the date as shown in the calendar header.\n\nThe syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).",
+              "attribute": "header-format"
+            },
+            {
+              "kind": "field",
+              "name": "weekdayFormat",
+              "type": {
+                "text": "string"
+              },
+              "default": "'EEEEEE'",
+              "description": "Decides the format of the weekday as shown above the grid of dates in the calendar.\n\nThe syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).",
+              "attribute": "weekday-format"
+            },
+            {
+              "kind": "field",
+              "name": "isDayDisabled",
+              "type": {
+                "text": "(day: Date) => boolean"
+              },
+              "description": "Lets you control if a date in the calendar should be disabled.\n\nThis needs to be set on the element instance in JavaScript, not as an HTML attribute."
+            },
+            {
+              "kind": "field",
+              "name": "dayFormat",
+              "type": {
+                "text": "string"
+              },
+              "default": "'PPPP'",
+              "description": "Decides the format of the day in the calendar as read to screen readers.\n\nThe syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).",
+              "attribute": "day-format"
+            },
+            {
+              "kind": "field",
+              "name": "isCalendarOpen",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "navigationDate",
+              "type": {
+                "text": "Date"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "selectedDate",
+              "type": {
+                "text": "Date | null"
+              },
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "month",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "weeks",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "calendar",
+              "type": {
+                "text": "HTMLDivElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "input",
+              "type": {
+                "text": "HTMLInputElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "toggleButton",
+              "type": {
+                "text": "HTMLButtonElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "wrapper",
+              "type": {
+                "text": "HTMLDivElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "previousMonthButton",
+              "type": {
+                "text": "HTMLButtonElement"
+              },
+              "description": "This is the first focusable element, needed for the modal focus trap.\n\nDon't cache this and other `@query` fields from inside the calendar modal.\nThey work the first time, but once the calendar is closed and reopened\nthe query will point to an element that doesn't exist anymore."
+            },
+            {
+              "kind": "field",
+              "name": "todayCell",
+              "type": {
+                "text": "HTMLTableCellElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "selectedCell",
+              "type": {
+                "text": "HTMLTableCellElement"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#toggleCalendarOpen",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "MouseEvent | KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#nextMonth",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#previousMonth",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#dispatchChangeEvent",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#onInput",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "InputEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#onInputClick",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "PointerEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#onInputKeyDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#onCalendarKeyDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#onCalendarSelect",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent | KeyboardEvent"
+                  }
+                }
+              ]
+            }
+          ],
+          "attributes": [
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "label"
+            },
+            {
+              "name": "lang",
+              "type": {
+                "text": "string"
+              },
+              "description": "Takes precedence over the `<html>` lang attribute.",
+              "fieldName": "lang"
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "name"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "value"
+            },
+            {
+              "name": "header-format",
+              "type": {
+                "text": "string"
+              },
+              "default": "'MMMM yyyy'",
+              "description": "Decides the format of the date as shown in the calendar header.\n\nThe syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).",
+              "fieldName": "headerFormat"
+            },
+            {
+              "name": "weekday-format",
+              "type": {
+                "text": "string"
+              },
+              "default": "'EEEEEE'",
+              "description": "Decides the format of the weekday as shown above the grid of dates in the calendar.\n\nThe syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).",
+              "fieldName": "weekdayFormat"
+            },
+            {
+              "name": "day-format",
+              "type": {
+                "text": "string"
+              },
+              "default": "'PPPP'",
+              "description": "Decides the format of the day in the calendar as read to screen readers.\n\nThe syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).",
+              "fieldName": "dayFormat"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "FormControlMixin",
+              "package": "@open-wc/form-control"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-datepicker",
+          "customElement": true,
+          "modulePath": "packages/datepicker/datepicker.ts",
+          "definitionPath": "packages/datepicker/datepicker.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "w-datepicker",
+          "declaration": {
+            "name": "WarpDatepicker",
+            "module": "packages/datepicker/datepicker.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WarpDatepicker",
+          "declaration": {
+            "name": "WarpDatepicker",
+            "module": "packages/datepicker/datepicker.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/dead-toggle/index.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Dead toggle can be used where the appearance of a checkbox or radio is needed - but for accessibility purposes an actual input element should not be present.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-dead-toggle--docs)",
+          "name": "WarpDeadToggle",
+          "members": [
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "'radio' | 'checkbox'"
+              },
+              "default": "'radio'",
+              "attribute": "type",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "checked",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "checked",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "indeterminate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "indeterminate",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "invalid",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "invalid",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "disabled",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "type",
+              "type": {
+                "text": "'radio' | 'checkbox'"
+              },
+              "default": "'radio'",
+              "fieldName": "type"
+            },
+            {
+              "name": "checked",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "checked"
+            },
+            {
+              "name": "indeterminate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "indeterminate"
+            },
+            {
+              "name": "invalid",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "invalid"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "disabled"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-dead-toggle",
+          "customElement": true,
+          "modulePath": "packages/dead-toggle/index.ts",
+          "definitionPath": "packages/dead-toggle/index.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "WarpDeadToggle",
+          "declaration": {
+            "name": "WarpDeadToggle",
+            "module": "packages/dead-toggle/index.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "w-dead-toggle",
+          "declaration": {
+            "name": "WarpDeadToggle",
+            "module": "packages/dead-toggle/index.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/pageindicator/index.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "WarpPageIndicator",
+          "members": [
+            {
+              "kind": "field",
+              "name": "selectedPage",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "description": "Currently selected page (1-based index)",
+              "attribute": "selected-page"
+            },
+            {
+              "kind": "field",
+              "name": "pageCount",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "description": "Total number of pages",
+              "attribute": "page-count"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "selected-page",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "description": "Currently selected page (1-based index)",
+              "fieldName": "selectedPage"
+            },
+            {
+              "name": "page-count",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "description": "Total number of pages",
+              "fieldName": "pageCount"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-pageindicator",
+          "customElement": true,
+          "modulePath": "packages/pageindicator/index.ts",
+          "definitionPath": "packages/pageindicator/index.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "w-pageindicator",
+          "declaration": {
+            "name": "WarpPageIndicator",
+            "module": "packages/pageindicator/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WarpPageIndicator",
+          "declaration": {
+            "name": "WarpPageIndicator",
+            "module": "packages/pageindicator/index.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/pagination/index.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Pagination allows users to navigate through multiple pages of content by providing navigation controls with page numbers and directional arrows.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/navigation-pagination--docs)",
+          "name": "WarpPagination",
+          "members": [
+            {
+              "kind": "field",
+              "name": "baseUrl",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "base-url",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "pages",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "pages",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "currentPageNumber",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "attribute": "current-page",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "visiblePages",
+              "type": {
+                "text": "number"
+              },
+              "default": "7",
+              "attribute": "visible-pages",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "#dispatchClickPage",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "PointerEvent"
+                  }
+                }
+              ]
+            }
+          ],
+          "events": [
+            {
+              "name": "page-click",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Triggered when a link button in the pagination is clicked. Contains the page number in `string` form."
+            }
+          ],
+          "attributes": [
+            {
+              "name": "base-url",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "baseUrl"
+            },
+            {
+              "name": "pages",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "pages"
+            },
+            {
+              "name": "current-page",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "fieldName": "currentPageNumber"
+            },
+            {
+              "name": "visible-pages",
+              "type": {
+                "text": "number"
+              },
+              "default": "7",
+              "fieldName": "visiblePages"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-pagination",
+          "customElement": true,
+          "modulePath": "packages/pagination/index.ts",
+          "definitionPath": "packages/pagination/index.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "w-pagination",
+          "declaration": {
+            "name": "WarpPagination",
+            "module": "packages/pagination/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WarpPagination",
+          "declaration": {
+            "name": "WarpPagination",
+            "module": "packages/pagination/index.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/rip-and-tear-radio/radio-group-styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "default": "css` :host { display: block; } .form-control { position: relative; border: none; padding: 0; margin: 0; } .label { font-size: var(--w-font-size-s); line-height: var(--w-line-height-s); font-weight: 700; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: grayscale; cursor: pointer; padding-bottom: 0.4rem; color: var(--w-s-color-text); display: block; } .radio-group-required .label::after { content: var(--wa-form-control-required-content); margin-inline-start: var(--wa-form-control-required-content-offset); } .button-group { display: flex; } [part~='form-control-input'] { display: flex; flex-direction: column; flex-wrap: wrap; } /* Horizontal */ :host([orientation='horizontal']) [part~='form-control-input'] { flex-direction: row; gap: 1em; } /* Help text */ [part~='hint'] { margin-block-start: 0.5em; } /* Radios have the \"button\" appearance */ :host fieldset.has-radio-buttons { [part~='form-control-input'] { gap: 0; } } `"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "styles",
+          "declaration": {
+            "name": "styles",
+            "module": "packages/rip-and-tear-radio/radio-group-styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/rip-and-tear-radio/radio.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "WRadio",
+          "members": [
+            {
+              "kind": "field",
+              "name": "css",
+              "type": {
+                "text": "array"
+              },
+              "static": true,
+              "default": "[reset, toggleStyles]"
+            },
+            {
+              "kind": "field",
+              "name": "checked",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "form",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "The string pointing to a form's id.",
+              "attribute": "form",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "description": "The radio's value. When selected, the radio group will receive this value.",
+              "attribute": "value",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "appearance",
+              "type": {
+                "text": "'default' | 'button' | 'clickable'"
+              },
+              "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": "'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": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the radio.",
+              "attribute": "disabled"
+            },
+            {
+              "kind": "method",
+              "name": "setInitialAttributes",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "setValue",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "handleClick",
+              "privacy": "private"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "form",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "The string pointing to a form's id.",
+              "fieldName": "form"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "description": "The radio's value. When selected, the radio group will receive this value.",
+              "fieldName": "value"
+            },
+            {
+              "name": "appearance",
+              "type": {
+                "text": "'default' | 'button' | 'clickable'"
+              },
+              "default": "'default'",
+              "description": "The radio's value. When selected, the radio group will receive this value.",
+              "fieldName": "appearance"
+            },
+            {
+              "name": "size",
+              "type": {
+                "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.",
+              "fieldName": "size"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the radio.",
+              "fieldName": "disabled"
+            }
+          ],
+          "superclass": {
+            "name": "BaseFormAssociatedElement",
+            "module": "/packages/rip-and-tear-radio/form-associated-element"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "WRadio",
+          "declaration": {
+            "name": "WRadio",
+            "module": "packages/rip-and-tear-radio/radio.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/rip-and-tear-radio/radio-group.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "WRadioGroup",
+          "slots": [
+            {
+              "description": "Alternative to the `label` attribute should you need custom HTML.",
+              "name": "label"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "css",
+              "type": {
+                "text": "array"
+              },
+              "static": true,
+              "default": "[styles]"
+            },
+            {
+              "kind": "field",
+              "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": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "defaultSlot",
+              "type": {
+                "text": "HTMLSlotElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "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": "hint",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The radio groups's hint. If you need to display HTML, use the `hint` slot instead.",
+              "attribute": "hint"
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "The name of the radio group, submitted as a name/value pair with form data.",
+              "attribute": "name",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the radio group and all child radios.",
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "orientation",
+              "type": {
+                "text": "'horizontal' | 'vertical'"
+              },
+              "default": "'vertical'",
+              "description": "The orientation in which to show radio items.",
+              "attribute": "orientation",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "_value",
+              "type": {
+                "text": "string | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "description": "The current value of the radio group, submitted as a name/value pair with form data."
+            },
+            {
+              "kind": "field",
+              "name": "defaultValue",
+              "type": {
+                "text": "string | null"
+              },
+              "description": "The default value of the form control. Primarily used for resetting the form control.",
+              "attribute": "value",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "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.",
+              "attribute": "size",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Ensures a child radio is checked before allowing the containing form to submit.",
+              "attribute": "required",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "withLabel",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Used for SSR. if true, will show slotted label on initial render.",
+              "attribute": "with-label"
+            },
+            {
+              "kind": "field",
+              "name": "withHint",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Used for SSR. if true, will show slotted hint on initial render.",
+              "attribute": "with-hint"
+            },
+            {
+              "kind": "field",
+              "name": "shadowRootOptions",
+              "type": {
+                "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": "formResetCallback",
+              "parameters": [
+                {
+                  "name": "args",
+                  "type": {
+                    "text": "Parameters<BaseFormAssociatedElement['formResetCallback']>"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "handleRadioClick",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "getAllRadios",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleLabelClick",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "syncRadioElements",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleKeyDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "focus",
+              "privacy": "public",
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
+                  }
+                }
+              ],
+              "description": "Sets focus on the radio group."
+            }
+          ],
+          "events": [
+            {
+              "name": "input",
+              "type": {
+                "text": "InputEvent"
+              }
+            },
+            {
+              "name": "change",
+              "type": {
+                "text": "Event"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "label",
+              "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.",
+              "fieldName": "label"
+            },
+            {
+              "name": "hint",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The radio groups's hint. If you need to display HTML, use the `hint` slot instead.",
+              "fieldName": "hint"
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "The name of the radio group, submitted as a name/value pair with form data.",
+              "fieldName": "name"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "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 | null"
+              },
+              "description": "The default value of the form control. Primarily used for resetting the form control.",
+              "fieldName": "defaultValue"
+            },
+            {
+              "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"
+              },
+              "default": "false",
+              "description": "Ensures a child radio is checked before allowing the containing form to submit.",
+              "fieldName": "required"
+            },
+            {
+              "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": "BaseFormAssociatedElement",
+            "module": "/packages/rip-and-tear-radio/form-associated-element"
+          }
+        }
+      ],
+      "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/radio-styles.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/rip-and-tear-radio/radio.stories.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "Default",
+          "type": {
+            "text": "StoryObj"
+          },
+          "default": "{}"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "module": "packages/rip-and-tear-radio/radio.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Default",
+          "declaration": {
+            "name": "Default",
+            "module": "packages/rip-and-tear-radio/radio.stories.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/rip-and-tear-checkbox/checkbox.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "WCheckbox",
+          "members": [
+            {
+              "kind": "field",
+              "name": "css",
+              "type": {
+                "text": "array"
+              },
+              "static": true,
+              "default": "[reset, toggleStyles]"
+            },
+            {
+              "kind": "field",
+              "name": "shadowRootOptions",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ ...BaseFormAssociatedElement.shadowRootOptions, delegatesFocus: true }"
+            },
+            {
+              "kind": "field",
+              "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": "HTMLInputElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "title"
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The name of the checkbox, submitted as a name/value pair with form data.",
+              "attribute": "name",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "_value",
+              "type": {
+                "text": "string | null"
+              },
+              "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": "size",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
+              },
+              "default": "'medium'",
+              "description": "The checkbox's size.",
+              "attribute": "size",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "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": "checked",
+              "type": {
+                "text": "boolean"
+              },
+              "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": "form",
+              "type": {
+                "text": "null"
+              },
+              "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": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "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": "setInitialAttributes",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleClick",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleDefaultCheckedChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleValueOrCheckedChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleStateChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleDisabledChange"
+            },
+            {
+              "kind": "method",
+              "name": "formResetCallback"
+            },
+            {
+              "kind": "method",
+              "name": "click",
+              "description": "Simulates a click on the checkbox."
+            },
+            {
+              "kind": "method",
+              "name": "focus",
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
+                  }
+                }
+              ],
+              "description": "Sets focus on the checkbox."
+            },
+            {
+              "kind": "method",
+              "name": "blur",
+              "description": "Removes focus from the checkbox."
+            }
+          ],
+          "events": [
+            {
+              "name": "change",
+              "type": {
+                "text": "Event"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "title"
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The name of the checkbox, submitted as a name/value pair with form data.",
+              "fieldName": "name"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string | null"
+              },
+              "description": "The value of the checkbox, submitted as a name/value pair with form data.",
+              "fieldName": "value"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
+              },
+              "default": "'medium'",
+              "description": "The checkbox's size.",
+              "fieldName": "size"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the checkbox.",
+              "fieldName": "disabled"
+            },
+            {
+              "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.",
+              "fieldName": "indeterminate"
+            },
+            {
+              "name": "checked",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "The default value of the form control. Primarily used for resetting the form control.",
+              "fieldName": "defaultChecked"
+            },
+            {
+              "name": "form",
+              "type": {
+                "text": "null"
+              },
+              "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": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the checkbox a required field.",
+              "fieldName": "required"
+            },
+            {
+              "name": "hint",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The checkbox's hint. If you need to display HTML, use the `hint` slot instead.",
+              "fieldName": "hint"
+            }
+          ],
+          "superclass": {
+            "name": "BaseFormAssociatedElement",
+            "module": "/packages/rip-and-tear-radio/form-associated-element"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "WCheckbox",
+          "declaration": {
+            "name": "WCheckbox",
+            "module": "packages/rip-and-tear-checkbox/checkbox.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/rip-and-tear-checkbox/checkbox-group.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "WCheckboxGroup",
+          "members": [],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "customElement": true,
+          "modulePath": "packages/rip-and-tear-checkbox/checkbox-group.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "WCheckboxGroup",
+          "declaration": {
+            "name": "WCheckboxGroup",
+            "module": "packages/rip-and-tear-checkbox/checkbox-group.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",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "ariaDescription",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "aria-description",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "label",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "name",
+              "reflects": true
+            },
+            {
+              "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",
+              "reflects": true
+            },
+            {
+              "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",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "step",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "step",
+              "reflects": true
+            },
+            {
+              "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",
+              "reflects": true
+            },
+            {
+              "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": "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."
+            }
+          ],
+          "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/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/tab.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "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": "name",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "name",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "label",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "active",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "active",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "over",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "over",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "tabClass",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "tab-class",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "_handleClick",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_classes",
+              "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": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "active"
+            },
+            {
+              "name": "over",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "over"
+            },
+            {
+              "name": "tab-class",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "tabClass"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-tab",
+          "customElement": true,
+          "modulePath": "packages/tabs/tab.ts",
+          "definitionPath": "packages/tabs/tab.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "WarpTab",
+          "declaration": {
+            "name": "WarpTab",
+            "module": "packages/tabs/tab.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "w-tab",
+          "declaration": {
+            "name": "WarpTab",
+            "module": "packages/tabs/tab.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": "field",
+              "name": "tabs",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "activeTab",
+              "readonly": true
+            },
+            {
+              "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": "string"
-              },
-              "fieldName": "label"
-            },
+                "text": "CustomEvent"
+              }
+            }
+          ],
+          "attributes": [
             {
-              "name": "name",
+              "name": "active",
               "type": {
                 "text": "string"
               },
-              "fieldName": "name"
+              "default": "''",
+              "fieldName": "active"
             },
             {
-              "name": "value",
+              "name": "tab-class",
               "type": {
                 "text": "string"
               },
-              "fieldName": "value"
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "fieldName": "disabled"
-            }
-          ],
-          "mixins": [
-            {
-              "name": "FormControlMixin",
-              "package": "@open-wc/form-control"
+              "default": "''",
+              "fieldName": "tabClass"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "w-slider-thumb",
+          "tagName": "w-tabs",
           "customElement": true,
-          "modulePath": "packages/slider/slider-thumb.ts",
-          "definitionPath": "packages/slider/slider-thumb.ts"
+          "modulePath": "packages/tabs/tabs.ts",
+          "definitionPath": "packages/tabs/tabs.ts"
         }
       ],
       "exports": [
         {
-          "kind": "custom-element-definition",
-          "name": "w-slider-thumb",
+          "kind": "js",
+          "name": "WarpTabs",
           "declaration": {
-            "name": "WarpSliderThumb",
-            "module": "packages/slider/slider-thumb.ts"
+            "name": "WarpTabs",
+            "module": "packages/tabs/tabs.ts"
           }
         },
         {
-          "kind": "js",
-          "name": "WarpSliderThumb",
+          "kind": "custom-element-definition",
+          "name": "w-tabs",
           "declaration": {
-            "name": "WarpSliderThumb",
-            "module": "packages/slider/slider-thumb.ts"
+            "name": "WarpTabs",
+            "module": "packages/tabs/tabs.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "packages/slider/slider.ts",
+      "path": "packages/textarea/textarea.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"
-            }
-          ],
+          "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",
@@ -3348,223 +6620,252 @@
               "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"
               },
-              "description": "The slider fieldset label. Required for proper accessibility.\n\nIf you need to display HTML, use the `label` slot instead.",
               "attribute": "label",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "helpText",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "attribute": "disabled",
+              "attribute": "help-text",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "invalid",
+              "name": "maxRows",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "attribute": "invalid",
+              "attribute": "maximum-rows",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "required",
+              "name": "minRows",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "description": "Ensures a child slider thumb has a value before allowing the containing form to submit.",
-              "attribute": "required",
+              "attribute": "minimum-rows",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "min",
+              "name": "name",
               "type": {
                 "text": "string"
               },
-              "attribute": "min",
-              "reflects": true
+              "attribute": "name"
             },
             {
               "kind": "field",
-              "name": "max",
+              "name": "placeholder",
               "type": {
                 "text": "string"
               },
-              "attribute": "max",
+              "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": "markers",
+              "name": "readonly",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "description": "Pass a value similar to step to create visual markers at that interval",
-              "attribute": "markers",
+              "attribute": "readonly",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "step",
+              "name": "required",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "attribute": "step",
+              "attribute": "required",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "suffix",
+              "name": "value",
               "type": {
                 "text": "string"
               },
-              "description": "Suffix used in text input fields and for the min and max values of the slider.",
-              "attribute": "suffix",
+              "attribute": "value",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "formatter",
+              "name": "optional",
               "type": {
-                "text": "(value: string) => string"
+                "text": "boolean"
               },
-              "description": "Function to format the to- and from labels and value in the slider thumb tooltip."
+              "attribute": "optional",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "#syncSliderThumbs",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
+              "kind": "field",
+              "name": "minHeight"
             },
             {
-              "kind": "method",
-              "name": "#onInput",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "InputEvent"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "maxHeight"
             },
             {
               "kind": "method",
-              "name": "#onSliderValidity",
-              "privacy": "private",
+              "name": "handler",
               "parameters": [
                 {
                   "name": "e",
                   "type": {
-                    "text": "CustomEvent"
+                    "text": "InputEvent"
                   }
                 }
-              ]
+              ],
+              "type": {
+                "text": "handler(e: InputEvent) => void"
+              }
             },
             {
               "kind": "method",
-              "name": "#updateActiveTrack",
+              "name": "#resize",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "input",
+                  "name": "target",
                   "type": {
-                    "text": "WarpSliderThumb"
+                    "text": "HTMLTextAreaElement"
                   }
                 }
               ],
-              "description": "We use CSS variables to fill the active track with a background color."
+              "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"
               },
-              "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": "help-text",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "fieldName": "disabled"
+              "fieldName": "helpText"
             },
             {
-              "name": "invalid",
+              "name": "maximum-rows",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "fieldName": "invalid"
+              "fieldName": "maxRows"
             },
             {
-              "name": "required",
+              "name": "minimum-rows",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "description": "Ensures a child slider thumb has a value before allowing the containing form to submit.",
-              "fieldName": "required"
+              "fieldName": "minRows"
             },
             {
-              "name": "min",
+              "name": "name",
               "type": {
                 "text": "string"
               },
-              "fieldName": "min"
+              "fieldName": "name"
             },
             {
-              "name": "max",
+              "name": "placeholder",
               "type": {
                 "text": "string"
               },
-              "fieldName": "max"
+              "fieldName": "placeholder"
             },
             {
-              "name": "markers",
+              "name": "read-only",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "description": "Pass a value similar to step to create visual markers at that interval",
-              "fieldName": "markers"
+              "deprecated": "Use the native readonly attribute instead. Here for API consistency with `w-textfield`.",
+              "fieldName": "readOnly"
             },
             {
-              "name": "step",
+              "name": "readonly",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "fieldName": "step"
+              "fieldName": "readonly"
             },
             {
-              "name": "suffix",
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "required"
+            },
+            {
+              "name": "value",
               "type": {
                 "text": "string"
               },
-              "description": "Suffix used in text input fields and for the min and max values of the slider.",
-              "fieldName": "suffix"
+              "fieldName": "value"
+            },
+            {
+              "name": "optional",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "optional"
             }
           ],
           "mixins": [
@@ -3577,27 +6878,27 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "w-slider",
+          "tagName": "w-textarea",
           "customElement": true,
-          "modulePath": "packages/slider/slider.ts",
-          "definitionPath": "packages/slider/slider.ts"
+          "modulePath": "packages/textarea/textarea.ts",
+          "definitionPath": "packages/textarea/textarea.ts"
         }
       ],
       "exports": [
         {
           "kind": "custom-element-definition",
-          "name": "w-slider",
+          "name": "w-textarea",
           "declaration": {
-            "name": "WarpSlider",
-            "module": "packages/slider/slider.ts"
+            "name": "WarpTextarea",
+            "module": "packages/textarea/textarea.ts"
           }
         },
         {
           "kind": "js",
-          "name": "WarpSlider",
+          "name": "WarpTextarea",
           "declaration": {
-            "name": "WarpSlider",
-            "module": "packages/slider/slider.ts"
+            "name": "WarpTextarea",
+            "module": "packages/textarea/textarea.ts"
           }
         }
       ]