@warp-ds/elements 2.5.0-next.1 → 2.5.0

package/dist/custom-elements.json

@@ -4276,137 +4276,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "packages/dead-toggle/dead-toggle.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/dead-toggle.ts",
-          "definitionPath": "packages/dead-toggle/dead-toggle.ts"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "WarpDeadToggle",
-          "declaration": {
-            "name": "WarpDeadToggle",
-            "module": "packages/dead-toggle/dead-toggle.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "w-dead-toggle",
-          "declaration": {
-            "name": "WarpDeadToggle",
-            "module": "packages/dead-toggle/dead-toggle.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "packages/page-indicator/page-indicator.ts",
@@ -4452,2201 +4321,58 @@
               "kind": "field",
               "name": "_validSelectedPage",
               "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "description": "Validated selected page (clamped to valid range)",
-              "readonly": true
-            }
-          ],
-          "attributes": [
-            {
-              "name": "selected-page",
-              "type": {
-                "text": "number"
-              },
-              "default": "1",
-              "description": "Currently selected page (1-based index, clamped to valid range)",
-              "fieldName": "selectedPage"
-            },
-            {
-              "name": "page-count",
-              "type": {
-                "text": "number"
-              },
-              "default": "1",
-              "description": "Total number of pages (minimum 1)",
-              "fieldName": "pageCount"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "w-page-indicator",
-          "customElement": true,
-          "modulePath": "packages/page-indicator/page-indicator.ts",
-          "definitionPath": "packages/page-indicator/page-indicator.ts"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "custom-element-definition",
-          "name": "w-page-indicator",
-          "declaration": {
-            "name": "WarpPageIndicator",
-            "module": "packages/page-indicator/page-indicator.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "WarpPageIndicator",
-          "declaration": {
-            "name": "WarpPageIndicator",
-            "module": "packages/page-indicator/page-indicator.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "packages/pagination/pagination.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/pagination.ts",
-          "definitionPath": "packages/pagination/pagination.ts"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "custom-element-definition",
-          "name": "w-pagination",
-          "declaration": {
-            "name": "WarpPagination",
-            "module": "packages/pagination/pagination.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "WarpPagination",
-          "declaration": {
-            "name": "WarpPagination",
-            "module": "packages/pagination/pagination.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "packages/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"
-                }
-              },
-              "type": {
-                "text": "setValue() => 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/radio/form-associated-element"
-          },
-          "tagName": "w-radio",
-          "customElement": true,
-          "modulePath": "packages/radio/radio.ts",
-          "definitionPath": "packages/radio/radio.ts"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "WRadio",
-          "declaration": {
-            "name": "WRadio",
-            "module": "packages/radio/radio.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "w-radio",
-          "declaration": {
-            "name": "WRadio",
-            "module": "packages/radio/radio.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "packages/radio-group/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']>"
-                  }
-                }
-              ],
-              "type": {
-                "text": "formResetCallback(args: Parameters<BaseFormAssociatedElement['formResetCallback']>) => void"
-              }
-            },
-            {
-              "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.",
-              "type": {
-                "text": "focus(options?: FocusOptions) => void"
-              }
-            }
-          ],
-          "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/radio/form-associated-element.js"
-          },
-          "tagName": "w-radio-group",
-          "customElement": true,
-          "modulePath": "packages/radio-group/radio-group.ts",
-          "definitionPath": "packages/radio-group/radio-group.ts"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "WRadioGroup",
-          "declaration": {
-            "name": "WRadioGroup",
-            "module": "packages/radio-group/radio-group.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "w-radio-group",
-          "declaration": {
-            "name": "WRadioGroup",
-            "module": "packages/radio-group/radio-group.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "packages/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",
-              "type": {
-                "text": "handleDefaultCheckedChange() => void"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "handleValueOrCheckedChange",
-              "type": {
-                "text": "handleValueOrCheckedChange() => void"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "handleStateChange",
-              "type": {
-                "text": "handleStateChange() => void"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "handleDisabledChange",
-              "type": {
-                "text": "handleDisabledChange() => void"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "formResetCallback",
-              "type": {
-                "text": "formResetCallback() => void"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "click",
-              "description": "Simulates a click on the checkbox.",
-              "type": {
-                "text": "click() => void"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "focus",
-              "parameters": [
-                {
-                  "name": "options",
-                  "optional": true,
-                  "type": {
-                    "text": "FocusOptions"
-                  }
-                }
-              ],
-              "description": "Sets focus on the checkbox.",
-              "type": {
-                "text": "focus(options?: FocusOptions) => void"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "blur",
-              "description": "Removes focus from the checkbox.",
-              "type": {
-                "text": "blur() => void"
-              }
-            }
-          ],
-          "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/radio/form-associated-element"
-          },
-          "tagName": "w-checkbox",
-          "customElement": true,
-          "modulePath": "packages/checkbox/checkbox.ts",
-          "definitionPath": "packages/checkbox/checkbox.ts"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "WCheckbox",
-          "declaration": {
-            "name": "WCheckbox",
-            "module": "packages/checkbox/checkbox.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "w-checkbox",
-          "declaration": {
-            "name": "WCheckbox",
-            "module": "packages/checkbox/checkbox.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "packages/checkbox-group/checkbox-group.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "WCheckboxGroup",
-          "members": [],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "w-checkbox-group",
-          "customElement": true,
-          "modulePath": "packages/checkbox-group/checkbox-group.ts",
-          "definitionPath": "packages/checkbox-group/checkbox-group.ts"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "WCheckboxGroup",
-          "declaration": {
-            "name": "WCheckboxGroup",
-            "module": "packages/checkbox-group/checkbox-group.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "w-checkbox-group",
-          "declaration": {
-            "name": "WCheckboxGroup",
-            "module": "packages/checkbox-group/checkbox-group.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "packages/slider-thumb/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": "invalid",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "invalid",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "allowValuesOutsideRange",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Set by `<w-slider>`"
-            },
-            {
-              "kind": "field",
-              "name": "markers",
-              "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"
-              },
-              "default": "''",
-              "description": "Set by `<w-slider>`"
-            },
-            {
-              "kind": "field",
-              "name": "formatter",
-              "type": {
-                "text": "(value: string, type: 'from' | 'to') => 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": "field",
-              "name": "#initialValue",
-              "privacy": "private",
-              "type": {
-                "text": "string | null"
-              },
-              "default": "null"
-            },
-            {
-              "kind": "method",
-              "name": "resetFormControl",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "type": {
-                "text": "resetFormControl() => void"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "#showTooltip",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "#hideTooltip",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "#syncRangeValue",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "#handleValidity",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "error",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "updateFieldAfterValidation",
-              "type": {
-                "text": "updateFieldAfterValidation() => void"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "#handleValueChange",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Promise<{ shouldCancel: boolean; originalValue?: string }>"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "isFromTextInput",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "#onInput",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Promise<boolean>"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "InputEvent | CustomEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "#onRangeSliderKeyDown",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Promise<void>"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "#onTextFieldFocus",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "e"
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "#onTextFieldBlur",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "e"
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "boundaryValue",
-              "type": {
-                "text": "string"
-              },
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "textFieldDisplayValue",
-              "description": "Value to display in the textfield (shows boundary when focused on empty value)",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "tooltipDisplayValue",
-              "type": {
-                "text": "string | number"
-              },
-              "description": "Value to display in the tooltip",
-              "readonly": true
-            }
-          ],
-          "events": [
-            {
-              "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"
-            },
-            {
-              "name": "invalid",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "invalid"
-            }
-          ],
-          "mixins": [
-            {
-              "name": "FormControlMixin",
-              "package": "@open-wc/form-control"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "w-slider-thumb",
-          "customElement": true,
-          "modulePath": "packages/slider-thumb/slider-thumb.ts",
-          "definitionPath": "packages/slider-thumb/slider-thumb.ts"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "custom-element-definition",
-          "name": "w-slider-thumb",
-          "declaration": {
-            "name": "WarpSliderThumb",
-            "module": "packages/slider-thumb/slider-thumb.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "WarpSliderThumb",
-          "declaration": {
-            "name": "WarpSliderThumb",
-            "module": "packages/slider-thumb/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": "allowValuesOutsideRange",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "allow-values-outside-range"
-            },
-            {
-              "kind": "field",
-              "name": "error",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "error",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "helpText",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "help-text",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "invalid",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "invalid",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "required",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Ensures a child slider thumb has a value before allowing the containing form to submit.",
-              "attribute": "required",
-              "reflects": true
-            },
-            {
-              "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"
-              },
-              "default": "''",
-              "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, type: 'to' | 'from') => string"
-              },
-              "description": "Function to format the to- and from labels and value in the slider thumb tooltip."
-            },
-            {
-              "kind": "field",
-              "name": "_invalidMessage",
-              "type": {
-                "text": "string"
-              },
-              "default": "''"
-            },
-            {
-              "kind": "field",
-              "name": "_hasInternalError",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "kind": "method",
-              "name": "#syncSliderThumbs",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "field",
-              "name": "edgeMin",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "edgeMax",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "#onInput",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "InputEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "#doValidation",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "#onSliderValidity",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "CustomEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "#getEdgeValue",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "boundary",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "input",
-                  "type": {
-                    "text": "WarpSliderThumb"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "#updateActiveTrack",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "input",
-                  "type": {
-                    "text": "WarpSliderThumb"
-                  }
-                }
-              ],
-              "description": "We use CSS variables to fill the active track with a background color."
-            },
-            {
-              "kind": "field",
-              "name": "componentHasError",
-              "type": {
-                "text": "boolean"
-              },
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "errorText",
-              "type": {
-                "text": "string"
-              },
-              "readonly": true
-            }
-          ],
-          "attributes": [
-            {
-              "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": "allow-values-outside-range",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "allowValuesOutsideRange"
-            },
-            {
-              "name": "error",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "error"
-            },
-            {
-              "name": "help-text",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "helpText"
-            },
-            {
-              "name": "invalid",
-              "type": {
-                "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"
-              },
-              "default": "''",
-              "description": "Suffix used in text input fields and for the min and max values of the slider.",
-              "fieldName": "suffix"
-            }
-          ],
-          "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/step/step.ts",
-      "declarations": [
-        {
-          "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/step/step.ts",
-          "definitionPath": "packages/step/step.ts"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "WarpStep",
-          "declaration": {
-            "name": "WarpStep",
-            "module": "packages/step/step.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "w-step",
-          "declaration": {
-            "name": "WarpStep",
-            "module": "packages/step/step.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "packages/step-indicator/step-indicator.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Steps are used to show progress through a process or to guide users through a multi-step task.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/components-steps--docs)",
-          "name": "WarpStepIndicator",
-          "members": [
-            {
-              "kind": "field",
-              "name": "horizontal",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "horizontal",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "right",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "right",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "updateStepsContext",
-              "type": {
-                "text": "updateStepsContext() => void"
-              }
+                "text": "number"
+              },
+              "privacy": "private",
+              "description": "Validated selected page (clamped to valid range)",
+              "readonly": true
             }
           ],
           "attributes": [
             {
-              "name": "horizontal",
+              "name": "selected-page",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "fieldName": "horizontal"
+              "default": "1",
+              "description": "Currently selected page (1-based index, clamped to valid range)",
+              "fieldName": "selectedPage"
             },
             {
-              "name": "right",
+              "name": "page-count",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "fieldName": "right"
+              "default": "1",
+              "description": "Total number of pages (minimum 1)",
+              "fieldName": "pageCount"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "w-step-indicator",
+          "tagName": "w-page-indicator",
           "customElement": true,
-          "modulePath": "packages/step-indicator/step-indicator.ts",
-          "definitionPath": "packages/step-indicator/step-indicator.ts"
+          "modulePath": "packages/page-indicator/page-indicator.ts",
+          "definitionPath": "packages/page-indicator/page-indicator.ts"
         }
       ],
       "exports": [
         {
-          "kind": "js",
-          "name": "WarpStepIndicator",
+          "kind": "custom-element-definition",
+          "name": "w-page-indicator",
           "declaration": {
-            "name": "WarpStepIndicator",
-            "module": "packages/step-indicator/step-indicator.ts"
+            "name": "WarpPageIndicator",
+            "module": "packages/page-indicator/page-indicator.ts"
           }
         },
         {
-          "kind": "custom-element-definition",
-          "name": "w-step-indicator",
+          "kind": "js",
+          "name": "WarpPageIndicator",
           "declaration": {
-            "name": "WarpStepIndicator",
-            "module": "packages/step-indicator/step-indicator.ts"
+            "name": "WarpPageIndicator",
+            "module": "packages/page-indicator/page-indicator.ts"
           }
         }
       ]
@@ -6986,322 +4712,141 @@
     },
     {
       "kind": "javascript-module",
-      "path": "packages/textarea/textarea.ts",
+      "path": "packages/icon/icon.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",
+          "description": "",
+          "name": "WIcon",
           "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",
+              "default": "''",
+              "description": "Icon filename (without .svg)",
+              "attribute": "name",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "required",
+              "name": "size",
               "type": {
-                "text": "boolean"
+                "text": "'small' | 'medium' | 'large' | string"
               },
-              "attribute": "required",
+              "default": "'medium'",
+              "description": "Size: small, medium, large or pixel value (e.g. \"32px\")",
+              "attribute": "size",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "locale",
               "type": {
                 "text": "string"
               },
-              "attribute": "value",
+              "default": "'en'",
+              "description": "Locale used in CDN URL",
+              "attribute": "locale",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "optional",
+              "name": "svg",
               "type": {
-                "text": "boolean"
+                "text": "SVGElement | null"
               },
-              "attribute": "optional",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "minHeight"
-            },
-            {
-              "kind": "field",
-              "name": "maxHeight"
-            },
-            {
-              "kind": "field",
-              "name": "#initialValue",
               "privacy": "private",
-              "type": {
-                "text": "string | null"
-              },
-              "default": "null"
+              "default": "null",
+              "description": "Parsed SVG element (not reflected as attribute)"
             },
             {
               "kind": "method",
-              "name": "resetFormControl",
+              "name": "fetchIcon",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": ""
                 }
               },
-              "type": {
-                "text": "resetFormControl() => void"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "handler",
               "parameters": [
                 {
-                  "name": "e",
+                  "name": "iconName",
                   "type": {
-                    "text": "InputEvent"
-                  }
+                    "text": "string"
+                  },
+                  "description": "Name of the icon file"
                 }
               ],
-              "type": {
-                "text": "handler(e: InputEvent) => void"
-              }
+              "description": "Fetch an icon SVG from the CDN, with caching"
             },
             {
               "kind": "method",
-              "name": "#resize",
+              "name": "loadIcon",
               "privacy": "private",
-              "parameters": [
-                {
-                  "name": "target",
-                  "type": {
-                    "text": "HTMLTextAreaElement"
-                  }
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
                 }
-              ],
-              "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"
               },
+              "default": "''",
+              "description": "Icon filename (without .svg)",
               "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",
+              "name": "size",
               "type": {
-                "text": "boolean"
+                "text": "'small' | 'medium' | 'large' | string"
               },
-              "fieldName": "required"
+              "default": "'medium'",
+              "description": "Size: small, medium, large or pixel value (e.g. \"32px\")",
+              "fieldName": "size"
             },
             {
-              "name": "value",
+              "name": "locale",
               "type": {
                 "text": "string"
               },
-              "fieldName": "value"
-            },
-            {
-              "name": "optional",
-              "type": {
-                "text": "boolean"
-              },
-              "fieldName": "optional"
-            }
-          ],
-          "mixins": [
-            {
-              "name": "FormControlMixin",
-              "package": "@open-wc/form-control"
+              "default": "'en'",
+              "description": "Locale used in CDN URL",
+              "fieldName": "locale"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "w-textarea",
+          "tagName": "w-icon",
           "customElement": true,
-          "modulePath": "packages/textarea/textarea.ts",
-          "definitionPath": "packages/textarea/textarea.ts"
+          "modulePath": "packages/icon/icon.ts",
+          "definitionPath": "packages/icon/icon.ts"
         }
       ],
       "exports": [
         {
-          "kind": "custom-element-definition",
-          "name": "w-textarea",
+          "kind": "js",
+          "name": "WIcon",
           "declaration": {
-            "name": "WarpTextarea",
-            "module": "packages/textarea/textarea.ts"
+            "name": "WIcon",
+            "module": "packages/icon/icon.ts"
           }
         },
         {
-          "kind": "js",
-          "name": "WarpTextarea",
+          "kind": "custom-element-definition",
+          "name": "w-icon",
           "declaration": {
-            "name": "WarpTextarea",
-            "module": "packages/textarea/textarea.ts"
+            "name": "WIcon",
+            "module": "packages/icon/icon.ts"
           }
         }
       ]