@warp-ds/elements 2.3.0-next.9 → 2.3.0

package/dist/custom-elements.json

@@ -249,18 +249,9 @@
               "attribute": "variant",
               "reflects": true,
               "parsedType": {
-                "text": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'pill' | 'link' | 'quiet' | 'utilityQuiet'"
+                "text": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet'"
               }
             },
-            {
-              "kind": "field",
-              "name": "quiet",
-              "type": {
-                "text": "boolean"
-              },
-              "attribute": "quiet",
-              "reflects": true
-            },
             {
               "kind": "field",
               "name": "small",
@@ -314,31 +305,6 @@
               },
               "attribute": "full-width",
               "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "buttonClass",
-              "type": {
-                "text": "string"
-              },
-              "attribute": "button-class",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "attribute": "name",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "classes",
-              "type": {
-                "text": "string"
-              }
             }
           ],
           "attributes": [
@@ -357,16 +323,9 @@
               "default": "'secondary'",
               "fieldName": "variant",
               "parsedType": {
-                "text": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'pill' | 'link' | 'quiet' | 'utilityQuiet'"
+                "text": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet'"
               }
             },
-            {
-              "name": "quiet",
-              "type": {
-                "text": "boolean"
-              },
-              "fieldName": "quiet"
-            },
             {
               "name": "small",
               "type": {
@@ -408,26 +367,6 @@
                 "text": "boolean"
               },
               "fieldName": "fullWidth"
-            },
-            {
-              "name": "button-class",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "buttonClass"
-            },
-            {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "name"
-            }
-          ],
-          "mixins": [
-            {
-              "name": "FormControlMixin",
-              "package": "@open-wc/form-control"
             }
           ],
           "superclass": {
@@ -602,6 +541,27 @@
               "attribute": "value",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "#initialValue",
+              "privacy": "private",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "method",
+              "name": "resetFormControl",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "type": {
+                "text": "resetFormControl() => void"
+              }
+            },
             {
               "kind": "field",
               "name": "ariaValueTextLoading"
@@ -1884,17 +1844,38 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Whether the element should receive focus on render",
+              "description": "Whether the element should receive focus on render.",
+              "deprecated": "Use the native `autofocus` attribute instead.",
               "attribute": "auto-focus",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "autofocus",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Whether the element should receive focus on render",
+              "attribute": "autofocus",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "helpText",
+              "type": {
+                "text": "string"
+              },
+              "description": "The content displayed as the help text. Paired with `invalid` to show the text as a validation error.",
+              "attribute": "help-text",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "invalid",
               "type": {
                 "text": "boolean"
               },
-              "description": "Renders the field in an invalid state. Often paired with `hint` to provide feedback about the error",
+              "description": "Renders the field in an invalid state. Paired with `help-text` to provide feedback about the error.",
               "attribute": "invalid",
               "reflects": true
             },
@@ -1904,7 +1885,8 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Whether to always show a hint",
+              "description": "Whether to always show a hint.",
+              "deprecated": "Use `help-text` instead and only set it if you want to display the help text.",
               "attribute": "always",
               "reflects": true
             },
@@ -1914,7 +1896,8 @@
               "type": {
                 "text": "string"
               },
-              "description": "The content displayed as the help text",
+              "description": "The content displayed as the help text.",
+              "deprecated": "Use `help-text` instead.",
               "attribute": "hint",
               "reflects": true
             },
@@ -1955,9 +1938,20 @@
                 "text": "boolean"
               },
               "description": "Renders the field in a readonly state.",
+              "deprecated": "Use the native readonly attribute instead.",
               "attribute": "read-only",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Renders the field in a readonly state.",
+              "attribute": "readonly",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "name",
@@ -1976,6 +1970,27 @@
               "attribute": "value",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "#initialValue",
+              "privacy": "private",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "method",
+              "name": "resetFormControl",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "type": {
+                "text": "resetFormControl() => void"
+              }
+            },
             {
               "kind": "method",
               "name": "handleKeyDown",
@@ -2040,15 +2055,32 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Whether the element should receive focus on render",
+              "description": "Whether the element should receive focus on render.",
+              "deprecated": "Use the native `autofocus` attribute instead.",
               "fieldName": "autoFocus"
             },
+            {
+              "name": "autofocus",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Whether the element should receive focus on render",
+              "fieldName": "autofocus"
+            },
+            {
+              "name": "help-text",
+              "type": {
+                "text": "string"
+              },
+              "description": "The content displayed as the help text. Paired with `invalid` to show the text as a validation error.",
+              "fieldName": "helpText"
+            },
             {
               "name": "invalid",
               "type": {
                 "text": "boolean"
               },
-              "description": "Renders the field in an invalid state. Often paired with `hint` to provide feedback about the error",
+              "description": "Renders the field in an invalid state. Paired with `help-text` to provide feedback about the error.",
               "fieldName": "invalid"
             },
             {
@@ -2056,7 +2088,8 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Whether to always show a hint",
+              "description": "Whether to always show a hint.",
+              "deprecated": "Use `help-text` instead and only set it if you want to display the help text.",
               "fieldName": "always"
             },
             {
@@ -2064,7 +2097,8 @@
               "type": {
                 "text": "string"
               },
-              "description": "The content displayed as the help text",
+              "description": "The content displayed as the help text.",
+              "deprecated": "Use `help-text` instead.",
               "fieldName": "hint"
             },
             {
@@ -2097,8 +2131,17 @@
                 "text": "boolean"
               },
               "description": "Renders the field in a readonly state.",
+              "deprecated": "Use the native readonly attribute instead.",
               "fieldName": "readOnly"
             },
+            {
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Renders the field in a readonly state.",
+              "fieldName": "readonly"
+            },
             {
               "name": "name",
               "type": {
@@ -2331,6 +2374,15 @@
               "attribute": "name",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "step",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "step",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "formatter",
@@ -2339,6 +2391,27 @@
               },
               "description": "Function to format value when the input field.\n\nOnly active when the input field does not have focus,\nsimilar to the accessible input masking example from Filament Group\n\nhttps://css-tricks.com/input-masking/\nhttps://filamentgroup.github.io/politespace/demo/demo.html"
             },
+            {
+              "kind": "field",
+              "name": "#initialValue",
+              "privacy": "private",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "method",
+              "name": "resetFormControl",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "type": {
+                "text": "resetFormControl() => void"
+              }
+            },
             {
               "kind": "method",
               "name": "handler",
@@ -2497,6 +2570,13 @@
                 "text": "string"
               },
               "fieldName": "name"
+            },
+            {
+              "name": "step",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "step"
             }
           ],
           "mixins": [
@@ -3176,41 +3256,48 @@
     },
     {
       "kind": "javascript-module",
-      "path": "packages/combobox/index.ts",
+      "path": "packages/datepicker/datepicker.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "A combobox element for text input with selectable options.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-combobox--docs)",
-          "name": "WarpCombobox",
+          "description": "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": "options",
+              "name": "shadowRootOptions",
               "type": {
-                "text": "ComboboxOption[]"
+                "text": "object"
               },
-              "default": "[]",
-              "description": "The available options to select from",
-              "attribute": "options"
+              "static": true,
+              "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
             },
             {
               "kind": "field",
               "name": "label",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "Label above input",
               "attribute": "label",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "placeholder",
+              "name": "lang",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "Input placeholder",
-              "attribute": "placeholder",
+              "description": "Takes precedence over the `<html>` lang attribute.",
+              "attribute": "lang",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "name",
               "reflects": true
             },
             {
@@ -3219,3591 +3306,301 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "The input value",
               "attribute": "value",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "openOnFocus",
+              "name": "headerFormat",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Whether the popover opens when focus is on the text field",
-              "attribute": "open-on-focus"
+              "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": "selectOnBlur",
+              "name": "weekdayFormat",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "true",
-              "description": "Select active option on blur",
-              "attribute": "select-on-blur"
+              "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": "matchTextSegments",
+              "name": "isDayDisabled",
               "type": {
-                "text": "boolean"
+                "text": "(day: Date) => boolean"
               },
-              "default": "false",
-              "description": "Whether the matching text segments in the options should be highlighted",
-              "attribute": "match-text-segments"
+              "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": "disableStaticFiltering",
+              "name": "dayFormat",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Disable client-side static filtering",
-              "attribute": "disable-static-filtering"
+              "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": "invalid",
+              "name": "isCalendarOpen",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Renders the input field in an invalid state",
-              "attribute": "invalid",
-              "reflects": true
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "helpText",
+              "name": "navigationDate",
               "type": {
-                "text": "string | undefined"
-              },
-              "description": "The content to display as the help text",
-              "attribute": "help-text",
-              "reflects": true
+                "text": "Date"
+              }
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "selectedDate",
               "type": {
-                "text": "boolean"
+                "text": "Date | null"
               },
-              "default": "false",
-              "description": "Whether the element is disabled",
-              "attribute": "disabled",
-              "reflects": true
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "required",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the element is required",
-              "attribute": "required",
-              "reflects": true
+              "name": "month",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "optional",
+              "name": "#initialValue",
+              "privacy": "private",
               "type": {
-                "text": "boolean"
+                "text": "string | null"
               },
-              "default": "false",
-              "description": "Whether to show optional text",
-              "attribute": "optional",
-              "reflects": true
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "weeks",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "containerClassName",
+              "name": "calendar",
               "type": {
-                "text": "string | undefined"
-              },
-              "description": "Additional container styling",
-              "attribute": "class-name",
-              "reflects": true
+                "text": "HTMLDivElement"
+              }
             },
             {
               "kind": "field",
-              "name": "listClassName",
+              "name": "input",
               "type": {
-                "text": "string | undefined"
-              },
-              "description": "Additional list styling",
-              "attribute": "list-class-name",
-              "reflects": true
+                "text": "HTMLInputElement"
+              }
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "toggleButton",
               "type": {
-                "text": "string | undefined"
-              },
-              "description": "Name attribute for form submission",
-              "attribute": "name",
-              "reflects": true
+                "text": "HTMLButtonElement"
+              }
             },
             {
               "kind": "field",
-              "name": "_listboxId",
-              "privacy": "private",
-              "readonly": true
+              "name": "wrapper",
+              "type": {
+                "text": "HTMLDivElement"
+              }
             },
             {
               "kind": "field",
-              "name": "_id",
-              "privacy": "private",
-              "readonly": true
+              "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": "_helpId",
-              "privacy": "private",
-              "readonly": true
+              "name": "todayCell",
+              "type": {
+                "text": "HTMLTableCellElement"
+              }
             },
             {
               "kind": "field",
-              "name": "_navigationValueOrInputValue",
-              "privacy": "private",
-              "readonly": true
+              "name": "selectedCell",
+              "type": {
+                "text": "HTMLTableCellElement"
+              }
             },
             {
               "kind": "method",
-              "name": "_createOptionsWithIdAndMatch",
-              "privacy": "private",
+              "name": "resetFormControl",
               "return": {
                 "type": {
-                  "text": "OptionWithIdAndMatch[]"
+                  "text": "void"
                 }
               },
-              "parameters": [
-                {
-                  "name": "options",
-                  "type": {
-                    "text": "ComboboxOption[]"
-                  }
-                },
-                {
-                  "name": "currentInputValue",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "Generate options with unique IDs and match information"
-            },
-            {
-              "kind": "method",
-              "name": "_getAriaText",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "options",
-                  "type": {
-                    "text": "OptionWithIdAndMatch[]"
-                  }
-                },
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "Get ARIA text for screen readers"
+              "type": {
+                "text": "resetFormControl() => void"
+              }
             },
             {
               "kind": "method",
-              "name": "_getOptionClasses",
+              "name": "#toggleCalendarOpen",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "option",
+                  "name": "e",
                   "type": {
-                    "text": "OptionWithIdAndMatch"
+                    "text": "MouseEvent | KeyboardEvent"
                   }
                 }
-              ],
-              "description": "Get option classes"
+              ]
             },
             {
               "kind": "method",
-              "name": "_handleKeyDown",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ],
-              "description": "Handle keyboard navigation"
+              "name": "#nextMonth",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "_findAndSetActiveOption",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ],
-              "description": "Find and set active option based on keyboard navigation"
+              "name": "#previousMonth",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "_handleSelect",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "option",
-                  "type": {
-                    "text": "OptionWithIdAndMatch"
-                  }
-                }
-              ],
-              "description": "Handle option selection"
+              "name": "#dispatchChangeEvent",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "_handleChange",
+              "name": "#onInput",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "newValue",
+                  "name": "e",
                   "type": {
-                    "text": "string"
+                    "text": "InputEvent"
                   }
                 }
-              ],
-              "description": "Handle input change"
-            },
-            {
-              "kind": "method",
-              "name": "_handleFocus",
-              "privacy": "private",
-              "description": "Handle input focus"
+              ]
             },
             {
               "kind": "method",
-              "name": "_handleBlur",
+              "name": "#onInputClick",
               "privacy": "private",
               "parameters": [
                 {
                   "name": "e",
                   "type": {
-                    "text": "FocusEvent"
+                    "text": "PointerEvent"
                   }
                 }
-              ],
-              "description": "Handle input blur"
+              ]
             },
             {
               "kind": "method",
-              "name": "_handleOptionClick",
+              "name": "#onInputKeyDown",
               "privacy": "private",
               "parameters": [
                 {
                   "name": "e",
                   "type": {
-                    "text": "MouseEvent"
-                  }
-                },
-                {
-                  "name": "option",
-                  "type": {
-                    "text": "OptionWithIdAndMatch"
+                    "text": "KeyboardEvent"
                   }
                 }
-              ],
-              "description": "Handle option click"
+              ]
             },
             {
               "kind": "method",
-              "name": "_handleContainerBlur",
+              "name": "#onCalendarKeyDown",
               "privacy": "private",
               "parameters": [
                 {
                   "name": "e",
                   "type": {
-                    "text": "FocusEvent"
+                    "text": "KeyboardEvent"
                   }
                 }
-              ],
-              "description": "Handle container blur"
+              ]
             },
             {
               "kind": "method",
-              "name": "_renderTextMatch",
+              "name": "#onCalendarSelect",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "display",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "option",
+                  "name": "event",
                   "type": {
-                    "text": "OptionWithIdAndMatch"
+                    "text": "MouseEvent | KeyboardEvent"
                   }
                 }
-              ],
-              "description": "Render highlighted text match"
+              ]
             }
           ],
           "attributes": [
-            {
-              "name": "options",
-              "type": {
-                "text": "ComboboxOption[]"
-              },
-              "default": "[]",
-              "description": "The available options to select from",
-              "fieldName": "options"
-            },
             {
               "name": "label",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "Label above input",
               "fieldName": "label"
             },
             {
-              "name": "placeholder",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Input placeholder",
-              "fieldName": "placeholder"
-            },
-            {
-              "name": "value",
+              "name": "lang",
               "type": {
                 "text": "string"
               },
-              "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"
+              "description": "Takes precedence over the `<html>` lang attribute.",
+              "fieldName": "lang"
             },
             {
-              "name": "required",
+              "name": "name",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Whether the element is required",
-              "fieldName": "required"
+              "fieldName": "name"
             },
             {
-              "name": "optional",
+              "name": "value",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Whether to show optional text",
-              "fieldName": "optional"
+              "fieldName": "value"
             },
             {
-              "name": "class-name",
+              "name": "header-format",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "Additional container styling",
-              "fieldName": "containerClassName"
+              "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": "list-class-name",
+              "name": "weekday-format",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "Additional list styling",
-              "fieldName": "listClassName"
+              "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": "name",
+              "name": "day-format",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "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": "CustomEvent"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "active",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "active"
-            },
-            {
-              "name": "tab-class",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "tabClass"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "w-tabs",
-          "customElement": true,
-          "modulePath": "packages/tabs/tabs.ts",
-          "definitionPath": "packages/tabs/tabs.ts"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "WarpTabs",
-          "declaration": {
-            "name": "WarpTabs",
-            "module": "packages/tabs/tabs.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "w-tabs",
-          "declaration": {
-            "name": "WarpTabs",
-            "module": "packages/tabs/tabs.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "packages/textarea/textarea.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "A single line text input element.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-textfield--docs)",
-          "name": "WarpTextarea",
-          "members": [
-            {
-              "kind": "field",
-              "name": "shadowRootOptions",
-              "type": {
-                "text": "object"
-              },
-              "static": true,
-              "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "attribute": "disabled",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "invalid",
-              "type": {
-                "text": "boolean"
-              },
-              "attribute": "invalid",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "attribute": "label",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "helpText",
-              "type": {
-                "text": "string"
-              },
-              "attribute": "help-text",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "maxRows",
-              "type": {
-                "text": "number"
-              },
-              "attribute": "maximum-rows",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "minRows",
-              "type": {
-                "text": "number"
-              },
-              "attribute": "minimum-rows",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "attribute": "name"
-            },
-            {
-              "kind": "field",
-              "name": "placeholder",
-              "type": {
-                "text": "string"
-              },
-              "attribute": "placeholder"
-            },
-            {
-              "kind": "field",
-              "name": "readOnly",
-              "type": {
-                "text": "boolean"
-              },
-              "deprecated": "Use the native readonly attribute instead. Here for API consistency with `w-textfield`.",
-              "attribute": "read-only",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "readonly",
-              "type": {
-                "text": "boolean"
-              },
-              "attribute": "readonly",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "required",
-              "type": {
-                "text": "boolean"
-              },
-              "attribute": "required",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "attribute": "value",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "optional",
-              "type": {
-                "text": "boolean"
-              },
-              "attribute": "optional",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "minHeight"
-            },
-            {
-              "kind": "field",
-              "name": "maxHeight"
-            },
-            {
-              "kind": "method",
-              "name": "handler",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "InputEvent"
-                  }
-                }
-              ],
-              "type": {
-                "text": "handler(e: InputEvent) => void"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "#resize",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "target",
-                  "type": {
-                    "text": "HTMLTextAreaElement"
-                  }
-                }
-              ],
-              "description": "Calculate the new height for the area on input"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "fieldName": "disabled"
-            },
-            {
-              "name": "invalid",
-              "type": {
-                "text": "boolean"
-              },
-              "fieldName": "invalid"
-            },
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "label"
-            },
-            {
-              "name": "help-text",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "helpText"
-            },
-            {
-              "name": "maximum-rows",
-              "type": {
-                "text": "number"
-              },
-              "fieldName": "maxRows"
-            },
-            {
-              "name": "minimum-rows",
-              "type": {
-                "text": "number"
-              },
-              "fieldName": "minRows"
-            },
-            {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "name"
-            },
-            {
-              "name": "placeholder",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "placeholder"
-            },
-            {
-              "name": "read-only",
-              "type": {
-                "text": "boolean"
-              },
-              "deprecated": "Use the native readonly attribute instead. Here for API consistency with `w-textfield`.",
-              "fieldName": "readOnly"
-            },
-            {
-              "name": "readonly",
-              "type": {
-                "text": "boolean"
-              },
-              "fieldName": "readonly"
-            },
-            {
-              "name": "required",
-              "type": {
-                "text": "boolean"
-              },
-              "fieldName": "required"
-            },
-            {
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "value"
-            },
-            {
-              "name": "optional",
-              "type": {
-                "text": "boolean"
-              },
-              "fieldName": "optional"
+              "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": [
@@ -6816,27 +3613,27 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "w-textarea",
+          "tagName": "w-datepicker",
           "customElement": true,
-          "modulePath": "packages/textarea/textarea.ts",
-          "definitionPath": "packages/textarea/textarea.ts"
+          "modulePath": "packages/datepicker/datepicker.ts",
+          "definitionPath": "packages/datepicker/datepicker.ts"
         }
       ],
       "exports": [
         {
           "kind": "custom-element-definition",
-          "name": "w-textarea",
+          "name": "w-datepicker",
           "declaration": {
-            "name": "WarpTextarea",
-            "module": "packages/textarea/textarea.ts"
+            "name": "WarpDatepicker",
+            "module": "packages/datepicker/datepicker.ts"
           }
         },
         {
           "kind": "js",
-          "name": "WarpTextarea",
+          "name": "WarpDatepicker",
           "declaration": {
-            "name": "WarpTextarea",
-            "module": "packages/textarea/textarea.ts"
+            "name": "WarpDatepicker",
+            "module": "packages/datepicker/datepicker.ts"
           }
         }
       ]