{
  "version": 2,
  "tags": [
    {
      "name": "wl-ripple",
      "description": "Indicate touch actions.",
      "jsDoc": "/**\n * Indicate touch actions.\n * @cssprop --ripple-color - Color.\n * @cssprop --ripple-opacity - Opacity.\n */",
      "attributes": [
        {
          "name": "unbounded",
          "description": "Makes the ripple visible outside the bounds.",
          "jsDoc": "/**\n\t * Makes the ripple visible outside the bounds.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "centered",
          "description": "Makes ripple appear from the center.",
          "jsDoc": "/**\n\t * Makes ripple appear from the center.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "overlay",
          "description": "Overlays the ripple.",
          "jsDoc": "/**\n\t * Overlays the ripple.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "disabled",
          "description": "Disables the ripple.",
          "jsDoc": "/**\n\t * Disables the ripple.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "focusable",
          "description": "Allows focusin to spawn a ripple.",
          "jsDoc": "/**\n\t * Allows focusin to spawn a ripple.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "autoRelease",
          "description": "Releases the ripple after it has been spawned.",
          "jsDoc": "/**\n\t * Releases the ripple after it has been spawned.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "initialDuration",
          "description": "Initial animation duration.",
          "jsDoc": "/**\n\t * Initial animation duration.\n\t * @attr\n\t */",
          "type": "number"
        },
        {
          "name": "releaseDuration",
          "description": "Fade out animation duration.",
          "jsDoc": "/**\n\t * Fade out animation duration.\n\t * @attr\n\t */",
          "type": "number"
        },
        {
          "name": "role",
          "description": "Role of the ripple.",
          "jsDoc": "/**\n\t * Role of the ripple.\n\t * @attr\n\t */",
          "type": "AriaRole"
        },
        {
          "name": "target",
          "description": "Target for the spawn ripple events.",
          "jsDoc": "/**\n\t * Target for the spawn ripple events.\n\t * @attr\n\t */",
          "type": "EventTarget"
        }
      ],
      "properties": [
        {
          "name": "unbounded",
          "description": "Makes the ripple visible outside the bounds.",
          "jsDoc": "/**\n\t * Makes the ripple visible outside the bounds.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "centered",
          "description": "Makes ripple appear from the center.",
          "jsDoc": "/**\n\t * Makes ripple appear from the center.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "overlay",
          "description": "Overlays the ripple.",
          "jsDoc": "/**\n\t * Overlays the ripple.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "disabled",
          "description": "Disables the ripple.",
          "jsDoc": "/**\n\t * Disables the ripple.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "focusable",
          "description": "Allows focusin to spawn a ripple.",
          "jsDoc": "/**\n\t * Allows focusin to spawn a ripple.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "autoRelease",
          "description": "Releases the ripple after it has been spawned.",
          "jsDoc": "/**\n\t * Releases the ripple after it has been spawned.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "initialDuration",
          "description": "Initial animation duration.",
          "jsDoc": "/**\n\t * Initial animation duration.\n\t * @attr\n\t */",
          "type": "number"
        },
        {
          "name": "releaseDuration",
          "description": "Fade out animation duration.",
          "jsDoc": "/**\n\t * Fade out animation duration.\n\t * @attr\n\t */",
          "type": "number"
        },
        {
          "name": "role",
          "description": "Role of the ripple.",
          "jsDoc": "/**\n\t * Role of the ripple.\n\t * @attr\n\t */",
          "type": "AriaRole"
        },
        {
          "name": "target",
          "description": "Target for the spawn ripple events.",
          "jsDoc": "/**\n\t * Target for the spawn ripple events.\n\t * @attr\n\t */",
          "type": "EventTarget"
        },
        {
          "name": "x",
          "type": "number"
        },
        {
          "name": "y",
          "type": "number"
        }
      ],
      "cssProperties": [
        {
          "name": "--ripple-opacity",
          "description": "Opacity."
        },
        {
          "name": "--ripple-color",
          "description": "Color."
        }
      ]
    },
    {
      "name": "wl-button",
      "description": "Allow users to take actions, and make choices, with a single tap.",
      "jsDoc": "/**\n * Allow users to take actions, and make choices, with a single tap.\n * @slot - Default content.\n * @cssprop --button-letter-spacing - Letter spacing\n * @cssprop --button-transition - Transition\n * @cssprop --button-padding - Padding\n * @cssprop --button-font-size - Font size\n * @cssprop --button-border-radius - Border radius\n * @cssprop --button-font-family - Font family\n * @cssprop --button-fab-size - Size of the button when fab attribute is present.\n * @cssprop --button-color - Default color\n * @cssprop --button-bg - Default background\n * @cssprop --button-shadow-color - Default shadow color\n * @cssprop --button-color-hover - Color when :hover or :focus\n * @cssprop --button-bg-hover - Background when :hover or :focus\n * @cssprop --button-shadow-color-hover - Shadow color when :hover or :focus\n * @cssprop --button-color-active - Button color when :active\n * @cssprop --button-bg-active - Background when :active\n * @cssprop --button-bg-active-flat - Background when :active and flat attribute is present.\n * @cssprop --button-color-disabled - Color when disabled\n * @cssprop --button-bg-disabled - Background when disabled\n * @cssprop --button-border-outlined - Border when outlined attribute is present\n */",
      "attributes": [
        {
          "name": "disabled",
          "description": "Disables the element.",
          "jsDoc": "/**\n\t * Disables the element.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "readonly",
          "description": "Makes the element readonly (disabled but tabbable)",
          "jsDoc": "/**\n\t * Makes the element readonly (disabled but tabbable)\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "required",
          "description": "Makes the element required in a form context.",
          "jsDoc": "/**\n\t * Makes the element required in a form context.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "name",
          "description": "Name of the native form element.",
          "jsDoc": "/**\n\t * Name of the native form element.\n\t * @attr\n\t */",
          "type": "string | undefined"
        },
        {
          "name": "value",
          "description": "Value of the form element.",
          "jsDoc": "/**\n\t * Value of the form element.\n\t * @attr\n\t * @param value\n\t */",
          "type": "string"
        },
        {
          "name": "type",
          "description": "Type of the button.",
          "jsDoc": "/**\n\t * Type of the button.\n\t * @attr\n\t */",
          "type": "\"button\" | \"submit\""
        },
        {
          "name": "inverted",
          "description": "Inverts the colors of the button.",
          "jsDoc": "/**\n\t * Inverts the colors of the button.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "fab",
          "description": "Makes the button round and squared.",
          "jsDoc": "/**\n\t * Makes the button round and squared.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "outlined",
          "description": "Makes the button outlined.",
          "jsDoc": "/**\n\t * Makes the button outlined.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "noRipple",
          "description": "Deactivates the ripple.",
          "jsDoc": "/**\n\t * Deactivates the ripple.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "flat",
          "description": "Makes the button flat.",
          "jsDoc": "/**\n\t * Makes the button flat.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "role",
          "description": "Role of the button.",
          "jsDoc": "/**\n\t * Role of the button.\n\t * @attr\n\t */",
          "type": "AriaRole"
        }
      ],
      "properties": [
        {
          "name": "disabled",
          "description": "Disables the element.",
          "jsDoc": "/**\n\t * Disables the element.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "readonly",
          "description": "Makes the element readonly (disabled but tabbable)",
          "jsDoc": "/**\n\t * Makes the element readonly (disabled but tabbable)\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "required",
          "description": "Makes the element required in a form context.",
          "jsDoc": "/**\n\t * Makes the element required in a form context.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "name",
          "description": "Name of the native form element.",
          "jsDoc": "/**\n\t * Name of the native form element.\n\t * @attr\n\t */",
          "type": "string | undefined"
        },
        {
          "name": "value",
          "description": "Value of the form element.",
          "jsDoc": "/**\n\t * Value of the form element.\n\t * @attr\n\t * @param value\n\t */",
          "type": "string"
        },
        {
          "name": "type",
          "description": "Type of the button.",
          "jsDoc": "/**\n\t * Type of the button.\n\t * @attr\n\t */",
          "type": "\"button\" | \"submit\""
        },
        {
          "name": "inverted",
          "description": "Inverts the colors of the button.",
          "jsDoc": "/**\n\t * Inverts the colors of the button.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "fab",
          "description": "Makes the button round and squared.",
          "jsDoc": "/**\n\t * Makes the button round and squared.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "outlined",
          "description": "Makes the button outlined.",
          "jsDoc": "/**\n\t * Makes the button outlined.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "noRipple",
          "description": "Deactivates the ripple.",
          "jsDoc": "/**\n\t * Deactivates the ripple.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "flat",
          "description": "Makes the button flat.",
          "jsDoc": "/**\n\t * Makes the button flat.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "role",
          "description": "Role of the button.",
          "jsDoc": "/**\n\t * Role of the button.\n\t * @attr\n\t */",
          "type": "AriaRole"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "Default content."
        }
      ],
      "cssProperties": [
        {
          "name": "--button-border-outlined",
          "description": "Border when outlined attribute is present"
        },
        {
          "name": "--button-bg-disabled",
          "description": "Background when disabled"
        },
        {
          "name": "--button-color-disabled",
          "description": "Color when disabled"
        },
        {
          "name": "--button-bg-active-flat",
          "description": "Background when :active and flat attribute is present."
        },
        {
          "name": "--button-bg-active",
          "description": "Background when :active"
        },
        {
          "name": "--button-color-active",
          "description": "Button color when :active"
        },
        {
          "name": "--button-shadow-color-hover",
          "description": "Shadow color when :hover or :focus"
        },
        {
          "name": "--button-bg-hover",
          "description": "Background when :hover or :focus"
        },
        {
          "name": "--button-color-hover",
          "description": "Color when :hover or :focus"
        },
        {
          "name": "--button-shadow-color",
          "description": "Default shadow color"
        },
        {
          "name": "--button-bg",
          "description": "Default background"
        },
        {
          "name": "--button-color",
          "description": "Default color"
        },
        {
          "name": "--button-fab-size",
          "description": "Size of the button when fab attribute is present."
        },
        {
          "name": "--button-font-family",
          "description": "Font family"
        },
        {
          "name": "--button-border-radius",
          "description": "Border radius"
        },
        {
          "name": "--button-font-size",
          "description": "Font size"
        },
        {
          "name": "--button-padding",
          "description": "Padding"
        },
        {
          "name": "--button-transition",
          "description": "Transition"
        },
        {
          "name": "--button-letter-spacing",
          "description": "Letter spacing"
        }
      ]
    },
    {
      "name": "wl-progress-bar",
      "description": "Fills a bar from 0% to 100%.",
      "jsDoc": "/**\n * Fills a bar from 0% to 100%.\n * @cssprop --progress-bar-height - Height\n * @cssprop --progress-bar-bg - Background\n * @cssprop --progress-bar-color - Color\n * @cssprop --progress-bar-buffer-color - Color of the buffer\n * @cssprop --progress-bar-determinate-transition - Transition when determinate\n * @cssprop --progress-bar-indeterminate-duration - Duration of the indeterminate animation\n * @cssprop --progress-bar-indeterminate-short-delay - Delay of the short bar of indeterminate animation\n * @cssprop --progress-bar-indeterminate-timing-function - Timing function of the indeterminate animation\n */",
      "attributes": [
        {
          "name": "mode",
          "description": "Animation mode.",
          "jsDoc": "/**\n\t * Animation mode.\n\t * @attr\n\t */",
          "type": "ProgressMode"
        },
        {
          "name": "value",
          "description": "Progress value.",
          "jsDoc": "/**\n\t * Progress value.\n\t * @attr\n\t */",
          "type": "number"
        },
        {
          "name": "max",
          "description": "Max progress value.",
          "jsDoc": "/**\n\t * Max progress value.\n\t * @attr\n\t */",
          "type": "number"
        },
        {
          "name": "min",
          "description": "Min progress value.",
          "jsDoc": "/**\n\t * Min progress value.\n\t * @attr\n\t */",
          "type": "number"
        },
        {
          "name": "buffer",
          "description": "Buffer progress value.",
          "jsDoc": "/**\n\t * Buffer progress value.\n\t * @attr\n\t */",
          "type": "number"
        },
        {
          "name": "bufferMax",
          "description": "Max buffer progress value.",
          "jsDoc": "/**\n\t * Max buffer progress value.\n\t * @attr\n\t */",
          "type": "number"
        },
        {
          "name": "bufferMin",
          "description": "Min buffer progress value.",
          "jsDoc": "/**\n\t * Min buffer progress value.\n\t * @attr\n\t */",
          "type": "number"
        },
        {
          "name": "role",
          "description": "Role of the progress behavior.",
          "jsDoc": "/**\n\t * Role of the progress behavior.\n\t * @attr\n\t */",
          "type": "AriaRole"
        }
      ],
      "properties": [
        {
          "name": "mode",
          "description": "Animation mode.",
          "jsDoc": "/**\n\t * Animation mode.\n\t * @attr\n\t */",
          "type": "ProgressMode"
        },
        {
          "name": "value",
          "description": "Progress value.",
          "jsDoc": "/**\n\t * Progress value.\n\t * @attr\n\t */",
          "type": "number"
        },
        {
          "name": "max",
          "description": "Max progress value.",
          "jsDoc": "/**\n\t * Max progress value.\n\t * @attr\n\t */",
          "type": "number"
        },
        {
          "name": "min",
          "description": "Min progress value.",
          "jsDoc": "/**\n\t * Min progress value.\n\t * @attr\n\t */",
          "type": "number"
        },
        {
          "name": "buffer",
          "description": "Buffer progress value.",
          "jsDoc": "/**\n\t * Buffer progress value.\n\t * @attr\n\t */",
          "type": "number"
        },
        {
          "name": "bufferMax",
          "description": "Max buffer progress value.",
          "jsDoc": "/**\n\t * Max buffer progress value.\n\t * @attr\n\t */",
          "type": "number"
        },
        {
          "name": "bufferMin",
          "description": "Min buffer progress value.",
          "jsDoc": "/**\n\t * Min buffer progress value.\n\t * @attr\n\t */",
          "type": "number"
        },
        {
          "name": "role",
          "description": "Role of the progress behavior.",
          "jsDoc": "/**\n\t * Role of the progress behavior.\n\t * @attr\n\t */",
          "type": "AriaRole"
        }
      ],
      "cssProperties": [
        {
          "name": "--progress-bar-indeterminate-timing-function",
          "description": "Timing function of the indeterminate animation"
        },
        {
          "name": "--progress-bar-indeterminate-short-delay",
          "description": "Delay of the short bar of indeterminate animation"
        },
        {
          "name": "--progress-bar-indeterminate-duration",
          "description": "Duration of the indeterminate animation"
        },
        {
          "name": "--progress-bar-determinate-transition",
          "description": "Transition when determinate"
        },
        {
          "name": "--progress-bar-buffer-color",
          "description": "Color of the buffer"
        },
        {
          "name": "--progress-bar-color",
          "description": "Color"
        },
        {
          "name": "--progress-bar-bg",
          "description": "Background"
        },
        {
          "name": "--progress-bar-height",
          "description": "Height"
        }
      ]
    },
    {
      "name": "wl-progress-spinner",
      "description": "Fills a circle from 0% to 100%.",
      "jsDoc": "/**\n * Fills a circle from 0% to 100%.\n * @cssprop --progress-spinner-size - Width and height\n * @cssprop --progress-spinner-color - Color\n * @cssprop --progress-spinner-buffer-color - Color of the buffer\n * @cssprop --progress-spinner-stroke-width - Width of the spinner stroke\n * @cssprop --progress-spinner-determinate-progress-transition - Transition of the spinner when determinate\n * @cssprop --progress-spinner-indeterminate-container-duration - Duration of the indeterminate animation for the container\n * @cssprop --progress-spinner-indeterminate-progress-duration - Duration of the indeterminate animation for the spinner\n * @cssprop --progress-spinner-indeterminate-timing-function - Timing function of the indeterminate animation\n */",
      "attributes": [
        {
          "name": "mode",
          "description": "Animation mode.",
          "jsDoc": "/**\n\t * Animation mode.\n\t * @attr\n\t */",
          "type": "ProgressMode"
        },
        {
          "name": "value",
          "description": "Progress value.",
          "jsDoc": "/**\n\t * Progress value.\n\t * @attr\n\t */",
          "type": "number"
        },
        {
          "name": "max",
          "description": "Max progress value.",
          "jsDoc": "/**\n\t * Max progress value.\n\t * @attr\n\t */",
          "type": "number"
        },
        {
          "name": "min",
          "description": "Min progress value.",
          "jsDoc": "/**\n\t * Min progress value.\n\t * @attr\n\t */",
          "type": "number"
        },
        {
          "name": "buffer",
          "description": "Buffer progress value.",
          "jsDoc": "/**\n\t * Buffer progress value.\n\t * @attr\n\t */",
          "type": "number"
        },
        {
          "name": "bufferMax",
          "description": "Max buffer progress value.",
          "jsDoc": "/**\n\t * Max buffer progress value.\n\t * @attr\n\t */",
          "type": "number"
        },
        {
          "name": "bufferMin",
          "description": "Min buffer progress value.",
          "jsDoc": "/**\n\t * Min buffer progress value.\n\t * @attr\n\t */",
          "type": "number"
        },
        {
          "name": "role",
          "description": "Role of the progress behavior.",
          "jsDoc": "/**\n\t * Role of the progress behavior.\n\t * @attr\n\t */",
          "type": "AriaRole"
        }
      ],
      "properties": [
        {
          "name": "mode",
          "description": "Animation mode.",
          "jsDoc": "/**\n\t * Animation mode.\n\t * @attr\n\t */",
          "type": "ProgressMode"
        },
        {
          "name": "value",
          "description": "Progress value.",
          "jsDoc": "/**\n\t * Progress value.\n\t * @attr\n\t */",
          "type": "number"
        },
        {
          "name": "max",
          "description": "Max progress value.",
          "jsDoc": "/**\n\t * Max progress value.\n\t * @attr\n\t */",
          "type": "number"
        },
        {
          "name": "min",
          "description": "Min progress value.",
          "jsDoc": "/**\n\t * Min progress value.\n\t * @attr\n\t */",
          "type": "number"
        },
        {
          "name": "buffer",
          "description": "Buffer progress value.",
          "jsDoc": "/**\n\t * Buffer progress value.\n\t * @attr\n\t */",
          "type": "number"
        },
        {
          "name": "bufferMax",
          "description": "Max buffer progress value.",
          "jsDoc": "/**\n\t * Max buffer progress value.\n\t * @attr\n\t */",
          "type": "number"
        },
        {
          "name": "bufferMin",
          "description": "Min buffer progress value.",
          "jsDoc": "/**\n\t * Min buffer progress value.\n\t * @attr\n\t */",
          "type": "number"
        },
        {
          "name": "role",
          "description": "Role of the progress behavior.",
          "jsDoc": "/**\n\t * Role of the progress behavior.\n\t * @attr\n\t */",
          "type": "AriaRole"
        }
      ],
      "cssProperties": [
        {
          "name": "--progress-spinner-indeterminate-timing-function",
          "description": "Timing function of the indeterminate animation"
        },
        {
          "name": "--progress-spinner-indeterminate-progress-duration",
          "description": "Duration of the indeterminate animation for the spinner"
        },
        {
          "name": "--progress-spinner-indeterminate-container-duration",
          "description": "Duration of the indeterminate animation for the container"
        },
        {
          "name": "--progress-spinner-determinate-progress-transition",
          "description": "Transition of the spinner when determinate"
        },
        {
          "name": "--progress-spinner-stroke-width",
          "description": "Width of the spinner stroke"
        },
        {
          "name": "--progress-spinner-buffer-color",
          "description": "Color of the buffer"
        },
        {
          "name": "--progress-spinner-color",
          "description": "Color"
        },
        {
          "name": "--progress-spinner-size",
          "description": "Width and height"
        }
      ]
    },
    {
      "name": "wl-backdrop",
      "description": "Dark layer to use behind overlayed elements.",
      "jsDoc": "/**\n * Dark layer to use behind overlayed elements.\n * @cssprop --backdrop-bg - Background.\n */",
      "attributes": [
        {
          "name": "role",
          "description": "Role of the backdrop.",
          "jsDoc": "/**\n\t * Role of the backdrop.\n\t * @attr\n\t */",
          "type": "AriaRole"
        }
      ],
      "properties": [
        {
          "name": "role",
          "description": "Role of the backdrop.",
          "jsDoc": "/**\n\t * Role of the backdrop.\n\t * @attr\n\t */",
          "type": "AriaRole"
        }
      ],
      "cssProperties": [
        {
          "name": "--backdrop-bg",
          "description": "Background."
        }
      ]
    },
    {
      "name": "wl-dialog",
      "description": "Highly interruptive messages.",
      "jsDoc": "/**\n * Highly interruptive messages.\n * @slot header - Header content.\n * @slot content - Body content.\n * @slot footer - Footer content.\n * @slot - Default content.\n * @cssprop --dialog-elevation - Box shadow\n * @cssprop --dialog-bg - Background\n * @cssprop --dialog-color - Color\n * @cssprop --dialog-border-radius - Border radius\n * @cssprop --dialog-width - Default width\n * @cssprop --dialog-height - Default height\n * @cssprop --dialog-width-s - Small width\n * @cssprop --dialog-height-s - Small height\n * @cssprop --dialog-width-m - Medium width\n * @cssprop --dialog-height-m - Medium height\n * @cssprop --dialog-width-l - Large width\n * @cssprop --dialog-height-l - Large height\n * @cssprop --dialog-width-fullscreen - Fullscreen width\n * @cssprop --dialog-height-fullscreen - Fullscreen height\n * @cssprop --dialog-min-width - Minimum width\n * @cssprop --dialog-min-height - Minimum height\n * @cssprop --dialog-max-width - Maximum width\n * @cssprop --dialog-max-height - Maximum height\n * @cssprop --dialog-width-auto - Width when auto\n * @cssprop --dialog-height-auto - Height when auto\n * @cssprop --dialog-scrollable-border - Border when scrollable\n * @cssprop --dialog-header-padding - Padding of the header slot\n * @cssprop --dialog-header-padding-scrollable - Padding of the header slot when scrollable\n * @cssprop --dialog-content-padding - Padding of the content slot\n * @cssprop --dialog-footer-padding - Padding of the footer slot\n */",
      "attributes": [
        {
          "name": "open",
          "description": "Whether the overlay is open or not.",
          "jsDoc": "/**\n\t * Whether the overlay is open or not.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "disableFocusTrap",
          "description": "Whether the focus trap be disabled.",
          "jsDoc": "/**\n\t * Whether the focus trap be disabled.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "backdrop",
          "description": "Whether the backdrop is visible or not.",
          "jsDoc": "/**\n\t * Whether the backdrop is visible or not.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "fixed",
          "description": "Whether the overlay is fixed or not.",
          "jsDoc": "/**\n\t * Whether the overlay is fixed or not.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "persistent",
          "description": "Whether the overlay is persistent or not. When the overlay is persistent, ESCAPE and backdrop clicks won't close it.",
          "jsDoc": "/**\n\t * Whether the overlay is persistent or not. When the overlay is persistent, ESCAPE and backdrop clicks won't close it.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "blockScrolling",
          "description": "Whether the overlay blocks the scrolling on the scroll container.",
          "jsDoc": "/**\n\t * Whether the overlay blocks the scrolling on the scroll container.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "duration",
          "description": "The duration of the animations.",
          "jsDoc": "/**\n\t * The duration of the animations.\n\t * @attr\n\t */",
          "type": "number"
        },
        {
          "name": "scrollContainer",
          "description": "The container the overlay lives in.",
          "jsDoc": "/**\n\t * The container the overlay lives in.\n\t * @attr\n\t */",
          "type": "EventTarget"
        },
        {
          "name": "size",
          "description": "Size of the dialog.",
          "jsDoc": "/**\n\t * Size of the dialog.\n\t * @attr\n\t */",
          "type": "DialogSize | undefined"
        },
        {
          "name": "scrollable",
          "description": "Makes the dialog scrollable.",
          "jsDoc": "/**\n\t * Makes the dialog scrollable.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "role",
          "description": "Role of the dialog.",
          "jsDoc": "/**\n\t * Role of the dialog.\n\t * @attr\n\t */",
          "type": "AriaRole"
        }
      ],
      "properties": [
        {
          "name": "open",
          "description": "Whether the overlay is open or not.",
          "jsDoc": "/**\n\t * Whether the overlay is open or not.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "disableFocusTrap",
          "description": "Whether the focus trap be disabled.",
          "jsDoc": "/**\n\t * Whether the focus trap be disabled.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "backdrop",
          "description": "Whether the backdrop is visible or not.",
          "jsDoc": "/**\n\t * Whether the backdrop is visible or not.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "fixed",
          "description": "Whether the overlay is fixed or not.",
          "jsDoc": "/**\n\t * Whether the overlay is fixed or not.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "persistent",
          "description": "Whether the overlay is persistent or not. When the overlay is persistent, ESCAPE and backdrop clicks won't close it.",
          "jsDoc": "/**\n\t * Whether the overlay is persistent or not. When the overlay is persistent, ESCAPE and backdrop clicks won't close it.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "blockScrolling",
          "description": "Whether the overlay blocks the scrolling on the scroll container.",
          "jsDoc": "/**\n\t * Whether the overlay blocks the scrolling on the scroll container.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "duration",
          "description": "The duration of the animations.",
          "jsDoc": "/**\n\t * The duration of the animations.\n\t * @attr\n\t */",
          "type": "number"
        },
        {
          "name": "scrollContainer",
          "description": "The container the overlay lives in.",
          "jsDoc": "/**\n\t * The container the overlay lives in.\n\t * @attr\n\t */",
          "type": "EventTarget"
        },
        {
          "name": "CAN_USE_RESIZE_OBSERVER",
          "type": "IResizeSubscriber"
        },
        {
          "name": "size",
          "description": "Size of the dialog.",
          "jsDoc": "/**\n\t * Size of the dialog.\n\t * @attr\n\t */",
          "type": "DialogSize | undefined"
        },
        {
          "name": "scrollable",
          "description": "Makes the dialog scrollable.",
          "jsDoc": "/**\n\t * Makes the dialog scrollable.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "role",
          "description": "Role of the dialog.",
          "jsDoc": "/**\n\t * Role of the dialog.\n\t * @attr\n\t */",
          "type": "AriaRole"
        }
      ],
      "events": [
        {
          "name": "didhide",
          "description": "Dispatches after the overlay has been hidden."
        },
        {
          "name": "didshow",
          "description": "Dispatches after the overlay has been shown."
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "Default content."
        },
        {
          "name": "footer",
          "description": "Footer content."
        },
        {
          "name": "content",
          "description": "Body content."
        },
        {
          "name": "header",
          "description": "Header content."
        }
      ],
      "cssProperties": [
        {
          "name": "--dialog-footer-padding",
          "description": "Padding of the footer slot"
        },
        {
          "name": "--dialog-content-padding",
          "description": "Padding of the content slot"
        },
        {
          "name": "--dialog-header-padding-scrollable",
          "description": "Padding of the header slot when scrollable"
        },
        {
          "name": "--dialog-header-padding",
          "description": "Padding of the header slot"
        },
        {
          "name": "--dialog-scrollable-border",
          "description": "Border when scrollable"
        },
        {
          "name": "--dialog-height-auto",
          "description": "Height when auto"
        },
        {
          "name": "--dialog-width-auto",
          "description": "Width when auto"
        },
        {
          "name": "--dialog-max-height",
          "description": "Maximum height"
        },
        {
          "name": "--dialog-max-width",
          "description": "Maximum width"
        },
        {
          "name": "--dialog-min-height",
          "description": "Minimum height"
        },
        {
          "name": "--dialog-min-width",
          "description": "Minimum width"
        },
        {
          "name": "--dialog-height-fullscreen",
          "description": "Fullscreen height"
        },
        {
          "name": "--dialog-width-fullscreen",
          "description": "Fullscreen width"
        },
        {
          "name": "--dialog-height-l",
          "description": "Large height"
        },
        {
          "name": "--dialog-width-l",
          "description": "Large width"
        },
        {
          "name": "--dialog-height-m",
          "description": "Medium height"
        },
        {
          "name": "--dialog-width-m",
          "description": "Medium width"
        },
        {
          "name": "--dialog-height-s",
          "description": "Small height"
        },
        {
          "name": "--dialog-width-s",
          "description": "Small width"
        },
        {
          "name": "--dialog-height",
          "description": "Default height"
        },
        {
          "name": "--dialog-width",
          "description": "Default width"
        },
        {
          "name": "--dialog-border-radius",
          "description": "Border radius"
        },
        {
          "name": "--dialog-color",
          "description": "Color"
        },
        {
          "name": "--dialog-bg",
          "description": "Background"
        },
        {
          "name": "--dialog-elevation",
          "description": "Box shadow"
        }
      ]
    },
    {
      "name": "wl-divider",
      "description": "Thin line that groups content in lists and layouts.",
      "jsDoc": "/**\n * Thin line that groups content in lists and layouts.\n * @cssprop --divider-color - Color of the divider\n * @cssprop --divider-size - Width or height of the divider\n */",
      "attributes": [
        {
          "name": "role",
          "description": "Role of the backdrop.",
          "jsDoc": "/**\n\t * Role of the backdrop.\n\t * @attr\n\t */",
          "type": "AriaRole"
        },
        {
          "name": "vertical",
          "description": "Makes the divider vertical.",
          "jsDoc": "/**\n\t * Makes the divider vertical.\n\t * @attr\n\t */",
          "type": "boolean"
        }
      ],
      "properties": [
        {
          "name": "role",
          "description": "Role of the backdrop.",
          "jsDoc": "/**\n\t * Role of the backdrop.\n\t * @attr\n\t */",
          "type": "AriaRole"
        },
        {
          "name": "vertical",
          "description": "Makes the divider vertical.",
          "jsDoc": "/**\n\t * Makes the divider vertical.\n\t * @attr\n\t */",
          "type": "boolean"
        }
      ],
      "cssProperties": [
        {
          "name": "--divider-size",
          "description": "Width or height of the divider"
        },
        {
          "name": "--divider-color",
          "description": "Color of the divider"
        }
      ]
    },
    {
      "name": "wl-banner",
      "description": "Display a non-interruptive message and related optional actions.",
      "jsDoc": "/**\n * Display a non-interruptive message and related optional actions.\n * @slot icon - Icon content.\n * @slot action - Action content (you can have multiple slots named action).\n * @slot - Default content.\n * @cssprop --banner-icon-margin - Margin of the icon slot\n * @cssprop --banner-padding - Padding\n * @cssprop --banner-content-padding - Padding of the content slot\n * @cssprop --banner-icon-color - Color of the icon\n * @cssprop --banner-color - Color\n * @cssprop --banner-bg - Background\n */",
      "attributes": [
        {
          "name": "role",
          "description": "Role of the banner.",
          "jsDoc": "/**\n\t * Role of the banner.\n\t * @attr\n\t */",
          "type": "AriaRole"
        }
      ],
      "properties": [
        {
          "name": "role",
          "description": "Role of the banner.",
          "jsDoc": "/**\n\t * Role of the banner.\n\t * @attr\n\t */",
          "type": "AriaRole"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "Default content."
        },
        {
          "name": "action",
          "description": "Action content (you can have multiple slots named action)."
        },
        {
          "name": "icon",
          "description": "Icon content."
        }
      ],
      "cssProperties": [
        {
          "name": "--banner-bg",
          "description": "Background"
        },
        {
          "name": "--banner-color",
          "description": "Color"
        },
        {
          "name": "--banner-icon-color",
          "description": "Color of the icon"
        },
        {
          "name": "--banner-content-padding",
          "description": "Padding of the content slot"
        },
        {
          "name": "--banner-padding",
          "description": "Padding"
        },
        {
          "name": "--banner-icon-margin",
          "description": "Margin of the icon slot"
        }
      ]
    },
    {
      "name": "wl-icon",
      "description": "Symbols for common actions and items.",
      "jsDoc": "/**\n * Symbols for common actions and items.\n * @slot - Name of the icon.\n * @cssprop --icon-font - Font family\n * @cssprop --icon-size - Width and height\n */",
      "attributes": [
        {
          "name": "role",
          "description": "Roles of the icon.",
          "jsDoc": "/**\n\t * Roles of the icon.\n\t * @attr\n\t */",
          "type": "AriaRole"
        }
      ],
      "properties": [
        {
          "name": "role",
          "description": "Roles of the icon.",
          "jsDoc": "/**\n\t * Roles of the icon.\n\t * @attr\n\t */",
          "type": "AriaRole"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "Name of the icon."
        }
      ],
      "cssProperties": [
        {
          "name": "--icon-size",
          "description": "Width and height"
        },
        {
          "name": "--icon-font",
          "description": "Font family"
        }
      ]
    },
    {
      "name": "wl-textfield",
      "description": "Singleline text fields.",
      "jsDoc": "/**\n * Singleline text fields.\n */",
      "attributes": [
        {
          "name": "disabled",
          "description": "Disables the element.",
          "jsDoc": "/**\n\t * Disables the element.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "readonly",
          "description": "Makes the element readonly (disabled but tabbable)",
          "jsDoc": "/**\n\t * Makes the element readonly (disabled but tabbable)\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "required",
          "description": "Makes the element required in a form context.",
          "jsDoc": "/**\n\t * Makes the element required in a form context.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "name",
          "description": "Name of the native form element.",
          "jsDoc": "/**\n\t * Name of the native form element.\n\t * @attr\n\t */",
          "type": "string | undefined"
        },
        {
          "name": "autocomplete",
          "description": "Whether autocomplete is on or off.",
          "jsDoc": "/**\n\t * Whether autocomplete is on or off.\n\t * @attr\n\t */",
          "type": "\"on\" | \"off\" | undefined"
        },
        {
          "name": "outlined",
          "description": "Makes the input outlined.",
          "jsDoc": "/**\n\t * Makes the input outlined.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "filled",
          "description": "Fills the input with a solid color.",
          "jsDoc": "/**\n\t * Fills the input with a solid color.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "role",
          "description": "Role of the input.",
          "jsDoc": "/**\n\t * Role of the input.\n\t * @attr\n\t */",
          "type": "AriaRole"
        },
        {
          "name": "label",
          "description": "Label text.",
          "jsDoc": "/**\n\t * Label text.\n\t * @attr\n\t */",
          "type": "string | undefined"
        },
        {
          "name": "value",
          "description": "Value of the form element.",
          "jsDoc": "/**\n\t * Value of the form element.\n\t * @attr\n\t * @param value\n\t */",
          "type": "string"
        },
        {
          "name": "valueAsNumber",
          "description": "Value of the slider.",
          "jsDoc": "/**\n\t * Value of the slider.\n\t * @attr\n\t * @param value\n\t */",
          "type": "number"
        },
        {
          "name": "pattern",
          "description": "Value pattern.",
          "jsDoc": "/**\n\t * Value pattern.\n\t * @attr\n\t */",
          "type": "string | undefined"
        },
        {
          "name": "minLength",
          "description": "Min value length.",
          "jsDoc": "/**\n\t * Min value length.\n\t * @attr\n\t */",
          "type": "number | undefined"
        },
        {
          "name": "maxLength",
          "description": "Max value length.",
          "jsDoc": "/**\n\t * Max value length.\n\t * @attr\n\t */",
          "type": "number | undefined"
        },
        {
          "name": "list",
          "description": "Datalist id.",
          "jsDoc": "/**\n\t * Datalist id.\n\t * @attr\n\t */",
          "type": "string | undefined"
        },
        {
          "name": "type",
          "description": "Type of the input.",
          "jsDoc": "/**\n\t * Type of the input.\n\t * @attr\n\t */",
          "type": "TextfieldType"
        },
        {
          "name": "min",
          "description": "Min number value.",
          "jsDoc": "/**\n\t * Min number value.\n\t * @attr\n\t */",
          "type": "number | undefined"
        },
        {
          "name": "max",
          "description": "Max number value.",
          "jsDoc": "/**\n\t * Max number value.\n\t * @attr\n\t */",
          "type": "number | undefined"
        }
      ],
      "properties": [
        {
          "name": "disabled",
          "description": "Disables the element.",
          "jsDoc": "/**\n\t * Disables the element.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "readonly",
          "description": "Makes the element readonly (disabled but tabbable)",
          "jsDoc": "/**\n\t * Makes the element readonly (disabled but tabbable)\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "required",
          "description": "Makes the element required in a form context.",
          "jsDoc": "/**\n\t * Makes the element required in a form context.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "name",
          "description": "Name of the native form element.",
          "jsDoc": "/**\n\t * Name of the native form element.\n\t * @attr\n\t */",
          "type": "string | undefined"
        },
        {
          "name": "autocomplete",
          "description": "Whether autocomplete is on or off.",
          "jsDoc": "/**\n\t * Whether autocomplete is on or off.\n\t * @attr\n\t */",
          "type": "\"on\" | \"off\" | undefined"
        },
        {
          "name": "outlined",
          "description": "Makes the input outlined.",
          "jsDoc": "/**\n\t * Makes the input outlined.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "filled",
          "description": "Fills the input with a solid color.",
          "jsDoc": "/**\n\t * Fills the input with a solid color.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "role",
          "description": "Role of the input.",
          "jsDoc": "/**\n\t * Role of the input.\n\t * @attr\n\t */",
          "type": "AriaRole"
        },
        {
          "name": "label",
          "description": "Label text.",
          "jsDoc": "/**\n\t * Label text.\n\t * @attr\n\t */",
          "type": "string | undefined"
        },
        {
          "name": "value",
          "description": "Value of the form element.",
          "jsDoc": "/**\n\t * Value of the form element.\n\t * @attr\n\t * @param value\n\t */",
          "type": "string"
        },
        {
          "name": "valueAsNumber",
          "description": "Value of the slider.",
          "jsDoc": "/**\n\t * Value of the slider.\n\t * @attr\n\t * @param value\n\t */",
          "type": "number"
        },
        {
          "name": "pattern",
          "description": "Value pattern.",
          "jsDoc": "/**\n\t * Value pattern.\n\t * @attr\n\t */",
          "type": "string | undefined"
        },
        {
          "name": "minLength",
          "description": "Min value length.",
          "jsDoc": "/**\n\t * Min value length.\n\t * @attr\n\t */",
          "type": "number | undefined"
        },
        {
          "name": "maxLength",
          "description": "Max value length.",
          "jsDoc": "/**\n\t * Max value length.\n\t * @attr\n\t */",
          "type": "number | undefined"
        },
        {
          "name": "list",
          "description": "Datalist id.",
          "jsDoc": "/**\n\t * Datalist id.\n\t * @attr\n\t */",
          "type": "string | undefined"
        },
        {
          "name": "type",
          "description": "Type of the input.",
          "jsDoc": "/**\n\t * Type of the input.\n\t * @attr\n\t */",
          "type": "TextfieldType"
        },
        {
          "name": "min",
          "description": "Min number value.",
          "jsDoc": "/**\n\t * Min number value.\n\t * @attr\n\t */",
          "type": "number | undefined"
        },
        {
          "name": "max",
          "description": "Max number value.",
          "jsDoc": "/**\n\t * Max number value.\n\t * @attr\n\t */",
          "type": "number | undefined"
        }
      ],
      "events": [
        {
          "name": "input",
          "description": "Dispatches from the native input event each time the input changes."
        },
        {
          "name": "invalid",
          "description": "Dispatched when the input becomes invalid."
        },
        {
          "name": "submit",
          "description": "Dispatched when the enter key is hit while pressing ctrl or the meta-key."
        }
      ],
      "slots": [
        {
          "name": "after",
          "description": "Content after the input."
        },
        {
          "name": "before",
          "description": "Content before the input."
        }
      ],
      "cssProperties": [
        {
          "name": "--input-label-space",
          "description": "Space between label and input"
        },
        {
          "name": "--input-label-transition",
          "description": "Transition of the label"
        },
        {
          "name": "--input-label-font-size",
          "description": "Font size of the label"
        },
        {
          "name": "--input-label-color-disabled",
          "description": "Color of the label when disabled"
        },
        {
          "name": "--input-label-color",
          "description": "Color of the label"
        },
        {
          "name": "--input-font-family",
          "description": "Font family"
        },
        {
          "name": "--input-border-radius-outlined",
          "description": "Border radius when outlined"
        },
        {
          "name": "--input-border-radius-filled",
          "description": "Border radius when filled"
        },
        {
          "name": "--input-padding-left-right-outlined",
          "description": "Left and right padding when outlined"
        },
        {
          "name": "--input-padding-top-bottom",
          "description": "Top and bottom padding"
        },
        {
          "name": "--input-padding-left-right",
          "description": "Left and right padding"
        },
        {
          "name": "--input-font-size",
          "description": "Font size"
        },
        {
          "name": "--input-before-after-color",
          "description": "Color of the before and after slots"
        },
        {
          "name": "--input-border-style-disabled",
          "description": "Border style when disabled"
        },
        {
          "name": "--input-border-style",
          "description": "Border style"
        },
        {
          "name": "--input-border-width",
          "description": "Border width"
        },
        {
          "name": "--input-transition",
          "description": "Transition"
        },
        {
          "name": "--input-bg-filled-hover",
          "description": "Background when filled and hover"
        },
        {
          "name": "--input-bg-filled",
          "description": "Background when filled"
        },
        {
          "name": "--input-color-disabled",
          "description": "Color when disabled"
        },
        {
          "name": "--input-bg",
          "description": "Default background"
        },
        {
          "name": "--input-color",
          "description": "Default color"
        },
        {
          "name": "--input-state-color-disabled",
          "description": "Disabled state color"
        },
        {
          "name": "--input-state-color-invalid",
          "description": "Invalid state color"
        },
        {
          "name": "--input-state-color-hover",
          "description": "Hover state color"
        },
        {
          "name": "--input-state-color-active",
          "description": "Active state color"
        },
        {
          "name": "--input-state-color-inactive",
          "description": "Inactive state color"
        }
      ]
    },
    {
      "name": "wl-textarea",
      "description": "Multiline text fields.",
      "jsDoc": "/**\n * Multiline text fields.\n * @cssprop --textarea-resize - Resize strategy\n * @cssprop --textarea-height - Height\n * @cssprop --textarea-min-height - Min height\n * @cssprop --textarea-max-height - Max height\n */",
      "attributes": [
        {
          "name": "disabled",
          "description": "Disables the element.",
          "jsDoc": "/**\n\t * Disables the element.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "readonly",
          "description": "Makes the element readonly (disabled but tabbable)",
          "jsDoc": "/**\n\t * Makes the element readonly (disabled but tabbable)\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "required",
          "description": "Makes the element required in a form context.",
          "jsDoc": "/**\n\t * Makes the element required in a form context.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "name",
          "description": "Name of the native form element.",
          "jsDoc": "/**\n\t * Name of the native form element.\n\t * @attr\n\t */",
          "type": "string | undefined"
        },
        {
          "name": "autocomplete",
          "description": "Whether autocomplete is on or off.",
          "jsDoc": "/**\n\t * Whether autocomplete is on or off.\n\t * @attr\n\t */",
          "type": "\"on\" | \"off\" | undefined"
        },
        {
          "name": "outlined",
          "description": "Makes the input outlined.",
          "jsDoc": "/**\n\t * Makes the input outlined.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "filled",
          "description": "Fills the input with a solid color.",
          "jsDoc": "/**\n\t * Fills the input with a solid color.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "role",
          "description": "Role of the input.",
          "jsDoc": "/**\n\t * Role of the input.\n\t * @attr\n\t */",
          "type": "AriaRole"
        },
        {
          "name": "label",
          "description": "Label text.",
          "jsDoc": "/**\n\t * Label text.\n\t * @attr\n\t */",
          "type": "string | undefined"
        },
        {
          "name": "value",
          "description": "Value of the form element.",
          "jsDoc": "/**\n\t * Value of the form element.\n\t * @attr\n\t * @param value\n\t */",
          "type": "string"
        },
        {
          "name": "valueAsNumber",
          "description": "Value of the slider.",
          "jsDoc": "/**\n\t * Value of the slider.\n\t * @attr\n\t * @param value\n\t */",
          "type": "number"
        },
        {
          "name": "pattern",
          "description": "Value pattern.",
          "jsDoc": "/**\n\t * Value pattern.\n\t * @attr\n\t */",
          "type": "string | undefined"
        },
        {
          "name": "minLength",
          "description": "Min value length.",
          "jsDoc": "/**\n\t * Min value length.\n\t * @attr\n\t */",
          "type": "number | undefined"
        },
        {
          "name": "maxLength",
          "description": "Max value length.",
          "jsDoc": "/**\n\t * Max value length.\n\t * @attr\n\t */",
          "type": "number | undefined"
        }
      ],
      "properties": [
        {
          "name": "disabled",
          "description": "Disables the element.",
          "jsDoc": "/**\n\t * Disables the element.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "readonly",
          "description": "Makes the element readonly (disabled but tabbable)",
          "jsDoc": "/**\n\t * Makes the element readonly (disabled but tabbable)\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "required",
          "description": "Makes the element required in a form context.",
          "jsDoc": "/**\n\t * Makes the element required in a form context.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "name",
          "description": "Name of the native form element.",
          "jsDoc": "/**\n\t * Name of the native form element.\n\t * @attr\n\t */",
          "type": "string | undefined"
        },
        {
          "name": "autocomplete",
          "description": "Whether autocomplete is on or off.",
          "jsDoc": "/**\n\t * Whether autocomplete is on or off.\n\t * @attr\n\t */",
          "type": "\"on\" | \"off\" | undefined"
        },
        {
          "name": "outlined",
          "description": "Makes the input outlined.",
          "jsDoc": "/**\n\t * Makes the input outlined.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "filled",
          "description": "Fills the input with a solid color.",
          "jsDoc": "/**\n\t * Fills the input with a solid color.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "role",
          "description": "Role of the input.",
          "jsDoc": "/**\n\t * Role of the input.\n\t * @attr\n\t */",
          "type": "AriaRole"
        },
        {
          "name": "label",
          "description": "Label text.",
          "jsDoc": "/**\n\t * Label text.\n\t * @attr\n\t */",
          "type": "string | undefined"
        },
        {
          "name": "value",
          "description": "Value of the form element.",
          "jsDoc": "/**\n\t * Value of the form element.\n\t * @attr\n\t * @param value\n\t */",
          "type": "string"
        },
        {
          "name": "valueAsNumber",
          "description": "Value of the slider.",
          "jsDoc": "/**\n\t * Value of the slider.\n\t * @attr\n\t * @param value\n\t */",
          "type": "number"
        },
        {
          "name": "pattern",
          "description": "Value pattern.",
          "jsDoc": "/**\n\t * Value pattern.\n\t * @attr\n\t */",
          "type": "string | undefined"
        },
        {
          "name": "minLength",
          "description": "Min value length.",
          "jsDoc": "/**\n\t * Min value length.\n\t * @attr\n\t */",
          "type": "number | undefined"
        },
        {
          "name": "maxLength",
          "description": "Max value length.",
          "jsDoc": "/**\n\t * Max value length.\n\t * @attr\n\t */",
          "type": "number | undefined"
        }
      ],
      "events": [
        {
          "name": "input",
          "description": "Dispatches from the native input event each time the input changes."
        },
        {
          "name": "invalid",
          "description": "Dispatched when the input becomes invalid."
        },
        {
          "name": "submit",
          "description": "Dispatched when the enter key is hit while pressing ctrl or the meta-key."
        }
      ],
      "slots": [
        {
          "name": "after",
          "description": "Content after the input."
        },
        {
          "name": "before",
          "description": "Content before the input."
        }
      ],
      "cssProperties": [
        {
          "name": "--textarea-max-height",
          "description": "Max height"
        },
        {
          "name": "--textarea-min-height",
          "description": "Min height"
        },
        {
          "name": "--textarea-height",
          "description": "Height"
        },
        {
          "name": "--textarea-resize",
          "description": "Resize strategy"
        },
        {
          "name": "--input-label-space",
          "description": "Space between label and input"
        },
        {
          "name": "--input-label-transition",
          "description": "Transition of the label"
        },
        {
          "name": "--input-label-font-size",
          "description": "Font size of the label"
        },
        {
          "name": "--input-label-color-disabled",
          "description": "Color of the label when disabled"
        },
        {
          "name": "--input-label-color",
          "description": "Color of the label"
        },
        {
          "name": "--input-font-family",
          "description": "Font family"
        },
        {
          "name": "--input-border-radius-outlined",
          "description": "Border radius when outlined"
        },
        {
          "name": "--input-border-radius-filled",
          "description": "Border radius when filled"
        },
        {
          "name": "--input-padding-left-right-outlined",
          "description": "Left and right padding when outlined"
        },
        {
          "name": "--input-padding-top-bottom",
          "description": "Top and bottom padding"
        },
        {
          "name": "--input-padding-left-right",
          "description": "Left and right padding"
        },
        {
          "name": "--input-font-size",
          "description": "Font size"
        },
        {
          "name": "--input-before-after-color",
          "description": "Color of the before and after slots"
        },
        {
          "name": "--input-border-style-disabled",
          "description": "Border style when disabled"
        },
        {
          "name": "--input-border-style",
          "description": "Border style"
        },
        {
          "name": "--input-border-width",
          "description": "Border width"
        },
        {
          "name": "--input-transition",
          "description": "Transition"
        },
        {
          "name": "--input-bg-filled-hover",
          "description": "Background when filled and hover"
        },
        {
          "name": "--input-bg-filled",
          "description": "Background when filled"
        },
        {
          "name": "--input-color-disabled",
          "description": "Color when disabled"
        },
        {
          "name": "--input-bg",
          "description": "Default background"
        },
        {
          "name": "--input-color",
          "description": "Default color"
        },
        {
          "name": "--input-state-color-disabled",
          "description": "Disabled state color"
        },
        {
          "name": "--input-state-color-invalid",
          "description": "Invalid state color"
        },
        {
          "name": "--input-state-color-hover",
          "description": "Hover state color"
        },
        {
          "name": "--input-state-color-active",
          "description": "Active state color"
        },
        {
          "name": "--input-state-color-inactive",
          "description": "Inactive state color"
        }
      ]
    },
    {
      "name": "wl-card",
      "description": "Group related content and action.",
      "jsDoc": "/**\n * Group related content and action.\n * @slot - Default content.\n * @cssprop --card-transition - Transition\n * @cssprop --card-border-radius - Border radius\n * @cssprop --card-padding - Padding\n * @cssprop --card-elevation - Default box shadow\n * @cssprop --card-elevation-hover - Box shadow when :hover\n * @cssprop --card-color - Color\n * @cssprop --card-bg - Background\n * @cssprop --card-transition - Transition\n * @cssprop --card-border-radius - Border radius\n * @cssprop --card-padding - Padding\n * @cssprop --card-elevation - Default box shadow\n * @cssprop --card-elevation-hover - Box shadow when :hover\n * @cssprop --card-color - Color\n * @cssprop --card-bg - Background\n */",
      "attributes": [
        {
          "name": "hoverable",
          "description": "Makes the card hoverable.",
          "jsDoc": "/**\n\t * Makes the card hoverable.\n\t * @attr\n\t */",
          "type": "boolean"
        }
      ],
      "properties": [
        {
          "name": "hoverable",
          "description": "Makes the card hoverable.",
          "jsDoc": "/**\n\t * Makes the card hoverable.\n\t * @attr\n\t */",
          "type": "boolean"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "Default content."
        }
      ],
      "cssProperties": [
        {
          "name": "--card-bg",
          "description": "Background"
        },
        {
          "name": "--card-color",
          "description": "Color"
        },
        {
          "name": "--card-elevation-hover",
          "description": "Box shadow when :hover"
        },
        {
          "name": "--card-elevation",
          "description": "Default box shadow"
        },
        {
          "name": "--card-padding",
          "description": "Padding"
        },
        {
          "name": "--card-border-radius",
          "description": "Border radius"
        },
        {
          "name": "--card-transition",
          "description": "Transition"
        }
      ]
    },
    {
      "name": "wl-popover",
      "description": "Contextual anchored elements.",
      "jsDoc": "/**\n * Contextual anchored elements.\n * @slot - Default content.\n * @cssprop --popover-z-index - z-index.\n */",
      "attributes": [
        {
          "name": "open",
          "description": "Whether the overlay is open or not.",
          "jsDoc": "/**\n\t * Whether the overlay is open or not.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "disableFocusTrap",
          "description": "Whether the focus trap be disabled.",
          "jsDoc": "/**\n\t * Whether the focus trap be disabled.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "backdrop",
          "description": "Whether the backdrop is visible or not.",
          "jsDoc": "/**\n\t * Whether the backdrop is visible or not.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "fixed",
          "description": "Whether the overlay is fixed or not.",
          "jsDoc": "/**\n\t * Whether the overlay is fixed or not.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "persistent",
          "description": "Whether the overlay is persistent or not. When the overlay is persistent, ESCAPE and backdrop clicks won't close it.",
          "jsDoc": "/**\n\t * Whether the overlay is persistent or not. When the overlay is persistent, ESCAPE and backdrop clicks won't close it.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "blockScrolling",
          "description": "Whether the overlay blocks the scrolling on the scroll container.",
          "jsDoc": "/**\n\t * Whether the overlay blocks the scrolling on the scroll container.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "duration",
          "description": "The duration of the animations.",
          "jsDoc": "/**\n\t * The duration of the animations.\n\t * @attr\n\t */",
          "type": "number"
        },
        {
          "name": "scrollContainer",
          "description": "The container the overlay lives in.",
          "jsDoc": "/**\n\t * The container the overlay lives in.\n\t * @attr\n\t */",
          "type": "EventTarget"
        },
        {
          "name": "closeOnClick",
          "description": "Makes the popover close when it is clicked upon.",
          "jsDoc": "/**\n\t * Makes the popover close when it is clicked upon.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "noFallback",
          "description": "Whether a fallback strategy for the positioning should be used when there are no room for the popover.",
          "jsDoc": "/**\n\t * Whether a fallback strategy for the positioning should be used when there are no room for the popover.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "transformOriginX",
          "description": "X origin of the transform.",
          "jsDoc": "/**\n\t * X origin of the transform.\n\t * @attr\n\t */",
          "type": "OriginX"
        },
        {
          "name": "transformOriginY",
          "description": "Y origin of the transform.",
          "jsDoc": "/**\n\t * Y origin of the transform.\n\t * @attr\n\t */",
          "type": "OriginY"
        },
        {
          "name": "anchorOriginX",
          "description": "X origin of the anchored point.",
          "jsDoc": "/**\n\t * X origin of the anchored point.\n\t * @attr\n\t */",
          "type": "OriginX"
        },
        {
          "name": "anchorOriginY",
          "description": "Y origin of the anchored point.",
          "jsDoc": "/**\n\t * Y origin of the anchored point.\n\t * @attr\n\t */",
          "type": "OriginY"
        },
        {
          "name": "role",
          "description": "Role of the popover.",
          "jsDoc": "/**\n\t * Role of the popover.\n\t * @attr\n\t */",
          "type": "AriaRole"
        },
        {
          "name": "anchor",
          "description": "Anchor element or query.",
          "jsDoc": "/**\n\t * Anchor element or query.\n\t * @attr\n\t */",
          "type": "string | Element | undefined"
        },
        {
          "name": "anchorOpenEvents",
          "description": "Events on the anchor that makes the popover open itself.",
          "jsDoc": "/**\n\t * Events on the anchor that makes the popover open itself.\n\t * @attr\n\t */",
          "type": "string[] | undefined"
        },
        {
          "name": "anchorCloseEvents",
          "description": "Events on the anchor that makes the popover close itself.",
          "jsDoc": "/**\n\t * Events on the anchor that makes the popover close itself.\n\t * @attr\n\t */",
          "type": "string[] | undefined"
        }
      ],
      "properties": [
        {
          "name": "open",
          "description": "Whether the overlay is open or not.",
          "jsDoc": "/**\n\t * Whether the overlay is open or not.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "disableFocusTrap",
          "description": "Whether the focus trap be disabled.",
          "jsDoc": "/**\n\t * Whether the focus trap be disabled.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "backdrop",
          "description": "Whether the backdrop is visible or not.",
          "jsDoc": "/**\n\t * Whether the backdrop is visible or not.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "fixed",
          "description": "Whether the overlay is fixed or not.",
          "jsDoc": "/**\n\t * Whether the overlay is fixed or not.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "persistent",
          "description": "Whether the overlay is persistent or not. When the overlay is persistent, ESCAPE and backdrop clicks won't close it.",
          "jsDoc": "/**\n\t * Whether the overlay is persistent or not. When the overlay is persistent, ESCAPE and backdrop clicks won't close it.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "blockScrolling",
          "description": "Whether the overlay blocks the scrolling on the scroll container.",
          "jsDoc": "/**\n\t * Whether the overlay blocks the scrolling on the scroll container.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "duration",
          "description": "The duration of the animations.",
          "jsDoc": "/**\n\t * The duration of the animations.\n\t * @attr\n\t */",
          "type": "number"
        },
        {
          "name": "scrollContainer",
          "description": "The container the overlay lives in.",
          "jsDoc": "/**\n\t * The container the overlay lives in.\n\t * @attr\n\t */",
          "type": "EventTarget"
        },
        {
          "name": "CAN_USE_RESIZE_OBSERVER",
          "type": "IResizeSubscriber"
        },
        {
          "name": "closeOnClick",
          "description": "Makes the popover close when it is clicked upon.",
          "jsDoc": "/**\n\t * Makes the popover close when it is clicked upon.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "noFallback",
          "description": "Whether a fallback strategy for the positioning should be used when there are no room for the popover.",
          "jsDoc": "/**\n\t * Whether a fallback strategy for the positioning should be used when there are no room for the popover.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "transformOriginX",
          "description": "X origin of the transform.",
          "jsDoc": "/**\n\t * X origin of the transform.\n\t * @attr\n\t */",
          "type": "OriginX"
        },
        {
          "name": "transformOriginY",
          "description": "Y origin of the transform.",
          "jsDoc": "/**\n\t * Y origin of the transform.\n\t * @attr\n\t */",
          "type": "OriginY"
        },
        {
          "name": "anchorOriginX",
          "description": "X origin of the anchored point.",
          "jsDoc": "/**\n\t * X origin of the anchored point.\n\t * @attr\n\t */",
          "type": "OriginX"
        },
        {
          "name": "anchorOriginY",
          "description": "Y origin of the anchored point.",
          "jsDoc": "/**\n\t * Y origin of the anchored point.\n\t * @attr\n\t */",
          "type": "OriginY"
        },
        {
          "name": "role",
          "description": "Role of the popover.",
          "jsDoc": "/**\n\t * Role of the popover.\n\t * @attr\n\t */",
          "type": "AriaRole"
        },
        {
          "name": "anchor",
          "description": "Anchor element or query.",
          "jsDoc": "/**\n\t * Anchor element or query.\n\t * @attr\n\t */",
          "type": "string | Element | undefined"
        },
        {
          "name": "anchorOpenEvents",
          "description": "Events on the anchor that makes the popover open itself.",
          "jsDoc": "/**\n\t * Events on the anchor that makes the popover open itself.\n\t * @attr\n\t */",
          "type": "string[] | undefined"
        },
        {
          "name": "anchorCloseEvents",
          "description": "Events on the anchor that makes the popover close itself.",
          "jsDoc": "/**\n\t * Events on the anchor that makes the popover close itself.\n\t * @attr\n\t */",
          "type": "string[] | undefined"
        }
      ],
      "events": [
        {
          "name": "didhide",
          "description": "Dispatches after the overlay has been hidden."
        },
        {
          "name": "didshow",
          "description": "Dispatches after the overlay has been shown."
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "Default content."
        }
      ],
      "cssProperties": [
        {
          "name": "--popover-z-index",
          "description": "z-index."
        }
      ]
    },
    {
      "name": "wl-label",
      "description": "Make form elements more accessible.",
      "jsDoc": "/**\n * Make form elements more accessible.\n * @slot - Default content. If the first element is a form element, clicks on the entire label will be re-fired upon that element.\n * @cssprop --label-font-size - Font size\n * @cssprop --label-font-family - Font family\n * @cssprop --label-line-height - Line height\n * @cssprop --label-color - Color.\n * @cssprop --label-required-color - Color of the required astrix\n */",
      "attributes": [
        {
          "name": "required",
          "description": "Styles the label as required.",
          "jsDoc": "/**\n\t * Styles the label as required.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "nowrap",
          "description": "Caps the label element with ellipsis if overflowing.",
          "jsDoc": "/**\n\t * Caps the label element with ellipsis if overflowing.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "for",
          "description": "Query of the form element click events are re-fired upon.",
          "jsDoc": "/**\n\t * Query of the form element click events are re-fired upon.\n\t * @attr\n\t */",
          "type": "string | undefined"
        }
      ],
      "properties": [
        {
          "name": "required",
          "description": "Styles the label as required.",
          "jsDoc": "/**\n\t * Styles the label as required.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "nowrap",
          "description": "Caps the label element with ellipsis if overflowing.",
          "jsDoc": "/**\n\t * Caps the label element with ellipsis if overflowing.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "for",
          "description": "Query of the form element click events are re-fired upon.",
          "jsDoc": "/**\n\t * Query of the form element click events are re-fired upon.\n\t * @attr\n\t */",
          "type": "string | undefined"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "Default content. If the first element is a form element, clicks on the entire label will be re-fired upon that element."
        }
      ],
      "cssProperties": [
        {
          "name": "--label-required-color",
          "description": "Color of the required astrix"
        },
        {
          "name": "--label-color",
          "description": "Color."
        },
        {
          "name": "--label-line-height",
          "description": "Line height"
        },
        {
          "name": "--label-font-family",
          "description": "Font family"
        },
        {
          "name": "--label-font-size",
          "description": "Font size"
        }
      ]
    },
    {
      "name": "wl-select",
      "description": "Select one or more values from a set of options.",
      "jsDoc": "/**\n * Select one or more values from a set of options.\n * @slot - <option> elements go here.\n * @cssprop --select-arrow-height - Height of the arrow.\n */",
      "attributes": [
        {
          "name": "disabled",
          "description": "Disables the element.",
          "jsDoc": "/**\n\t * Disables the element.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "readonly",
          "description": "Makes the element readonly (disabled but tabbable)",
          "jsDoc": "/**\n\t * Makes the element readonly (disabled but tabbable)\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "required",
          "description": "Makes the element required in a form context.",
          "jsDoc": "/**\n\t * Makes the element required in a form context.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "name",
          "description": "Name of the native form element.",
          "jsDoc": "/**\n\t * Name of the native form element.\n\t * @attr\n\t */",
          "type": "string | undefined"
        },
        {
          "name": "autocomplete",
          "description": "Whether autocomplete is on or off.",
          "jsDoc": "/**\n\t * Whether autocomplete is on or off.\n\t * @attr\n\t */",
          "type": "\"on\" | \"off\" | undefined"
        },
        {
          "name": "outlined",
          "description": "Makes the input outlined.",
          "jsDoc": "/**\n\t * Makes the input outlined.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "filled",
          "description": "Fills the input with a solid color.",
          "jsDoc": "/**\n\t * Fills the input with a solid color.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "label",
          "description": "Label text.",
          "jsDoc": "/**\n\t * Label text.\n\t * @attr\n\t */",
          "type": "string | undefined"
        },
        {
          "name": "value",
          "description": "Value of the form element.",
          "jsDoc": "/**\n\t * Value of the form element.\n\t * @attr\n\t * @param value\n\t */",
          "type": "string"
        },
        {
          "name": "valueAsNumber",
          "description": "Value of the slider.",
          "jsDoc": "/**\n\t * Value of the slider.\n\t * @attr\n\t * @param value\n\t */",
          "type": "number"
        },
        {
          "name": "role",
          "description": "Role of the select.",
          "jsDoc": "/**\n\t * Role of the select.\n\t */",
          "type": "AriaRole"
        }
      ],
      "properties": [
        {
          "name": "disabled",
          "description": "Disables the element.",
          "jsDoc": "/**\n\t * Disables the element.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "readonly",
          "description": "Makes the element readonly (disabled but tabbable)",
          "jsDoc": "/**\n\t * Makes the element readonly (disabled but tabbable)\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "required",
          "description": "Makes the element required in a form context.",
          "jsDoc": "/**\n\t * Makes the element required in a form context.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "name",
          "description": "Name of the native form element.",
          "jsDoc": "/**\n\t * Name of the native form element.\n\t * @attr\n\t */",
          "type": "string | undefined"
        },
        {
          "name": "autocomplete",
          "description": "Whether autocomplete is on or off.",
          "jsDoc": "/**\n\t * Whether autocomplete is on or off.\n\t * @attr\n\t */",
          "type": "\"on\" | \"off\" | undefined"
        },
        {
          "name": "outlined",
          "description": "Makes the input outlined.",
          "jsDoc": "/**\n\t * Makes the input outlined.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "filled",
          "description": "Fills the input with a solid color.",
          "jsDoc": "/**\n\t * Fills the input with a solid color.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "label",
          "description": "Label text.",
          "jsDoc": "/**\n\t * Label text.\n\t * @attr\n\t */",
          "type": "string | undefined"
        },
        {
          "name": "value",
          "description": "Value of the form element.",
          "jsDoc": "/**\n\t * Value of the form element.\n\t * @attr\n\t * @param value\n\t */",
          "type": "string"
        },
        {
          "name": "valueAsNumber",
          "description": "Value of the slider.",
          "jsDoc": "/**\n\t * Value of the slider.\n\t * @attr\n\t * @param value\n\t */",
          "type": "number"
        },
        {
          "name": "role",
          "description": "Role of the select.",
          "jsDoc": "/**\n\t * Role of the select.\n\t */",
          "type": "AriaRole"
        }
      ],
      "events": [
        {
          "name": "input",
          "description": "Dispatches from the native input event each time the input changes."
        },
        {
          "name": "invalid",
          "description": "Dispatched when the input becomes invalid."
        },
        {
          "name": "submit",
          "description": "Dispatched when the enter key is hit while pressing ctrl or the meta-key."
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "<option> elements go here."
        },
        {
          "name": "after",
          "description": "Content after the input."
        },
        {
          "name": "before",
          "description": "Content before the input."
        }
      ],
      "cssProperties": [
        {
          "name": "--select-arrow-height",
          "description": "Height of the arrow."
        },
        {
          "name": "--input-label-space",
          "description": "Space between label and input"
        },
        {
          "name": "--input-label-transition",
          "description": "Transition of the label"
        },
        {
          "name": "--input-label-font-size",
          "description": "Font size of the label"
        },
        {
          "name": "--input-label-color-disabled",
          "description": "Color of the label when disabled"
        },
        {
          "name": "--input-label-color",
          "description": "Color of the label"
        },
        {
          "name": "--input-font-family",
          "description": "Font family"
        },
        {
          "name": "--input-border-radius-outlined",
          "description": "Border radius when outlined"
        },
        {
          "name": "--input-border-radius-filled",
          "description": "Border radius when filled"
        },
        {
          "name": "--input-padding-left-right-outlined",
          "description": "Left and right padding when outlined"
        },
        {
          "name": "--input-padding-top-bottom",
          "description": "Top and bottom padding"
        },
        {
          "name": "--input-padding-left-right",
          "description": "Left and right padding"
        },
        {
          "name": "--input-font-size",
          "description": "Font size"
        },
        {
          "name": "--input-before-after-color",
          "description": "Color of the before and after slots"
        },
        {
          "name": "--input-border-style-disabled",
          "description": "Border style when disabled"
        },
        {
          "name": "--input-border-style",
          "description": "Border style"
        },
        {
          "name": "--input-border-width",
          "description": "Border width"
        },
        {
          "name": "--input-transition",
          "description": "Transition"
        },
        {
          "name": "--input-bg-filled-hover",
          "description": "Background when filled and hover"
        },
        {
          "name": "--input-bg-filled",
          "description": "Background when filled"
        },
        {
          "name": "--input-color-disabled",
          "description": "Color when disabled"
        },
        {
          "name": "--input-bg",
          "description": "Default background"
        },
        {
          "name": "--input-color",
          "description": "Default color"
        },
        {
          "name": "--input-state-color-disabled",
          "description": "Disabled state color"
        },
        {
          "name": "--input-state-color-invalid",
          "description": "Invalid state color"
        },
        {
          "name": "--input-state-color-hover",
          "description": "Hover state color"
        },
        {
          "name": "--input-state-color-active",
          "description": "Active state color"
        },
        {
          "name": "--input-state-color-inactive",
          "description": "Inactive state color"
        }
      ]
    },
    {
      "name": "wl-checkbox",
      "description": "Turn an option on or off.",
      "jsDoc": "/**\n * Turn an option on or off.\n * @cssprop --checkbox-size - Width and height\n * @cssprop --checkbox-border-config - Border configuration (width and style)\n * @cssprop --checkbox-border-radius - Border radius\n * @cssprop --checkbox-transition - Transition\n * @cssprop --checkbox-color - Color\n * @cssprop --checkbox-bg - Background\n * @cssprop --checkbox-color-checked - Color when checked\n * @cssprop --checkbox-bg-checked - Background when checked\n * @cssprop --checkbox-color-disabled - Color when disabled\n * @cssprop --checkbox-bg-disabled - Background when disabled\n * @cssprop --checkbox-color-disabled-checked - Color when disabled and checked\n * @cssprop --checkbox-bg-disabled-checked - Background when checked and disabled\n * @cssprop --checkbox-checkmark-size - Width and height of the checkmark\n * @cssprop --checkbox-checkmark-stroke-color - Color of the checkmark stroke\n * @cssprop --checkbox-checkmark-transition - Transition of the checkmark\n * @cssprop --checkbox-checkmark-path-width - Width of the checkmark\n * @cssprop --checkbox-checkmark-path-dasharray - Dasharray of the checkmark\n * @cssprop --checkbox-checkmark-path-delay - Transition delay of the checkmark animation\n * @cssprop --checkbox-ripple-transform - Transform of the ripple\n */",
      "attributes": [
        {
          "name": "disabled",
          "description": "Disables the element.",
          "jsDoc": "/**\n\t * Disables the element.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "readonly",
          "description": "Makes the element readonly (disabled but tabbable)",
          "jsDoc": "/**\n\t * Makes the element readonly (disabled but tabbable)\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "required",
          "description": "Makes the element required in a form context.",
          "jsDoc": "/**\n\t * Makes the element required in a form context.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "name",
          "description": "Name of the native form element.",
          "jsDoc": "/**\n\t * Name of the native form element.\n\t * @attr\n\t */",
          "type": "string | undefined"
        },
        {
          "name": "value",
          "description": "Value of the form element.",
          "jsDoc": "/**\n\t * Value of the form element.\n\t * @attr\n\t * @param value\n\t */",
          "type": "string"
        },
        {
          "name": "checked",
          "description": "Checks the switch.",
          "jsDoc": "/**\n\t * Checks the switch.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "aria-checked",
          "description": "Aria checked attribute.",
          "jsDoc": "/**\n\t * Aria checked attribute.\n\t * @attr aria-checked\n\t */",
          "type": "string"
        },
        {
          "name": "role",
          "description": "Role of the switch.",
          "jsDoc": "/**\n\t * Role of the switch.\n\t * @attr\n\t */",
          "type": "AriaRole"
        },
        {
          "name": "indeterminate",
          "description": "Indeterminate checkbox state.",
          "jsDoc": "/**\n\t * Indeterminate checkbox state.\n\t * @attr\n\t */",
          "type": "boolean"
        }
      ],
      "properties": [
        {
          "name": "disabled",
          "description": "Disables the element.",
          "jsDoc": "/**\n\t * Disables the element.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "readonly",
          "description": "Makes the element readonly (disabled but tabbable)",
          "jsDoc": "/**\n\t * Makes the element readonly (disabled but tabbable)\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "required",
          "description": "Makes the element required in a form context.",
          "jsDoc": "/**\n\t * Makes the element required in a form context.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "name",
          "description": "Name of the native form element.",
          "jsDoc": "/**\n\t * Name of the native form element.\n\t * @attr\n\t */",
          "type": "string | undefined"
        },
        {
          "name": "value",
          "description": "Value of the form element.",
          "jsDoc": "/**\n\t * Value of the form element.\n\t * @attr\n\t * @param value\n\t */",
          "type": "string"
        },
        {
          "name": "checked",
          "description": "Checks the switch.",
          "jsDoc": "/**\n\t * Checks the switch.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "ariaChecked",
          "description": "Aria checked attribute.",
          "jsDoc": "/**\n\t * Aria checked attribute.\n\t * @attr aria-checked\n\t */",
          "type": "string"
        },
        {
          "name": "role",
          "description": "Role of the switch.",
          "jsDoc": "/**\n\t * Role of the switch.\n\t * @attr\n\t */",
          "type": "AriaRole"
        },
        {
          "name": "indeterminate",
          "description": "Indeterminate checkbox state.",
          "jsDoc": "/**\n\t * Indeterminate checkbox state.\n\t * @attr\n\t */",
          "type": "boolean"
        }
      ],
      "events": [
        {
          "name": "change",
          "description": "Dispatched when the checked property changes due to a user interaction."
        }
      ],
      "cssProperties": [
        {
          "name": "--checkbox-ripple-transform",
          "description": "Transform of the ripple"
        },
        {
          "name": "--checkbox-checkmark-path-delay",
          "description": "Transition delay of the checkmark animation"
        },
        {
          "name": "--checkbox-checkmark-path-dasharray",
          "description": "Dasharray of the checkmark"
        },
        {
          "name": "--checkbox-checkmark-path-width",
          "description": "Width of the checkmark"
        },
        {
          "name": "--checkbox-checkmark-transition",
          "description": "Transition of the checkmark"
        },
        {
          "name": "--checkbox-checkmark-stroke-color",
          "description": "Color of the checkmark stroke"
        },
        {
          "name": "--checkbox-checkmark-size",
          "description": "Width and height of the checkmark"
        },
        {
          "name": "--checkbox-bg-disabled-checked",
          "description": "Background when checked and disabled"
        },
        {
          "name": "--checkbox-color-disabled-checked",
          "description": "Color when disabled and checked"
        },
        {
          "name": "--checkbox-bg-disabled",
          "description": "Background when disabled"
        },
        {
          "name": "--checkbox-color-disabled",
          "description": "Color when disabled"
        },
        {
          "name": "--checkbox-bg-checked",
          "description": "Background when checked"
        },
        {
          "name": "--checkbox-color-checked",
          "description": "Color when checked"
        },
        {
          "name": "--checkbox-bg",
          "description": "Background"
        },
        {
          "name": "--checkbox-color",
          "description": "Color"
        },
        {
          "name": "--checkbox-transition",
          "description": "Transition"
        },
        {
          "name": "--checkbox-border-radius",
          "description": "Border radius"
        },
        {
          "name": "--checkbox-border-config",
          "description": "Border configuration (width and style)"
        },
        {
          "name": "--checkbox-size",
          "description": "Width and height"
        }
      ]
    },
    {
      "name": "wl-radio",
      "description": "Select one option from a set.",
      "jsDoc": "/**\n * Select one option from a set.\n * @cssprop --radio-size - Width and height\n * @cssprop --radio-color - Default color\n * @cssprop --radio-bg - Default background\n * @cssprop --radio-color-checked - Color when checked\n * @cssprop --radio-bg-checked - Background when checked\n * @cssprop --radio-color-disabled - Color when disabled\n * @cssprop --radio-bg-disabled - Background when disabled and checked\n * @cssprop --radio-color-disabled-checked - Color when disabled and checked\n * @cssprop --radio-bg-disabled-checked - Background when disabled and checked\n * @cssprop --radio-border-config - Border configuration (width and style)\n * @cssprop --radio-border-radius - Border radius\n * @cssprop --radio-transition - Transition\n * @cssprop --radio-dot-size - Size of the dot\n * @cssprop --radio-dot-border-radius - Border radius of the dot\n * @cssprop --radio-dot-transition - Transition of the dot\n * @cssprop --radio-ripple-transform - Transform of the ripple\n */",
      "attributes": [
        {
          "name": "disabled",
          "description": "Disables the element.",
          "jsDoc": "/**\n\t * Disables the element.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "readonly",
          "description": "Makes the element readonly (disabled but tabbable)",
          "jsDoc": "/**\n\t * Makes the element readonly (disabled but tabbable)\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "required",
          "description": "Makes the element required in a form context.",
          "jsDoc": "/**\n\t * Makes the element required in a form context.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "name",
          "description": "Name of the native form element.",
          "jsDoc": "/**\n\t * Name of the native form element.\n\t * @attr\n\t */",
          "type": "string | undefined"
        },
        {
          "name": "value",
          "description": "Value of the form element.",
          "jsDoc": "/**\n\t * Value of the form element.\n\t * @attr\n\t * @param value\n\t */",
          "type": "string"
        },
        {
          "name": "checked",
          "description": "Checks the switch.",
          "jsDoc": "/**\n\t * Checks the switch.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "aria-checked",
          "description": "Aria checked attribute.",
          "jsDoc": "/**\n\t * Aria checked attribute.\n\t * @attr aria-checked\n\t */",
          "type": "string"
        },
        {
          "name": "role",
          "description": "Role of the radio behavior.",
          "jsDoc": "/**\n\t * Role of the radio behavior.\n\t * @attr\n\t */",
          "type": "AriaRole"
        }
      ],
      "properties": [
        {
          "name": "disabled",
          "description": "Disables the element.",
          "jsDoc": "/**\n\t * Disables the element.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "readonly",
          "description": "Makes the element readonly (disabled but tabbable)",
          "jsDoc": "/**\n\t * Makes the element readonly (disabled but tabbable)\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "required",
          "description": "Makes the element required in a form context.",
          "jsDoc": "/**\n\t * Makes the element required in a form context.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "name",
          "description": "Name of the native form element.",
          "jsDoc": "/**\n\t * Name of the native form element.\n\t * @attr\n\t */",
          "type": "string | undefined"
        },
        {
          "name": "value",
          "description": "Value of the form element.",
          "jsDoc": "/**\n\t * Value of the form element.\n\t * @attr\n\t * @param value\n\t */",
          "type": "string"
        },
        {
          "name": "checked",
          "description": "Checks the switch.",
          "jsDoc": "/**\n\t * Checks the switch.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "ariaChecked",
          "description": "Aria checked attribute.",
          "jsDoc": "/**\n\t * Aria checked attribute.\n\t * @attr aria-checked\n\t */",
          "type": "string"
        },
        {
          "name": "role",
          "description": "Role of the radio behavior.",
          "jsDoc": "/**\n\t * Role of the radio behavior.\n\t * @attr\n\t */",
          "type": "AriaRole"
        }
      ],
      "events": [
        {
          "name": "change",
          "description": "Dispatched when the checked property changes due to a user interaction."
        }
      ],
      "cssProperties": [
        {
          "name": "--radio-ripple-transform",
          "description": "Transform of the ripple"
        },
        {
          "name": "--radio-dot-transition",
          "description": "Transition of the dot"
        },
        {
          "name": "--radio-dot-border-radius",
          "description": "Border radius of the dot"
        },
        {
          "name": "--radio-dot-size",
          "description": "Size of the dot"
        },
        {
          "name": "--radio-transition",
          "description": "Transition"
        },
        {
          "name": "--radio-border-radius",
          "description": "Border radius"
        },
        {
          "name": "--radio-border-config",
          "description": "Border configuration (width and style)"
        },
        {
          "name": "--radio-bg-disabled-checked",
          "description": "Background when disabled and checked"
        },
        {
          "name": "--radio-color-disabled-checked",
          "description": "Color when disabled and checked"
        },
        {
          "name": "--radio-bg-disabled",
          "description": "Background when disabled and checked"
        },
        {
          "name": "--radio-color-disabled",
          "description": "Color when disabled"
        },
        {
          "name": "--radio-bg-checked",
          "description": "Background when checked"
        },
        {
          "name": "--radio-color-checked",
          "description": "Color when checked"
        },
        {
          "name": "--radio-bg",
          "description": "Default background"
        },
        {
          "name": "--radio-color",
          "description": "Default color"
        },
        {
          "name": "--radio-size",
          "description": "Width and height"
        }
      ]
    },
    {
      "name": "wl-nav",
      "description": "Provide access to destinations in your app.",
      "jsDoc": "/**\n * Provide access to destinations in your app.\n * @slot left - Content positioned to the left.\n * @slot right - Content positioned to the right.\n * @slot title - Title.\n * @cssprop --nav-bg - Background\n * @cssprop --nav-color - Color\n * @cssprop --nav-padding - Padding\n * @cssprop --nav-height - Height\n * @cssprop --nav-elevation - Box shadow\n * @cssprop --nav-transition - Transition\n * @cssprop --nav-title-font-size - Font size of the title slot\n * @cssprop --nav-title-font-weight - Font weight of the title slot\n * @cssprop --nav-title-margin - Margin of the title slot\n */",
      "attributes": [
        {
          "name": "shadow",
          "description": "Gives the nav a shadow.",
          "jsDoc": "/**\n\t * Gives the nav a shadow.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "fixed",
          "description": "Fixes the nav to the top of the page.",
          "jsDoc": "/**\n\t * Fixes the nav to the top of the page.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "role",
          "description": "Role of the nav.",
          "jsDoc": "/**\n\t * Role of the nav.\n\t * @attr\n\t */",
          "type": "AriaRole"
        }
      ],
      "properties": [
        {
          "name": "shadow",
          "description": "Gives the nav a shadow.",
          "jsDoc": "/**\n\t * Gives the nav a shadow.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "fixed",
          "description": "Fixes the nav to the top of the page.",
          "jsDoc": "/**\n\t * Fixes the nav to the top of the page.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "role",
          "description": "Role of the nav.",
          "jsDoc": "/**\n\t * Role of the nav.\n\t * @attr\n\t */",
          "type": "AriaRole"
        }
      ],
      "slots": [
        {
          "name": "title",
          "description": "Title."
        },
        {
          "name": "right",
          "description": "Content positioned to the right."
        },
        {
          "name": "left",
          "description": "Content positioned to the left."
        }
      ],
      "cssProperties": [
        {
          "name": "--nav-title-margin",
          "description": "Margin of the title slot"
        },
        {
          "name": "--nav-title-font-weight",
          "description": "Font weight of the title slot"
        },
        {
          "name": "--nav-title-font-size",
          "description": "Font size of the title slot"
        },
        {
          "name": "--nav-transition",
          "description": "Transition"
        },
        {
          "name": "--nav-elevation",
          "description": "Box shadow"
        },
        {
          "name": "--nav-height",
          "description": "Height"
        },
        {
          "name": "--nav-padding",
          "description": "Padding"
        },
        {
          "name": "--nav-color",
          "description": "Color"
        },
        {
          "name": "--nav-bg",
          "description": "Background"
        }
      ]
    },
    {
      "name": "wl-title",
      "description": "Indicate the start of a new section.",
      "jsDoc": "/**\n * Indicate the start of a new section.\n * @slot - Default content.\n * @cssprop --title-margin - Margin\n * @cssprop --title-line-height - Line height\n * @cssprop --title-font-family - Font family\n * @cssprop --title-font-weight - Font weight\n * @cssprop --title-font-size-level-1 - Font size of heading level 1\n * @cssprop --title-font-size-level-2 - Font size of heading level 2\n * @cssprop --title-font-size-level-3 - Font size of heading level 3\n * @cssprop --title-font-size-level-4 - Font size of heading level 4\n * @cssprop --title-font-size-level-5 - Font size of heading level 5\n * @cssprop --title-font-size-level-6 - Font size of heading level 6\n */",
      "attributes": [
        {
          "name": "level",
          "description": "Level of the title.",
          "jsDoc": "/**\n\t * Level of the title.\n\t * @attr\n\t */",
          "type": "TitleLevel"
        },
        {
          "name": "nowrap",
          "description": "Caps the title element with ellipsis if overflowing.",
          "jsDoc": "/**\n\t * Caps the title element with ellipsis if overflowing.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "role",
          "description": "Role of the title.",
          "jsDoc": "/**\n\t * Role of the title.\n\t * @attr\n\t */",
          "type": "AriaRole"
        }
      ],
      "properties": [
        {
          "name": "level",
          "description": "Level of the title.",
          "jsDoc": "/**\n\t * Level of the title.\n\t * @attr\n\t */",
          "type": "TitleLevel"
        },
        {
          "name": "nowrap",
          "description": "Caps the title element with ellipsis if overflowing.",
          "jsDoc": "/**\n\t * Caps the title element with ellipsis if overflowing.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "role",
          "description": "Role of the title.",
          "jsDoc": "/**\n\t * Role of the title.\n\t * @attr\n\t */",
          "type": "AriaRole"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "Default content."
        }
      ],
      "cssProperties": [
        {
          "name": "--title-font-size-level-6",
          "description": "Font size of heading level 6"
        },
        {
          "name": "--title-font-size-level-5",
          "description": "Font size of heading level 5"
        },
        {
          "name": "--title-font-size-level-4",
          "description": "Font size of heading level 4"
        },
        {
          "name": "--title-font-size-level-3",
          "description": "Font size of heading level 3"
        },
        {
          "name": "--title-font-size-level-2",
          "description": "Font size of heading level 2"
        },
        {
          "name": "--title-font-size-level-1",
          "description": "Font size of heading level 1"
        },
        {
          "name": "--title-font-weight",
          "description": "Font weight"
        },
        {
          "name": "--title-font-family",
          "description": "Font family"
        },
        {
          "name": "--title-line-height",
          "description": "Line height"
        },
        {
          "name": "--title-margin",
          "description": "Margin"
        }
      ]
    },
    {
      "name": "wl-popover-card",
      "description": "Give popovers a contextual flair.",
      "jsDoc": "/**\n * Give popovers a contextual flair.\n * @slot - Default content.\n * @cssprop --popover-card-elevation - Box shadow\n * @cssprop --popover-card-arrow-width - Width of the arrow\n * @cssprop --popover-card-arrow-height - Height of the arrow\n * @cssprop --popover-card-arrow-fill - Fill of the arrow\n */",
      "slots": [
        {
          "name": "",
          "description": "Default content."
        }
      ],
      "cssProperties": [
        {
          "name": "--popover-card-arrow-fill",
          "description": "Fill of the arrow"
        },
        {
          "name": "--popover-card-arrow-height",
          "description": "Height of the arrow"
        },
        {
          "name": "--popover-card-arrow-width",
          "description": "Width of the arrow"
        },
        {
          "name": "--popover-card-elevation",
          "description": "Box shadow"
        }
      ]
    },
    {
      "name": "wl-tooltip",
      "description": "Informative context related text.",
      "jsDoc": "/**\n * Informative context related text.\n * @cssprop --tooltip-padding - Padding\n * @cssprop --tooltip-bg - Background\n * @cssprop --tooltip-color - Color\n */",
      "attributes": [
        {
          "name": "open",
          "description": "Whether the overlay is open or not.",
          "jsDoc": "/**\n\t * Whether the overlay is open or not.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "disableFocusTrap",
          "description": "Whether the focus trap be disabled.",
          "jsDoc": "/**\n\t * Whether the focus trap be disabled.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "backdrop",
          "description": "Whether the backdrop is visible or not.",
          "jsDoc": "/**\n\t * Whether the backdrop is visible or not.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "fixed",
          "description": "Whether the overlay is fixed or not.",
          "jsDoc": "/**\n\t * Whether the overlay is fixed or not.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "persistent",
          "description": "Whether the overlay is persistent or not. When the overlay is persistent, ESCAPE and backdrop clicks won't close it.",
          "jsDoc": "/**\n\t * Whether the overlay is persistent or not. When the overlay is persistent, ESCAPE and backdrop clicks won't close it.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "blockScrolling",
          "description": "Whether the overlay blocks the scrolling on the scroll container.",
          "jsDoc": "/**\n\t * Whether the overlay blocks the scrolling on the scroll container.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "duration",
          "description": "The duration of the animations.",
          "jsDoc": "/**\n\t * The duration of the animations.\n\t * @attr\n\t */",
          "type": "number"
        },
        {
          "name": "scrollContainer",
          "description": "The container the overlay lives in.",
          "jsDoc": "/**\n\t * The container the overlay lives in.\n\t * @attr\n\t */",
          "type": "EventTarget"
        },
        {
          "name": "closeOnClick",
          "description": "Makes the popover close when it is clicked upon.",
          "jsDoc": "/**\n\t * Makes the popover close when it is clicked upon.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "noFallback",
          "description": "Whether a fallback strategy for the positioning should be used when there are no room for the popover.",
          "jsDoc": "/**\n\t * Whether a fallback strategy for the positioning should be used when there are no room for the popover.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "transformOriginX",
          "description": "X origin of the transform.",
          "jsDoc": "/**\n\t * X origin of the transform.\n\t * @attr\n\t */",
          "type": "OriginX"
        },
        {
          "name": "transformOriginY",
          "description": "Y origin of the transform.",
          "jsDoc": "/**\n\t * Y origin of the transform.\n\t * @attr\n\t */",
          "type": "OriginY"
        },
        {
          "name": "anchorOriginX",
          "description": "X origin of the anchored point.",
          "jsDoc": "/**\n\t * X origin of the anchored point.\n\t * @attr\n\t */",
          "type": "OriginX"
        },
        {
          "name": "anchorOriginY",
          "description": "Y origin of the anchored point.",
          "jsDoc": "/**\n\t * Y origin of the anchored point.\n\t * @attr\n\t */",
          "type": "OriginY"
        },
        {
          "name": "role",
          "description": "Role of the popover.",
          "jsDoc": "/**\n\t * Role of the popover.\n\t * @attr\n\t */",
          "type": "AriaRole"
        },
        {
          "name": "anchor",
          "description": "Anchor element or query.",
          "jsDoc": "/**\n\t * Anchor element or query.\n\t * @attr\n\t */",
          "type": "string | Element | undefined"
        },
        {
          "name": "anchorOpenEvents",
          "description": "Events on the anchor that makes the popover open itself.",
          "jsDoc": "/**\n\t * Events on the anchor that makes the popover open itself.\n\t * @attr\n\t */",
          "type": "string[] | undefined"
        },
        {
          "name": "anchorCloseEvents",
          "description": "Events on the anchor that makes the popover close itself.",
          "jsDoc": "/**\n\t * Events on the anchor that makes the popover close itself.\n\t * @attr\n\t */",
          "type": "string[] | undefined"
        }
      ],
      "properties": [
        {
          "name": "open",
          "description": "Whether the overlay is open or not.",
          "jsDoc": "/**\n\t * Whether the overlay is open or not.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "disableFocusTrap",
          "description": "Whether the focus trap be disabled.",
          "jsDoc": "/**\n\t * Whether the focus trap be disabled.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "backdrop",
          "description": "Whether the backdrop is visible or not.",
          "jsDoc": "/**\n\t * Whether the backdrop is visible or not.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "fixed",
          "description": "Whether the overlay is fixed or not.",
          "jsDoc": "/**\n\t * Whether the overlay is fixed or not.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "persistent",
          "description": "Whether the overlay is persistent or not. When the overlay is persistent, ESCAPE and backdrop clicks won't close it.",
          "jsDoc": "/**\n\t * Whether the overlay is persistent or not. When the overlay is persistent, ESCAPE and backdrop clicks won't close it.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "blockScrolling",
          "description": "Whether the overlay blocks the scrolling on the scroll container.",
          "jsDoc": "/**\n\t * Whether the overlay blocks the scrolling on the scroll container.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "duration",
          "description": "The duration of the animations.",
          "jsDoc": "/**\n\t * The duration of the animations.\n\t * @attr\n\t */",
          "type": "number"
        },
        {
          "name": "scrollContainer",
          "description": "The container the overlay lives in.",
          "jsDoc": "/**\n\t * The container the overlay lives in.\n\t * @attr\n\t */",
          "type": "EventTarget"
        },
        {
          "name": "CAN_USE_RESIZE_OBSERVER",
          "type": "IResizeSubscriber"
        },
        {
          "name": "closeOnClick",
          "description": "Makes the popover close when it is clicked upon.",
          "jsDoc": "/**\n\t * Makes the popover close when it is clicked upon.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "noFallback",
          "description": "Whether a fallback strategy for the positioning should be used when there are no room for the popover.",
          "jsDoc": "/**\n\t * Whether a fallback strategy for the positioning should be used when there are no room for the popover.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "transformOriginX",
          "description": "X origin of the transform.",
          "jsDoc": "/**\n\t * X origin of the transform.\n\t * @attr\n\t */",
          "type": "OriginX"
        },
        {
          "name": "transformOriginY",
          "description": "Y origin of the transform.",
          "jsDoc": "/**\n\t * Y origin of the transform.\n\t * @attr\n\t */",
          "type": "OriginY"
        },
        {
          "name": "anchorOriginX",
          "description": "X origin of the anchored point.",
          "jsDoc": "/**\n\t * X origin of the anchored point.\n\t * @attr\n\t */",
          "type": "OriginX"
        },
        {
          "name": "anchorOriginY",
          "description": "Y origin of the anchored point.",
          "jsDoc": "/**\n\t * Y origin of the anchored point.\n\t * @attr\n\t */",
          "type": "OriginY"
        },
        {
          "name": "role",
          "description": "Role of the popover.",
          "jsDoc": "/**\n\t * Role of the popover.\n\t * @attr\n\t */",
          "type": "AriaRole"
        },
        {
          "name": "anchor",
          "description": "Anchor element or query.",
          "jsDoc": "/**\n\t * Anchor element or query.\n\t * @attr\n\t */",
          "type": "string | Element | undefined"
        },
        {
          "name": "anchorOpenEvents",
          "description": "Events on the anchor that makes the popover open itself.",
          "jsDoc": "/**\n\t * Events on the anchor that makes the popover open itself.\n\t * @attr\n\t */",
          "type": "string[] | undefined"
        },
        {
          "name": "anchorCloseEvents",
          "description": "Events on the anchor that makes the popover close itself.",
          "jsDoc": "/**\n\t * Events on the anchor that makes the popover close itself.\n\t * @attr\n\t */",
          "type": "string[] | undefined"
        }
      ],
      "events": [
        {
          "name": "didhide",
          "description": "Dispatches after the overlay has been hidden."
        },
        {
          "name": "didshow",
          "description": "Dispatches after the overlay has been shown."
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "Default content."
        }
      ],
      "cssProperties": [
        {
          "name": "--tooltip-color",
          "description": "Color"
        },
        {
          "name": "--tooltip-bg",
          "description": "Background"
        },
        {
          "name": "--tooltip-padding",
          "description": "Padding"
        },
        {
          "name": "--popover-z-index",
          "description": "z-index."
        }
      ]
    },
    {
      "name": "wl-list-item",
      "description": "Display an item in a list.",
      "jsDoc": "/**\n * Display an item in a list.\n * @slot before - Left content.\n * @slot - Default content.\n * @slot after - Right content.\n * @cssprop --list-item-border-radius - Border radius\n * @cssprop --list-item-transition - Transition\n * @cssprop --list-item-padding - Padding\n * @cssprop --list-item-before-align-self - Alignment of the before slot\n * @cssprop --list-item-before-margin - Margin of the before slot\n * @cssprop --list-item-after-align-self - Alignment of the after slot\n * @cssprop --list-item-after-margin - Margin of the after slot\n * @cssprop --list-item-color - Default color\n * @cssprop --list-item-bg - Default background\n * @cssprop --list-item-color-active - Color when active\n * @cssprop --list-item-bg-active - Background when active\n * @cssprop --list-item-color-hover - Color when hover\n * @cssprop --list-item-bg-hover - Background when hover\n * @cssprop --list-item-color-active-hover - Color when active and hover\n * @cssprop --list-item-bg-active-hover - Background when active and hover\n * @cssprop --list-item-color-disabled - Color when disabled\n * @cssprop --list-item-bg-disabled - Background when disabled\n * @cssprop --list-item-opacity-disabled - Opacity when disabled\n */",
      "attributes": [
        {
          "name": "readonly",
          "description": "Makes the element readonly (disabled but tabbable)",
          "jsDoc": "/**\n\t * Makes the element readonly (disabled but tabbable)\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "required",
          "description": "Makes the element required in a form context.",
          "jsDoc": "/**\n\t * Makes the element required in a form context.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "name",
          "description": "Name of the native form element.",
          "jsDoc": "/**\n\t * Name of the native form element.\n\t * @attr\n\t */",
          "type": "string | undefined"
        },
        {
          "name": "value",
          "description": "Value of the form element.",
          "jsDoc": "/**\n\t * Value of the form element.\n\t * @attr\n\t * @param value\n\t */",
          "type": "string"
        },
        {
          "name": "type",
          "description": "Type of the button.",
          "jsDoc": "/**\n\t * Type of the button.\n\t * @attr\n\t */",
          "type": "\"button\" | \"submit\""
        },
        {
          "name": "disabled",
          "description": "Disables the element.",
          "jsDoc": "/**\n\t * Disables the element.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "clickable",
          "description": "Makes the element clickable.",
          "jsDoc": "/**\n\t * Makes the element clickable.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "noRipple",
          "description": "Deactivates the ripple.",
          "jsDoc": "/**\n\t * Deactivates the ripple.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "role",
          "description": "Role of the list item.",
          "jsDoc": "/**\n\t * Role of the list item.\n\t * @attr\n\t */",
          "type": "AriaRole"
        }
      ],
      "properties": [
        {
          "name": "readonly",
          "description": "Makes the element readonly (disabled but tabbable)",
          "jsDoc": "/**\n\t * Makes the element readonly (disabled but tabbable)\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "required",
          "description": "Makes the element required in a form context.",
          "jsDoc": "/**\n\t * Makes the element required in a form context.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "name",
          "description": "Name of the native form element.",
          "jsDoc": "/**\n\t * Name of the native form element.\n\t * @attr\n\t */",
          "type": "string | undefined"
        },
        {
          "name": "value",
          "description": "Value of the form element.",
          "jsDoc": "/**\n\t * Value of the form element.\n\t * @attr\n\t * @param value\n\t */",
          "type": "string"
        },
        {
          "name": "type",
          "description": "Type of the button.",
          "jsDoc": "/**\n\t * Type of the button.\n\t * @attr\n\t */",
          "type": "\"button\" | \"submit\""
        },
        {
          "name": "disabled",
          "description": "Disables the element.",
          "jsDoc": "/**\n\t * Disables the element.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "clickable",
          "description": "Makes the element clickable.",
          "jsDoc": "/**\n\t * Makes the element clickable.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "noRipple",
          "description": "Deactivates the ripple.",
          "jsDoc": "/**\n\t * Deactivates the ripple.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "role",
          "description": "Role of the list item.",
          "jsDoc": "/**\n\t * Role of the list item.\n\t * @attr\n\t */",
          "type": "AriaRole"
        }
      ],
      "slots": [
        {
          "name": "after",
          "description": "Right content."
        },
        {
          "name": "",
          "description": "Default content."
        },
        {
          "name": "before",
          "description": "Left content."
        }
      ],
      "cssProperties": [
        {
          "name": "--list-item-opacity-disabled",
          "description": "Opacity when disabled"
        },
        {
          "name": "--list-item-bg-disabled",
          "description": "Background when disabled"
        },
        {
          "name": "--list-item-color-disabled",
          "description": "Color when disabled"
        },
        {
          "name": "--list-item-bg-active-hover",
          "description": "Background when active and hover"
        },
        {
          "name": "--list-item-color-active-hover",
          "description": "Color when active and hover"
        },
        {
          "name": "--list-item-bg-hover",
          "description": "Background when hover"
        },
        {
          "name": "--list-item-color-hover",
          "description": "Color when hover"
        },
        {
          "name": "--list-item-bg-active",
          "description": "Background when active"
        },
        {
          "name": "--list-item-color-active",
          "description": "Color when active"
        },
        {
          "name": "--list-item-bg",
          "description": "Default background"
        },
        {
          "name": "--list-item-color",
          "description": "Default color"
        },
        {
          "name": "--list-item-after-margin",
          "description": "Margin of the after slot"
        },
        {
          "name": "--list-item-after-align-self",
          "description": "Alignment of the after slot"
        },
        {
          "name": "--list-item-before-margin",
          "description": "Margin of the before slot"
        },
        {
          "name": "--list-item-before-align-self",
          "description": "Alignment of the before slot"
        },
        {
          "name": "--list-item-padding",
          "description": "Padding"
        },
        {
          "name": "--list-item-transition",
          "description": "Transition"
        },
        {
          "name": "--list-item-border-radius",
          "description": "Border radius"
        }
      ]
    },
    {
      "name": "wl-expansion",
      "description": "Provide an expandable details-summary view.",
      "jsDoc": "/**\n * Provide an expandable details-summary view.\n * @slot title - Title to the left on the header.\n * @slot description - Description to the left on the header.\n * @slot indicator - Content to the right on the header.\n * @slot - Default content.\n * @cssprop --expansion-transition - Transition\n * @cssprop --expansion-elevation - Box shadow\n * @cssprop --expansion-elevation-open - Box shadow when open\n * @cssprop --expansion-margin-open - Margin when open\n * @cssprop --expansion-bg - Default background\n * @cssprop --expansion-color - Default color\n * @cssprop --expansion-header-bg-hover - Background of the header when :hover\n * @cssprop --expansion-header-description-color - Color of the description slot in the header\n * @cssprop --expansion-header-padding - Padding of the header\n * @cssprop --expansion-header-title-margin - Margin of the title slot in the header\n * @cssprop --expansion-header-height - Height of the header\n * @cssprop --expansion-header-height-open - Height of the header when open\n * @cssprop --expansion-header-transition - Transition of the header\n * @cssprop --expansion-content-padding - Padding of the content\n * @cssprop --expansion-icon-transition - Transition of the icon\n */",
      "attributes": [
        {
          "name": "disabled",
          "description": "Disables the element.",
          "jsDoc": "/**\n\t * Disables the element.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "readonly",
          "description": "Makes the element readonly (disabled but tabbable)",
          "jsDoc": "/**\n\t * Makes the element readonly (disabled but tabbable)\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "required",
          "description": "Makes the element required in a form context.",
          "jsDoc": "/**\n\t * Makes the element required in a form context.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "name",
          "description": "Name of the native form element.",
          "jsDoc": "/**\n\t * Name of the native form element.\n\t * @attr\n\t */",
          "type": "string | undefined"
        },
        {
          "name": "value",
          "description": "Value of the form element.",
          "jsDoc": "/**\n\t * Value of the form element.\n\t * @attr\n\t * @param value\n\t */",
          "type": "string"
        },
        {
          "name": "role",
          "description": "Role of the radio behavior.",
          "jsDoc": "/**\n\t * Role of the radio behavior.\n\t * @attr\n\t */",
          "type": "AriaRole"
        },
        {
          "name": "checked",
          "description": "Opens the expansion.",
          "jsDoc": "/**\n\t * Opens the expansion.\n\t * @attr - open\n\t */",
          "type": "boolean"
        },
        {
          "name": "noRipple",
          "description": "Deactivates the ripple.",
          "jsDoc": "/**\n\t * Deactivates the ripple.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "duration",
          "description": "The duration of the animations.",
          "jsDoc": "/**\n\t * The duration of the animations.\n\t * @attr\n\t */",
          "type": "number"
        },
        {
          "name": "aria-checked",
          "description": "Aria expanded attribute.",
          "jsDoc": "/**\n\t * Aria expanded attribute.\n\t * @attr - aria-expanded\n\t */",
          "type": "string"
        },
        {
          "name": "icon",
          "description": "Icon name.",
          "jsDoc": "/**\n\t * Icon name.\n\t * @attr\n\t */",
          "type": "string | undefined"
        }
      ],
      "properties": [
        {
          "name": "disabled",
          "description": "Disables the element.",
          "jsDoc": "/**\n\t * Disables the element.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "readonly",
          "description": "Makes the element readonly (disabled but tabbable)",
          "jsDoc": "/**\n\t * Makes the element readonly (disabled but tabbable)\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "required",
          "description": "Makes the element required in a form context.",
          "jsDoc": "/**\n\t * Makes the element required in a form context.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "name",
          "description": "Name of the native form element.",
          "jsDoc": "/**\n\t * Name of the native form element.\n\t * @attr\n\t */",
          "type": "string | undefined"
        },
        {
          "name": "value",
          "description": "Value of the form element.",
          "jsDoc": "/**\n\t * Value of the form element.\n\t * @attr\n\t * @param value\n\t */",
          "type": "string"
        },
        {
          "name": "role",
          "description": "Role of the radio behavior.",
          "jsDoc": "/**\n\t * Role of the radio behavior.\n\t * @attr\n\t */",
          "type": "AriaRole"
        },
        {
          "name": "checked",
          "description": "Opens the expansion.",
          "jsDoc": "/**\n\t * Opens the expansion.\n\t * @attr - open\n\t */",
          "type": "boolean"
        },
        {
          "name": "noRipple",
          "description": "Deactivates the ripple.",
          "jsDoc": "/**\n\t * Deactivates the ripple.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "duration",
          "description": "The duration of the animations.",
          "jsDoc": "/**\n\t * The duration of the animations.\n\t * @attr\n\t */",
          "type": "number"
        },
        {
          "name": "ariaChecked",
          "description": "Aria expanded attribute.",
          "jsDoc": "/**\n\t * Aria expanded attribute.\n\t * @attr - aria-expanded\n\t */",
          "type": "string"
        },
        {
          "name": "icon",
          "description": "Icon name.",
          "jsDoc": "/**\n\t * Icon name.\n\t * @attr\n\t */",
          "type": "string | undefined"
        }
      ],
      "events": [
        {
          "name": "change",
          "description": "Dispatched when the checked property changes due to a user interaction."
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "Default content."
        },
        {
          "name": "indicator",
          "description": "Content to the right on the header."
        },
        {
          "name": "description",
          "description": "Description to the left on the header."
        },
        {
          "name": "title",
          "description": "Title to the left on the header."
        }
      ],
      "cssProperties": [
        {
          "name": "--expansion-icon-transition",
          "description": "Transition of the icon"
        },
        {
          "name": "--expansion-content-padding",
          "description": "Padding of the content"
        },
        {
          "name": "--expansion-header-transition",
          "description": "Transition of the header"
        },
        {
          "name": "--expansion-header-height-open",
          "description": "Height of the header when open"
        },
        {
          "name": "--expansion-header-height",
          "description": "Height of the header"
        },
        {
          "name": "--expansion-header-title-margin",
          "description": "Margin of the title slot in the header"
        },
        {
          "name": "--expansion-header-padding",
          "description": "Padding of the header"
        },
        {
          "name": "--expansion-header-description-color",
          "description": "Color of the description slot in the header"
        },
        {
          "name": "--expansion-header-bg-hover",
          "description": "Background of the header when :hover"
        },
        {
          "name": "--expansion-color",
          "description": "Default color"
        },
        {
          "name": "--expansion-bg",
          "description": "Default background"
        },
        {
          "name": "--expansion-margin-open",
          "description": "Margin when open"
        },
        {
          "name": "--expansion-elevation-open",
          "description": "Box shadow when open"
        },
        {
          "name": "--expansion-elevation",
          "description": "Box shadow"
        },
        {
          "name": "--expansion-transition",
          "description": "Transition"
        }
      ]
    },
    {
      "name": "wl-snackbar",
      "description": "Provide brief messages at the bottom of the screen.",
      "jsDoc": "/**\n * Provide brief messages at the bottom of the screen.\n * @slot icon - Icon content.\n * @slot action - Action content (you can have multiple slots named action).\n * @slot - Default content.\n * @cssprop --snackbar-fixed-padding - Padding of the container when fixed\n * @cssprop --snackbar-icon-margin - Margin of the icon slot\n * @cssprop --snackbar-border-radius - Border radius\n * @cssprop --snackbar-padding - Padding\n * @cssprop --snackbar-content-padding - Padding of the content slot\n * @cssprop --snackbar-icon-color - Color of the icon slot\n * @cssprop --snackbar-elevation - Box shadow\n * @cssprop --snackbar-color - Color\n * @cssprop --snackbar-bg - Background\n */",
      "attributes": [
        {
          "name": "open",
          "description": "Whether the overlay is open or not.",
          "jsDoc": "/**\n\t * Whether the overlay is open or not.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "disableFocusTrap",
          "description": "Whether the focus trap be disabled.",
          "jsDoc": "/**\n\t * Whether the focus trap be disabled.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "backdrop",
          "description": "Whether the backdrop is visible or not.",
          "jsDoc": "/**\n\t * Whether the backdrop is visible or not.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "fixed",
          "description": "Whether the overlay is fixed or not.",
          "jsDoc": "/**\n\t * Whether the overlay is fixed or not.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "persistent",
          "description": "Whether the overlay is persistent or not. When the overlay is persistent, ESCAPE and backdrop clicks won't close it.",
          "jsDoc": "/**\n\t * Whether the overlay is persistent or not. When the overlay is persistent, ESCAPE and backdrop clicks won't close it.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "blockScrolling",
          "description": "Whether the overlay blocks the scrolling on the scroll container.",
          "jsDoc": "/**\n\t * Whether the overlay blocks the scrolling on the scroll container.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "duration",
          "description": "The duration of the animations.",
          "jsDoc": "/**\n\t * The duration of the animations.\n\t * @attr\n\t */",
          "type": "number"
        },
        {
          "name": "scrollContainer",
          "description": "The container the overlay lives in.",
          "jsDoc": "/**\n\t * The container the overlay lives in.\n\t * @attr\n\t */",
          "type": "EventTarget"
        },
        {
          "name": "role",
          "description": "Role of the snackbar.",
          "jsDoc": "/**\n\t * Role of the snackbar.\n\t * @attr\n\t */",
          "type": "AriaRole"
        },
        {
          "name": "hideDelay",
          "description": "Time in ms before the snackbar is hidden automatically.",
          "jsDoc": "/**\n\t * Time in ms before the snackbar is hidden automatically.\n\t * @attr\n\t */",
          "type": "number"
        }
      ],
      "properties": [
        {
          "name": "open",
          "description": "Whether the overlay is open or not.",
          "jsDoc": "/**\n\t * Whether the overlay is open or not.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "disableFocusTrap",
          "description": "Whether the focus trap be disabled.",
          "jsDoc": "/**\n\t * Whether the focus trap be disabled.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "backdrop",
          "description": "Whether the backdrop is visible or not.",
          "jsDoc": "/**\n\t * Whether the backdrop is visible or not.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "fixed",
          "description": "Whether the overlay is fixed or not.",
          "jsDoc": "/**\n\t * Whether the overlay is fixed or not.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "persistent",
          "description": "Whether the overlay is persistent or not. When the overlay is persistent, ESCAPE and backdrop clicks won't close it.",
          "jsDoc": "/**\n\t * Whether the overlay is persistent or not. When the overlay is persistent, ESCAPE and backdrop clicks won't close it.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "blockScrolling",
          "description": "Whether the overlay blocks the scrolling on the scroll container.",
          "jsDoc": "/**\n\t * Whether the overlay blocks the scrolling on the scroll container.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "duration",
          "description": "The duration of the animations.",
          "jsDoc": "/**\n\t * The duration of the animations.\n\t * @attr\n\t */",
          "type": "number"
        },
        {
          "name": "scrollContainer",
          "description": "The container the overlay lives in.",
          "jsDoc": "/**\n\t * The container the overlay lives in.\n\t * @attr\n\t */",
          "type": "EventTarget"
        },
        {
          "name": "CAN_USE_RESIZE_OBSERVER",
          "type": "IResizeSubscriber"
        },
        {
          "name": "role",
          "description": "Role of the snackbar.",
          "jsDoc": "/**\n\t * Role of the snackbar.\n\t * @attr\n\t */",
          "type": "AriaRole"
        },
        {
          "name": "hideDelay",
          "description": "Time in ms before the snackbar is hidden automatically.",
          "jsDoc": "/**\n\t * Time in ms before the snackbar is hidden automatically.\n\t * @attr\n\t */",
          "type": "number"
        }
      ],
      "events": [
        {
          "name": "didhide",
          "description": "Dispatches after the overlay has been hidden."
        },
        {
          "name": "didshow",
          "description": "Dispatches after the overlay has been shown."
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "Default content."
        },
        {
          "name": "action",
          "description": "Action content (you can have multiple slots named action)."
        },
        {
          "name": "icon",
          "description": "Icon content."
        }
      ],
      "cssProperties": [
        {
          "name": "--snackbar-bg",
          "description": "Background"
        },
        {
          "name": "--snackbar-color",
          "description": "Color"
        },
        {
          "name": "--snackbar-elevation",
          "description": "Box shadow"
        },
        {
          "name": "--snackbar-icon-color",
          "description": "Color of the icon slot"
        },
        {
          "name": "--snackbar-content-padding",
          "description": "Padding of the content slot"
        },
        {
          "name": "--snackbar-padding",
          "description": "Padding"
        },
        {
          "name": "--snackbar-border-radius",
          "description": "Border radius"
        },
        {
          "name": "--snackbar-icon-margin",
          "description": "Margin of the icon slot"
        },
        {
          "name": "--snackbar-fixed-padding",
          "description": "Padding of the container when fixed"
        }
      ]
    },
    {
      "name": "wl-switch",
      "description": "Turn an option on or off.",
      "jsDoc": "/**\n * Turn an option on or off.\n * @cssprop --switch-width - Width\n * @cssprop --switch-height - Height\n * @cssprop --switch-border-radius - Border radius\n * @cssprop --switch-transition - Transition\n * @cssprop --switch-color - Default color\n * @cssprop --switch-bg - Default background\n * @cssprop --switch-color-checked - Color when checked\n * @cssprop --switch-bg-checked - Background when checked\n * @cssprop --switch-color-disabled - Color when disabled\n * @cssprop --switch-bg-disabled - Background when disabled\n * @cssprop --switch-color-disabled-checked - Color when disabled and checked\n * @cssprop --switch-bg-disabled-checked - Background when disabled and checked\n * @cssprop --switch-knob-size - Width and height of the knob\n * @cssprop --switch-knob-border-radius - Border radius of the knob\n * @cssprop --switch-knob-transition - Transition of the knob\n * @cssprop --switch-knob-elevation - Box shadow of the knob\n * @cssprop --switch-ripple-transform - Transform of the ripple\n */",
      "attributes": [
        {
          "name": "disabled",
          "description": "Disables the element.",
          "jsDoc": "/**\n\t * Disables the element.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "readonly",
          "description": "Makes the element readonly (disabled but tabbable)",
          "jsDoc": "/**\n\t * Makes the element readonly (disabled but tabbable)\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "required",
          "description": "Makes the element required in a form context.",
          "jsDoc": "/**\n\t * Makes the element required in a form context.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "name",
          "description": "Name of the native form element.",
          "jsDoc": "/**\n\t * Name of the native form element.\n\t * @attr\n\t */",
          "type": "string | undefined"
        },
        {
          "name": "value",
          "description": "Value of the form element.",
          "jsDoc": "/**\n\t * Value of the form element.\n\t * @attr\n\t * @param value\n\t */",
          "type": "string"
        },
        {
          "name": "checked",
          "description": "Checks the switch.",
          "jsDoc": "/**\n\t * Checks the switch.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "aria-checked",
          "description": "Aria checked attribute.",
          "jsDoc": "/**\n\t * Aria checked attribute.\n\t * @attr aria-checked\n\t */",
          "type": "string"
        },
        {
          "name": "role",
          "description": "Role of the switch.",
          "jsDoc": "/**\n\t * Role of the switch.\n\t * @attr\n\t */",
          "type": "AriaRole"
        }
      ],
      "properties": [
        {
          "name": "disabled",
          "description": "Disables the element.",
          "jsDoc": "/**\n\t * Disables the element.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "readonly",
          "description": "Makes the element readonly (disabled but tabbable)",
          "jsDoc": "/**\n\t * Makes the element readonly (disabled but tabbable)\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "required",
          "description": "Makes the element required in a form context.",
          "jsDoc": "/**\n\t * Makes the element required in a form context.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "name",
          "description": "Name of the native form element.",
          "jsDoc": "/**\n\t * Name of the native form element.\n\t * @attr\n\t */",
          "type": "string | undefined"
        },
        {
          "name": "value",
          "description": "Value of the form element.",
          "jsDoc": "/**\n\t * Value of the form element.\n\t * @attr\n\t * @param value\n\t */",
          "type": "string"
        },
        {
          "name": "checked",
          "description": "Checks the switch.",
          "jsDoc": "/**\n\t * Checks the switch.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "ariaChecked",
          "description": "Aria checked attribute.",
          "jsDoc": "/**\n\t * Aria checked attribute.\n\t * @attr aria-checked\n\t */",
          "type": "string"
        },
        {
          "name": "role",
          "description": "Role of the switch.",
          "jsDoc": "/**\n\t * Role of the switch.\n\t * @attr\n\t */",
          "type": "AriaRole"
        }
      ],
      "events": [
        {
          "name": "change",
          "description": "Dispatched when the checked property changes due to a user interaction."
        }
      ],
      "cssProperties": [
        {
          "name": "--switch-ripple-transform",
          "description": "Transform of the ripple"
        },
        {
          "name": "--switch-knob-elevation",
          "description": "Box shadow of the knob"
        },
        {
          "name": "--switch-knob-transition",
          "description": "Transition of the knob"
        },
        {
          "name": "--switch-knob-border-radius",
          "description": "Border radius of the knob"
        },
        {
          "name": "--switch-knob-size",
          "description": "Width and height of the knob"
        },
        {
          "name": "--switch-bg-disabled-checked",
          "description": "Background when disabled and checked"
        },
        {
          "name": "--switch-color-disabled-checked",
          "description": "Color when disabled and checked"
        },
        {
          "name": "--switch-bg-disabled",
          "description": "Background when disabled"
        },
        {
          "name": "--switch-color-disabled",
          "description": "Color when disabled"
        },
        {
          "name": "--switch-bg-checked",
          "description": "Background when checked"
        },
        {
          "name": "--switch-color-checked",
          "description": "Color when checked"
        },
        {
          "name": "--switch-bg",
          "description": "Default background"
        },
        {
          "name": "--switch-color",
          "description": "Default color"
        },
        {
          "name": "--switch-transition",
          "description": "Transition"
        },
        {
          "name": "--switch-border-radius",
          "description": "Border radius"
        },
        {
          "name": "--switch-height",
          "description": "Height"
        },
        {
          "name": "--switch-width",
          "description": "Width"
        }
      ]
    },
    {
      "name": "wl-slider",
      "description": "Make selections from a range of values.",
      "jsDoc": "/**\n * Make selections from a range of values.\n * @slot thumb-label - Optional slot for the thumb label.\n * @cssprop --slider-height - Height\n * @cssprop --slider-bg - Background\n * @cssprop --slider-bg-buffer - Background of the buffer part\n * @cssprop --slider-bg-active - Background of the active part\n * @cssprop --slider-bg-disabled - Background when disabled\n * @cssprop --slider-bg-buffer-disabled - Background of the buffer part when disabled\n * @cssprop --slider-bg-active-disabled - Background of the active part when disabled\n * @cssprop --slider-thumb-focus-ring-bg - Background of the thumb focus ring\n * @cssprop --slider-thumb-bg - Background of the thumb\n * @cssprop --slider-thumb-bg-disabled - Background of the thumb when disabled\n * @cssprop --slider-thumb-focus-ring-size - Size of the thumb focus ring when focused\n * @cssprop --slider-thumb-size - Size of the thumb\n * @cssprop --slider-thumb-space - Space between slider track and thumb label\n * @cssprop --slider-thumb-transition - Transition of the thumb\n * @cssprop --slider-thumb-transform-focus - Transform of the thumb when focused\n * @cssprop --slider-thumb-border-radius - Border radius of the thumb\n * @cssprop --slider-thumb-label-size - Size of the thumb label\n * @cssprop --slider-thumb-label-border-radius - Border radius of the thumb label\n * @cssprop --slider-thumb-label-bg - Background of the thumb label\n * @cssprop --slider-thumb-label-transition - Transition of the thumb label\n * @cssprop --slider-thumb-label-font-size - Font size of the thumb label\n * @cssprop --slider-thumb-label-color - Color of the thumb label\n */",
      "attributes": [
        {
          "name": "disabled",
          "description": "Disables the element.",
          "jsDoc": "/**\n\t * Disables the element.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "readonly",
          "description": "Makes the element readonly (disabled but tabbable)",
          "jsDoc": "/**\n\t * Makes the element readonly (disabled but tabbable)\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "required",
          "description": "Makes the element required in a form context.",
          "jsDoc": "/**\n\t * Makes the element required in a form context.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "name",
          "description": "Name of the native form element.",
          "jsDoc": "/**\n\t * Name of the native form element.\n\t * @attr\n\t */",
          "type": "string | undefined"
        },
        {
          "name": "autocomplete",
          "description": "Whether autocomplete is on or off.",
          "jsDoc": "/**\n\t * Whether autocomplete is on or off.\n\t * @attr\n\t */",
          "type": "\"on\" | \"off\" | undefined"
        },
        {
          "name": "outlined",
          "description": "Makes the input outlined.",
          "jsDoc": "/**\n\t * Makes the input outlined.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "filled",
          "description": "Fills the input with a solid color.",
          "jsDoc": "/**\n\t * Fills the input with a solid color.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "label",
          "description": "Label text.",
          "jsDoc": "/**\n\t * Label text.\n\t * @attr\n\t */",
          "type": "string | undefined"
        },
        {
          "name": "value",
          "description": "Value of the form element.",
          "jsDoc": "/**\n\t * Value of the form element.\n\t * @attr\n\t * @param value\n\t */",
          "type": "string"
        },
        {
          "name": "valueAsNumber",
          "description": "Value of the slider.",
          "jsDoc": "/**\n\t * Value of the slider.\n\t * @attr\n\t * @param value\n\t */",
          "type": "number"
        },
        {
          "name": "role",
          "description": "Role of the slider.",
          "jsDoc": "/**\n\t * Role of the slider.\n\t * @attr\n\t */",
          "type": "AriaRole"
        },
        {
          "name": "thumbLabel",
          "description": "Label above the thumb that shows the value.",
          "jsDoc": "/**\n\t * Label above the thumb that shows the value.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "min",
          "description": "The minimum value allowed.",
          "jsDoc": "/**\n\t * The minimum value allowed.\n\t * @attr\n\t */",
          "type": "number"
        },
        {
          "name": "max",
          "description": "The maximum value allowed.",
          "jsDoc": "/**\n\t * The maximum value allowed.\n\t * @attr\n\t */",
          "type": "number"
        },
        {
          "name": "step",
          "description": "The legal number intervals",
          "jsDoc": "/**\n\t * The legal number intervals\n\t * @attr\n\t */",
          "type": "number | undefined"
        },
        {
          "name": "bufferMin",
          "description": "The minimum buffer value allowed.",
          "jsDoc": "/**\n\t * The minimum buffer value allowed.\n\t * @attr\n\t */",
          "type": "number"
        },
        {
          "name": "bufferMax",
          "description": "The maximum buffer value allowed.",
          "jsDoc": "/**\n\t * The maximum buffer value allowed.\n\t * @attr\n\t */",
          "type": "number"
        },
        {
          "name": "bufferValue",
          "description": "The buffer value.",
          "jsDoc": "/**\n\t * The buffer value.\n\t * @attr\n\t */",
          "type": "number | undefined"
        }
      ],
      "properties": [
        {
          "name": "disabled",
          "description": "Disables the element.",
          "jsDoc": "/**\n\t * Disables the element.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "readonly",
          "description": "Makes the element readonly (disabled but tabbable)",
          "jsDoc": "/**\n\t * Makes the element readonly (disabled but tabbable)\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "required",
          "description": "Makes the element required in a form context.",
          "jsDoc": "/**\n\t * Makes the element required in a form context.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "name",
          "description": "Name of the native form element.",
          "jsDoc": "/**\n\t * Name of the native form element.\n\t * @attr\n\t */",
          "type": "string | undefined"
        },
        {
          "name": "autocomplete",
          "description": "Whether autocomplete is on or off.",
          "jsDoc": "/**\n\t * Whether autocomplete is on or off.\n\t * @attr\n\t */",
          "type": "\"on\" | \"off\" | undefined"
        },
        {
          "name": "outlined",
          "description": "Makes the input outlined.",
          "jsDoc": "/**\n\t * Makes the input outlined.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "filled",
          "description": "Fills the input with a solid color.",
          "jsDoc": "/**\n\t * Fills the input with a solid color.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "label",
          "description": "Label text.",
          "jsDoc": "/**\n\t * Label text.\n\t * @attr\n\t */",
          "type": "string | undefined"
        },
        {
          "name": "value",
          "description": "Value of the form element.",
          "jsDoc": "/**\n\t * Value of the form element.\n\t * @attr\n\t * @param value\n\t */",
          "type": "string"
        },
        {
          "name": "valueAsNumber",
          "description": "Value of the slider.",
          "jsDoc": "/**\n\t * Value of the slider.\n\t * @attr\n\t * @param value\n\t */",
          "type": "number"
        },
        {
          "name": "role",
          "description": "Role of the slider.",
          "jsDoc": "/**\n\t * Role of the slider.\n\t * @attr\n\t */",
          "type": "AriaRole"
        },
        {
          "name": "thumbLabel",
          "description": "Label above the thumb that shows the value.",
          "jsDoc": "/**\n\t * Label above the thumb that shows the value.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "min",
          "description": "The minimum value allowed.",
          "jsDoc": "/**\n\t * The minimum value allowed.\n\t * @attr\n\t */",
          "type": "number"
        },
        {
          "name": "max",
          "description": "The maximum value allowed.",
          "jsDoc": "/**\n\t * The maximum value allowed.\n\t * @attr\n\t */",
          "type": "number"
        },
        {
          "name": "step",
          "description": "The legal number intervals",
          "jsDoc": "/**\n\t * The legal number intervals\n\t * @attr\n\t */",
          "type": "number | undefined"
        },
        {
          "name": "bufferMin",
          "description": "The minimum buffer value allowed.",
          "jsDoc": "/**\n\t * The minimum buffer value allowed.\n\t * @attr\n\t */",
          "type": "number"
        },
        {
          "name": "bufferMax",
          "description": "The maximum buffer value allowed.",
          "jsDoc": "/**\n\t * The maximum buffer value allowed.\n\t * @attr\n\t */",
          "type": "number"
        },
        {
          "name": "bufferValue",
          "description": "The buffer value.",
          "jsDoc": "/**\n\t * The buffer value.\n\t * @attr\n\t */",
          "type": "number | undefined"
        }
      ],
      "events": [
        {
          "name": "input",
          "description": "Dispatches from the native input event each time the input changes."
        },
        {
          "name": "invalid",
          "description": "Dispatched when the input becomes invalid."
        },
        {
          "name": "submit",
          "description": "Dispatched when the enter key is hit while pressing ctrl or the meta-key."
        }
      ],
      "slots": [
        {
          "name": "thumb-label",
          "description": "Optional slot for the thumb label."
        },
        {
          "name": "after",
          "description": "Content after the input."
        },
        {
          "name": "before",
          "description": "Content before the input."
        }
      ],
      "cssProperties": [
        {
          "name": "--slider-thumb-label-color",
          "description": "Color of the thumb label"
        },
        {
          "name": "--slider-thumb-label-font-size",
          "description": "Font size of the thumb label"
        },
        {
          "name": "--slider-thumb-label-transition",
          "description": "Transition of the thumb label"
        },
        {
          "name": "--slider-thumb-label-bg",
          "description": "Background of the thumb label"
        },
        {
          "name": "--slider-thumb-label-border-radius",
          "description": "Border radius of the thumb label"
        },
        {
          "name": "--slider-thumb-label-size",
          "description": "Size of the thumb label"
        },
        {
          "name": "--slider-thumb-border-radius",
          "description": "Border radius of the thumb"
        },
        {
          "name": "--slider-thumb-transform-focus",
          "description": "Transform of the thumb when focused"
        },
        {
          "name": "--slider-thumb-transition",
          "description": "Transition of the thumb"
        },
        {
          "name": "--slider-thumb-space",
          "description": "Space between slider track and thumb label"
        },
        {
          "name": "--slider-thumb-size",
          "description": "Size of the thumb"
        },
        {
          "name": "--slider-thumb-focus-ring-size",
          "description": "Size of the thumb focus ring when focused"
        },
        {
          "name": "--slider-thumb-bg-disabled",
          "description": "Background of the thumb when disabled"
        },
        {
          "name": "--slider-thumb-bg",
          "description": "Background of the thumb"
        },
        {
          "name": "--slider-thumb-focus-ring-bg",
          "description": "Background of the thumb focus ring"
        },
        {
          "name": "--slider-bg-active-disabled",
          "description": "Background of the active part when disabled"
        },
        {
          "name": "--slider-bg-buffer-disabled",
          "description": "Background of the buffer part when disabled"
        },
        {
          "name": "--slider-bg-disabled",
          "description": "Background when disabled"
        },
        {
          "name": "--slider-bg-active",
          "description": "Background of the active part"
        },
        {
          "name": "--slider-bg-buffer",
          "description": "Background of the buffer part"
        },
        {
          "name": "--slider-bg",
          "description": "Background"
        },
        {
          "name": "--slider-height",
          "description": "Height"
        },
        {
          "name": "--input-label-space",
          "description": "Space between label and input"
        },
        {
          "name": "--input-label-transition",
          "description": "Transition of the label"
        },
        {
          "name": "--input-label-font-size",
          "description": "Font size of the label"
        },
        {
          "name": "--input-label-color-disabled",
          "description": "Color of the label when disabled"
        },
        {
          "name": "--input-label-color",
          "description": "Color of the label"
        },
        {
          "name": "--input-font-family",
          "description": "Font family"
        },
        {
          "name": "--input-border-radius-outlined",
          "description": "Border radius when outlined"
        },
        {
          "name": "--input-border-radius-filled",
          "description": "Border radius when filled"
        },
        {
          "name": "--input-padding-left-right-outlined",
          "description": "Left and right padding when outlined"
        },
        {
          "name": "--input-padding-top-bottom",
          "description": "Top and bottom padding"
        },
        {
          "name": "--input-padding-left-right",
          "description": "Left and right padding"
        },
        {
          "name": "--input-font-size",
          "description": "Font size"
        },
        {
          "name": "--input-before-after-color",
          "description": "Color of the before and after slots"
        },
        {
          "name": "--input-border-style-disabled",
          "description": "Border style when disabled"
        },
        {
          "name": "--input-border-style",
          "description": "Border style"
        },
        {
          "name": "--input-border-width",
          "description": "Border width"
        },
        {
          "name": "--input-transition",
          "description": "Transition"
        },
        {
          "name": "--input-bg-filled-hover",
          "description": "Background when filled and hover"
        },
        {
          "name": "--input-bg-filled",
          "description": "Background when filled"
        },
        {
          "name": "--input-color-disabled",
          "description": "Color when disabled"
        },
        {
          "name": "--input-bg",
          "description": "Default background"
        },
        {
          "name": "--input-color",
          "description": "Default color"
        },
        {
          "name": "--input-state-color-disabled",
          "description": "Disabled state color"
        },
        {
          "name": "--input-state-color-invalid",
          "description": "Invalid state color"
        },
        {
          "name": "--input-state-color-hover",
          "description": "Hover state color"
        },
        {
          "name": "--input-state-color-active",
          "description": "Active state color"
        },
        {
          "name": "--input-state-color-inactive",
          "description": "Inactive state color"
        }
      ]
    },
    {
      "name": "wl-tab",
      "description": "Organize navigation between groups of content.",
      "jsDoc": "/**\n * Organize navigation between groups of content.\n * @slot - Default content.\n * @slot before - Default content.\n * @cssprop --tab-padding - Padding\n * @cssprop --tab-before-margin - Margin of the before slot\n * @cssprop --tab-padding-vertical - Padding when vertical\n * @cssprop --tab-before-margin-vertical - margin of the before slot when vertical\n * @cssprop --tab-transition - transition\n * @cssprop --tab-opacity-disabled - opacity when disabled\n * @cssprop --tab-color - default color\n * @cssprop --tab-bg - default background\n * @cssprop --tab-color-active - color when active\n * @cssprop --tab-bg-active - background when active\n * @cssprop --tab-color-hover - color when hover\n * @cssprop --tab-bg-hover - background when hover\n * @cssprop --tab-color-active-hover - color when active and hover\n * @cssprop --tab-bg-active-hover - background when active and hover\n * @cssprop --tab-color-disabled - color when disabled\n * @cssprop --tab-bg-disabled - background when disabled\n * @cssprop --tab-color-filled - default color when filled\n * @cssprop --tab-bg-filled - default background when filled\n * @cssprop --tab-color-active-filled - color when active and filled\n * @cssprop --tab-bg-active-filled - background when active and filled\n * @cssprop --tab-color-hover-filled - color when hover and filled\n * @cssprop --tab-bg-hover-filled - background when hover and filled\n * @cssprop --tab-color-active-hover-filled - color when active, hover and filled\n * @cssprop --tab-bg-active-hover-filled - background when active, hover and filled\n * @cssprop --tab-color-disabled-filled - color when disabled and filled\n * @cssprop --tab-bg-disabled-filled - background when disabled and filled\n */",
      "attributes": [
        {
          "name": "disabled",
          "description": "Disables the element.",
          "jsDoc": "/**\n\t * Disables the element.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "readonly",
          "description": "Makes the element readonly (disabled but tabbable)",
          "jsDoc": "/**\n\t * Makes the element readonly (disabled but tabbable)\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "required",
          "description": "Makes the element required in a form context.",
          "jsDoc": "/**\n\t * Makes the element required in a form context.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "name",
          "description": "Name of the native form element.",
          "jsDoc": "/**\n\t * Name of the native form element.\n\t * @attr\n\t */",
          "type": "string | undefined"
        },
        {
          "name": "value",
          "description": "Value of the form element.",
          "jsDoc": "/**\n\t * Value of the form element.\n\t * @attr\n\t * @param value\n\t */",
          "type": "string"
        },
        {
          "name": "checked",
          "description": "Checks the switch.",
          "jsDoc": "/**\n\t * Checks the switch.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "aria-checked",
          "description": "Aria checked attribute.",
          "jsDoc": "/**\n\t * Aria checked attribute.\n\t * @attr aria-checked\n\t */",
          "type": "string"
        },
        {
          "name": "role",
          "description": "Role of the tab.",
          "jsDoc": "/**\n\t * Role of the tab.\n\t * @attr\n\t */",
          "type": "AriaRole"
        },
        {
          "name": "vertical",
          "description": "Vertical tab style.",
          "jsDoc": "/**\n\t * Vertical tab style.\n\t * @attr\n\t */",
          "type": "boolean"
        }
      ],
      "properties": [
        {
          "name": "disabled",
          "description": "Disables the element.",
          "jsDoc": "/**\n\t * Disables the element.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "readonly",
          "description": "Makes the element readonly (disabled but tabbable)",
          "jsDoc": "/**\n\t * Makes the element readonly (disabled but tabbable)\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "required",
          "description": "Makes the element required in a form context.",
          "jsDoc": "/**\n\t * Makes the element required in a form context.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "name",
          "description": "Name of the native form element.",
          "jsDoc": "/**\n\t * Name of the native form element.\n\t * @attr\n\t */",
          "type": "string | undefined"
        },
        {
          "name": "value",
          "description": "Value of the form element.",
          "jsDoc": "/**\n\t * Value of the form element.\n\t * @attr\n\t * @param value\n\t */",
          "type": "string"
        },
        {
          "name": "checked",
          "description": "Checks the switch.",
          "jsDoc": "/**\n\t * Checks the switch.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "ariaChecked",
          "description": "Aria checked attribute.",
          "jsDoc": "/**\n\t * Aria checked attribute.\n\t * @attr aria-checked\n\t */",
          "type": "string"
        },
        {
          "name": "role",
          "description": "Role of the tab.",
          "jsDoc": "/**\n\t * Role of the tab.\n\t * @attr\n\t */",
          "type": "AriaRole"
        },
        {
          "name": "vertical",
          "description": "Vertical tab style.",
          "jsDoc": "/**\n\t * Vertical tab style.\n\t * @attr\n\t */",
          "type": "boolean"
        }
      ],
      "events": [
        {
          "name": "change",
          "description": "Dispatched when the checked property changes due to a user interaction."
        }
      ],
      "slots": [
        {
          "name": "before",
          "description": "Default content."
        },
        {
          "name": "",
          "description": "Default content."
        }
      ],
      "cssProperties": [
        {
          "name": "--tab-bg-disabled-filled",
          "description": "background when disabled and filled"
        },
        {
          "name": "--tab-color-disabled-filled",
          "description": "color when disabled and filled"
        },
        {
          "name": "--tab-bg-active-hover-filled",
          "description": "background when active, hover and filled"
        },
        {
          "name": "--tab-color-active-hover-filled",
          "description": "color when active, hover and filled"
        },
        {
          "name": "--tab-bg-hover-filled",
          "description": "background when hover and filled"
        },
        {
          "name": "--tab-color-hover-filled",
          "description": "color when hover and filled"
        },
        {
          "name": "--tab-bg-active-filled",
          "description": "background when active and filled"
        },
        {
          "name": "--tab-color-active-filled",
          "description": "color when active and filled"
        },
        {
          "name": "--tab-bg-filled",
          "description": "default background when filled"
        },
        {
          "name": "--tab-color-filled",
          "description": "default color when filled"
        },
        {
          "name": "--tab-bg-disabled",
          "description": "background when disabled"
        },
        {
          "name": "--tab-color-disabled",
          "description": "color when disabled"
        },
        {
          "name": "--tab-bg-active-hover",
          "description": "background when active and hover"
        },
        {
          "name": "--tab-color-active-hover",
          "description": "color when active and hover"
        },
        {
          "name": "--tab-bg-hover",
          "description": "background when hover"
        },
        {
          "name": "--tab-color-hover",
          "description": "color when hover"
        },
        {
          "name": "--tab-bg-active",
          "description": "background when active"
        },
        {
          "name": "--tab-color-active",
          "description": "color when active"
        },
        {
          "name": "--tab-bg",
          "description": "default background"
        },
        {
          "name": "--tab-color",
          "description": "default color"
        },
        {
          "name": "--tab-opacity-disabled",
          "description": "opacity when disabled"
        },
        {
          "name": "--tab-transition",
          "description": "transition"
        },
        {
          "name": "--tab-before-margin-vertical",
          "description": "margin of the before slot when vertical"
        },
        {
          "name": "--tab-padding-vertical",
          "description": "Padding when vertical"
        },
        {
          "name": "--tab-before-margin",
          "description": "Margin of the before slot"
        },
        {
          "name": "--tab-padding",
          "description": "Padding"
        }
      ]
    },
    {
      "name": "wl-tab-group",
      "description": "Organize navigation between groups of content.",
      "jsDoc": "/**\n * Organize navigation between groups of content.\n * @slot - Default content. Add wl-tab elements here.\n * @cssprop --tab-group-color - Default color\n * @cssprop --tab-group-bg - Default background\n * @cssprop --tab-group-filled-color - Color when filled\n * @cssprop --tab-group-filled-bg - Background when filled\n * @cssprop --tab-group-indicator-size - Size of the indicator\n * @cssprop --tab-group-indicator-scale - Scale of the indicator\n * @cssprop --tab-group-indicator-bg - Background of the indicator\n * @cssprop --tab-group-indicator-transition - Transition of the indicator\n */",
      "attributes": [
        {
          "name": "align",
          "description": "Alignment of the tabs.",
          "jsDoc": "/**\n\t * Alignment of the tabs.\n\t * @attr\n\t */",
          "type": "TabGroupAlignment"
        },
        {
          "name": "filled",
          "description": "Adds a filled color style to the tab.",
          "jsDoc": "/**\n\t * Adds a filled color style to the tab.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "vertical",
          "description": "Makes the tabs vertical.",
          "jsDoc": "/**\n\t * Makes the tabs vertical.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "role",
          "description": "Role of the tab.",
          "jsDoc": "/**\n\t * Role of the tab.\n\t * @attr\n\t */",
          "type": "AriaRole"
        }
      ],
      "properties": [
        {
          "name": "align",
          "description": "Alignment of the tabs.",
          "jsDoc": "/**\n\t * Alignment of the tabs.\n\t * @attr\n\t */",
          "type": "TabGroupAlignment"
        },
        {
          "name": "filled",
          "description": "Adds a filled color style to the tab.",
          "jsDoc": "/**\n\t * Adds a filled color style to the tab.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "vertical",
          "description": "Makes the tabs vertical.",
          "jsDoc": "/**\n\t * Makes the tabs vertical.\n\t * @attr\n\t */",
          "type": "boolean"
        },
        {
          "name": "role",
          "description": "Role of the tab.",
          "jsDoc": "/**\n\t * Role of the tab.\n\t * @attr\n\t */",
          "type": "AriaRole"
        },
        {
          "name": "CAN_USE_RESIZE_OBSERVER",
          "type": "IResizeSubscriber"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "Default content. Add wl-tab elements here."
        }
      ],
      "cssProperties": [
        {
          "name": "--tab-group-indicator-transition",
          "description": "Transition of the indicator"
        },
        {
          "name": "--tab-group-indicator-bg",
          "description": "Background of the indicator"
        },
        {
          "name": "--tab-group-indicator-scale",
          "description": "Scale of the indicator"
        },
        {
          "name": "--tab-group-indicator-size",
          "description": "Size of the indicator"
        },
        {
          "name": "--tab-group-filled-bg",
          "description": "Background when filled"
        },
        {
          "name": "--tab-group-filled-color",
          "description": "Color when filled"
        },
        {
          "name": "--tab-group-bg",
          "description": "Default background"
        },
        {
          "name": "--tab-group-color",
          "description": "Default color"
        }
      ]
    },
    {
      "name": "wl-text",
      "description": "Group text into paragraphs.",
      "jsDoc": "/**\n * Group text into paragraphs.\n * @slot - Default content.\n * @cssprop --text-margin - Margin\n * @cssprop --text-line-height - Line height\n * @cssprop --text-opacity - Opacity\n * @cssprop --text-font-size-m - Font size medium\n * @cssprop --text-font-size-l - Font size large\n * @cssprop --text-font-family - Font family\n */",
      "attributes": [
        {
          "name": "size",
          "description": "Size of the text.",
          "jsDoc": "/**\n\t * Size of the text.\n\t * @attr\n\t */",
          "type": "TextSize"
        },
        {
          "name": "role",
          "description": "Role of the text.",
          "jsDoc": "/**\n\t * Role of the text.\n\t * @attr\n\t */",
          "type": "AriaRole"
        }
      ],
      "properties": [
        {
          "name": "size",
          "description": "Size of the text.",
          "jsDoc": "/**\n\t * Size of the text.\n\t * @attr\n\t */",
          "type": "TextSize"
        },
        {
          "name": "role",
          "description": "Role of the text.",
          "jsDoc": "/**\n\t * Role of the text.\n\t * @attr\n\t */",
          "type": "AriaRole"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "Default content."
        }
      ],
      "cssProperties": [
        {
          "name": "--text-font-family",
          "description": "Font family"
        },
        {
          "name": "--text-font-size-l",
          "description": "Font size large"
        },
        {
          "name": "--text-font-size-m",
          "description": "Font size medium"
        },
        {
          "name": "--text-opacity",
          "description": "Opacity"
        },
        {
          "name": "--text-line-height",
          "description": "Line height"
        },
        {
          "name": "--text-margin",
          "description": "Margin"
        }
      ]
    }
  ]
}