{
  "schemaVersion": "1.0.0",
  "readme": "",
  "modules": [
    {
      "kind": "javascript-module",
      "path": "src/elements/accordion/accordion-group.ts",
      "declarations": [
        {
          "kind": "class",
          "description": "If accordions are inside a <pyro-accordion-group> only one of them can be open at a time, opening an accordion will close the others.\n[docs](https://pyrojs.com/el/accordion#grouped-accordions)\n\n```html\n<pyro-accordion-group>\n  <pyro-accordion summary=\"Click me 1\" open>...</pyro-accordion>\n  <pyro-accordion summary=\"Click me 2\">...</pyro-accordion>\n  <pyro-accordion summary=\"Click me 3\">...</pyro-accordion>\n</pyro-accordion-group>\n```",
          "name": "PyroAccordionGroup",
          "slots": [
            {
              "description": "`pyro-accordion`s or elements containing `pyro-accordion`s",
              "name": ""
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "_slotElements",
              "type": {
                "text": "any"
              }
            },
            {
              "kind": "field",
              "name": "_accordions",
              "type": {
                "text": "PyroAccordion[]"
              },
              "default": "[]"
            },
            {
              "kind": "method",
              "name": "handleClick",
              "privacy": "private",
              "parameters": [
                {
                  "name": "{ target }",
                  "type": {
                    "text": "{ target: PyroAccordion }"
                  }
                }
              ]
            }
          ],
          "superclass": {
            "name": "LitElement",
            "package": "lit"
          },
          "tagName": "pyro-accordion-group",
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "PyroAccordionGroup",
          "declaration": {
            "name": "PyroAccordionGroup",
            "module": "src/elements/accordion/accordion-group.ts"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "pyro-accordion-group",
          "declaration": {
            "name": "PyroAccordionGroup",
            "module": "src/elements/accordion/accordion-group.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/accordion/accordion-group.types.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/accordion/accordion.ts",
      "declarations": [
        {
          "kind": "class",
          "description": "Collapsible containers that can contain disclosure elements. They can be be single or grouped, where only one can be open at a time.\n[docs](https://pyrojs.com/el/accordion)\n\n```html\n<pyro-accordion summary=\"Click me\" open>\n  <span slot=\"content\">\n    Lorem ipsum dolor sit amet consectetur, adipisicing elit.\n  </span>\n</pyro-accordion>\n```",
          "name": "PyroAccordion",
          "cssProperties": [
            {
              "description": "`color`",
              "name": "--pyro-accordion-text-color",
              "default": "var(--pyro-text-color)"
            },
            {
              "description": "`background`",
              "name": "--pyro-accordion-surface-color",
              "default": "var(--pyro-surface-color)"
            },
            {
              "description": "`border`",
              "name": "--pyro-accordion-border",
              "default": "var(--pyro-border)"
            },
            {
              "description": "`border-radius`",
              "name": "--pyro-accordion-border-radius",
              "default": "var(--pyro-border-radius)"
            },
            {
              "description": "`padding`",
              "name": "--pyro-accordion-spacing",
              "default": "var(--pyro-spacing)"
            }
          ],
          "slots": [
            {
              "description": "Summary of the accordion, always visible",
              "name": "summary"
            },
            {
              "description": "Content of the accordion that can be opened",
              "name": "content"
            },
            {
              "description": "Slot for the icon to be place inside the summary, chevron by default",
              "name": "icon"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "summary",
              "type": {
                "text": "string"
              },
              "default": "''",
              "description": "Summary of the accordion, overriden by `slot=\"summary\"`",
              "attribute": "summary"
            },
            {
              "kind": "field",
              "name": "content",
              "type": {
                "text": "string"
              },
              "default": "''",
              "description": "Content of the accordion, overriden by `slot=\"content\"`",
              "attribute": "content"
            },
            {
              "kind": "field",
              "name": "open",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Indicates whether the accordion is open",
              "attribute": "open",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "'no-flip'",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Disables flipping of the icon when open/closed",
              "attribute": "'no-flip'",
              "reflects": true
            },
            {
              "kind": "method",
              "name": "handleClick",
              "privacy": "private",
              "parameters": [
                {
                  "name": "e",
                  "type": {
                    "text": "Event"
                  }
                }
              ]
            }
          ],
          "events": [
            {
              "name": "pyro-accordion-click",
              "type": {
                "text": "CustomEvent"
              }
            }
          ],
          "attributes": [
            {
              "name": "summary",
              "type": {
                "text": "string"
              },
              "default": "''",
              "description": "Summary of the accordion, overriden by `slot=\"summary\"`",
              "fieldName": "summary"
            },
            {
              "name": "content",
              "type": {
                "text": "string"
              },
              "default": "''",
              "description": "Content of the accordion, overriden by `slot=\"content\"`",
              "fieldName": "content"
            },
            {
              "name": "open",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Indicates whether the accordion is open",
              "fieldName": "open"
            },
            {
              "name": "'no-flip'",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Disables flipping of the icon when open/closed",
              "fieldName": "'no-flip'"
            }
          ],
          "superclass": {
            "name": "LitElement",
            "package": "lit"
          },
          "tagName": "pyro-accordion",
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "PyroAccordion",
          "declaration": {
            "name": "PyroAccordion",
            "module": "src/elements/accordion/accordion.ts"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "pyro-accordion",
          "declaration": {
            "name": "PyroAccordion",
            "module": "src/elements/accordion/accordion.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/accordion/accordion.types.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/alert/alert.ts",
      "declarations": [
        {
          "kind": "class",
          "description": "An element that displays a brief, important message in a way that attracts the user's attention\nwithout interrupting the user's task.\n[docs](https://pyrojs.com/el/alert)\n\n```html\n<pyro-alert>\n  <p>This is the content of the alert</p>\n</pyro-alert>\n```",
          "name": "PyroAlert",
          "cssProperties": [
            {
              "description": "`color`",
              "name": "--pyro-alert-text-color",
              "default": "var(--pyro-text-color)"
            },
            {
              "description": "`background` (when no `severity` is set)",
              "name": "--pyro-alert-surface-color",
              "default": "var(--pyro-surface-color)"
            },
            {
              "description": "`border`",
              "name": "--pyro-alert-border",
              "default": "var(--pyro-border)"
            },
            {
              "description": "`border-radius`",
              "name": "--pyro-alert-border-radius",
              "default": "var(--pyro-border-radius)"
            },
            {
              "description": "`padding` Severity",
              "name": "--pyro-alert-spacing",
              "default": "var(--pyro-spacing)"
            },
            {
              "description": "`color` (icon, band)",
              "name": "--pyro-alert-info-color",
              "default": "var(--pyro-info-color)"
            },
            {
              "description": "`background`",
              "name": "--pyro-alert-info-color-lighter",
              "default": "var(--pyro-info-color-lighter)"
            },
            {
              "description": "`color` (icon, band)",
              "name": "--pyro-alert-success-color",
              "default": "var(--pyro-success-color)"
            },
            {
              "description": "`background`",
              "name": "--pyro-alert-success-color-lighter",
              "default": "var(--pyro-success-color-lighter)"
            },
            {
              "description": "`color` (icon, band)",
              "name": "--pyro-alert-warning-color",
              "default": "var(--pyro-warning-color)"
            },
            {
              "description": "`background`",
              "name": "--pyro-alert-warning-color-lighter",
              "default": "var(--pyro-warning-color-lighter)"
            },
            {
              "description": "`color` (icon, band)",
              "name": "--pyro-alert-error-color",
              "default": "var(--pyro-error-color)"
            },
            {
              "description": "`background` Variation based",
              "name": "--pyro-alert-error-color-lighter",
              "default": "var(--pyro-error-color-lighter)"
            },
            {
              "description": "left band `width`",
              "name": "--pyro-alert-band-width",
              "default": "calc(var(--pyro-border-width) * 4)"
            },
            {
              "description": "dismissible icon `width`",
              "name": "--pyro-alert-dismissible-width",
              "default": "1em"
            }
          ],
          "slots": [
            {
              "description": "(default) Content of alert",
              "name": ""
            },
            {
              "description": "a pyro-icon or generic image. Receives the css `color` and `fill` based on severity",
              "name": "icon"
            },
            {
              "description": "overrides the default dimissible icon, if used",
              "name": "dismissible"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "severity",
              "type": {
                "text": "'info' | 'success' | 'warning' | 'error' | '' | undefined"
              },
              "default": "''",
              "description": "Alert severity, determines colors",
              "attribute": "severity",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "band",
              "type": {
                "text": "boolean | undefined"
              },
              "default": "false",
              "description": "Adds a bright colored band to the alert left, similar to a border",
              "attribute": "band",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "dismissible",
              "type": {
                "text": "boolean | undefined"
              },
              "default": "false",
              "description": "Adds an cross icon to dismiss the alert",
              "attribute": "dismissible",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "dimissed",
              "type": {
                "text": "boolean | undefined"
              },
              "default": "false",
              "description": "(static) Added if the alert was dismissed",
              "attribute": "dimissed",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "dismiss"
            }
          ],
          "attributes": [
            {
              "name": "severity",
              "type": {
                "text": "'info' | 'success' | 'warning' | 'error' | '' | undefined"
              },
              "default": "''",
              "description": "Alert severity, determines colors",
              "fieldName": "severity"
            },
            {
              "name": "band",
              "type": {
                "text": "boolean | undefined"
              },
              "default": "false",
              "description": "Adds a bright colored band to the alert left, similar to a border",
              "fieldName": "band"
            },
            {
              "name": "dismissible",
              "type": {
                "text": "boolean | undefined"
              },
              "default": "false",
              "description": "Adds an cross icon to dismiss the alert",
              "fieldName": "dismissible"
            },
            {
              "name": "dimissed",
              "type": {
                "text": "boolean | undefined"
              },
              "default": "false",
              "description": "(static) Added if the alert was dismissed",
              "fieldName": "dimissed"
            }
          ],
          "superclass": {
            "name": "LitElement",
            "package": "lit"
          },
          "tagName": "pyro-alert",
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "PyroAlert",
          "declaration": {
            "name": "PyroAlert",
            "module": "src/elements/alert/alert.ts"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "pyro-alert",
          "declaration": {
            "name": "PyroAlert",
            "module": "src/elements/alert/alert.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/alert/alert.types.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/avatar/avatar.ts",
      "declarations": [
        {
          "kind": "class",
          "description": "Circle showing inital(s) or image, typically associated with profiles or menus.\n[docs](https://pyrojs.com/el/avatar)\n\n```html\n<pyro-avatar label=\"IB\"></pyro-avatar>\n```",
          "name": "PyroAvatar",
          "cssProperties": [
            {
              "description": "`width`",
              "name": "--pyro-avatar-width",
              "default": "1.5em"
            },
            {
              "description": "`height`",
              "name": "--pyro-avatar-height",
              "default": "1.5em"
            },
            {
              "description": "`color`",
              "name": "--pyro-avatar-text-color",
              "default": "var(--pyro-text-color)"
            },
            {
              "description": "`background`",
              "name": "--pyro-avatar-accent-color",
              "default": "var(--pyro-accent-color)"
            }
          ],
          "slots": [
            {
              "description": "One/two letter, overrides label prop",
              "name": ""
            },
            {
              "description": "Images, scaled to fit, cropped to circle",
              "name": "image"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "label",
              "type": {
                "text": "string | undefined"
              },
              "default": "''",
              "description": "One/two letters, overriden by default slot",
              "attribute": "label"
            }
          ],
          "attributes": [
            {
              "name": "label",
              "type": {
                "text": "string | undefined"
              },
              "default": "''",
              "description": "One/two letters, overriden by default slot",
              "fieldName": "label"
            }
          ],
          "superclass": {
            "name": "LitElement",
            "package": "lit"
          },
          "tagName": "pyro-avatar",
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "PyroAvatar",
          "declaration": {
            "name": "PyroAvatar",
            "module": "src/elements/avatar/avatar.ts"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "pyro-avatar",
          "declaration": {
            "name": "PyroAvatar",
            "module": "src/elements/avatar/avatar.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/avatar/avatar.types.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/badge/badge.ts",
      "declarations": [
        {
          "kind": "class",
          "description": "Badge element, showing a small badge on the slotted element\nSee [docs](https://pyrojs.com/el/avatar)\n\n```html\n<pyro-badge label=\"3\">\n  Notifications\n</pyro-badge>\n```",
          "name": "PyroBadge",
          "cssProperties": [
            {
              "description": "`color`",
              "name": "--pyro-badge-text-color",
              "default": "var(--pyro-text-color)"
            },
            {
              "description": "`background`",
              "name": "--pyro-badge-accent-color",
              "default": "var(--pyro-accent-color)"
            },
            {
              "description": "`font-size`",
              "name": "--pyro-badge-font-size",
              "default": "calc(var(--pyro-badge-height, 1.5em) / 2)"
            },
            {
              "description": "`height`",
              "name": "--pyro-badge-height",
              "default": "1.5em"
            }
          ],
          "slots": [
            {
              "description": "One/two letter, overrides label prop",
              "name": ""
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "label",
              "type": {
                "text": "string | undefined"
              },
              "default": "''",
              "description": "Label",
              "attribute": "label"
            }
          ],
          "attributes": [
            {
              "name": "label",
              "type": {
                "text": "string | undefined"
              },
              "default": "''",
              "description": "Label",
              "fieldName": "label"
            }
          ],
          "superclass": {
            "name": "LitElement",
            "package": "lit"
          },
          "tagName": "pyro-badge",
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "PyroBadge",
          "declaration": {
            "name": "PyroBadge",
            "module": "src/elements/badge/badge.ts"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "pyro-badge",
          "declaration": {
            "name": "PyroBadge",
            "module": "src/elements/badge/badge.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/badge/badge.types.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/box/box.ts",
      "declarations": [
        {
          "kind": "class",
          "description": "Generic box with configured css styling\n[docs](https://pyrojs.com/el/badge)\n\n```html\n<pyro-box style=\"width: 600px\"><p>Box contents</p></pyro-box>\n```",
          "name": "PyroBox",
          "cssProperties": [
            {
              "description": "`color`",
              "name": "--pyro-box-text-color",
              "default": "var(--pyro-text-color)"
            },
            {
              "description": "`background`",
              "name": "--pyro-box-background",
              "default": "var(--pyro-surface-color)"
            },
            {
              "description": "`background`",
              "name": "--pyro-box-surface-color",
              "default": "var(--pyro-surface-color)"
            },
            {
              "description": "`background`",
              "name": "--pyro-box-foreground-color",
              "default": "var(--pyro-foreground-color)"
            }
          ],
          "slots": [
            {
              "description": "Contents of the box",
              "name": ""
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "variant",
              "type": {
                "text": "'foreground' | 'surface' | 'transparent' | '' | undefined"
              },
              "default": "''",
              "description": "Background color of the box",
              "attribute": "variant",
              "reflects": true
            }
          ],
          "attributes": [
            {
              "name": "variant",
              "type": {
                "text": "'foreground' | 'surface' | 'transparent' | '' | undefined"
              },
              "default": "''",
              "description": "Background color of the box",
              "fieldName": "variant"
            }
          ],
          "superclass": {
            "name": "LitElement",
            "package": "lit"
          },
          "tagName": "pyro-box",
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "PyroBox",
          "declaration": {
            "name": "PyroBox",
            "module": "src/elements/box/box.ts"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "pyro-box",
          "declaration": {
            "name": "PyroBox",
            "module": "src/elements/box/box.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/box/box.types.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/button/button.ts",
      "declarations": [
        {
          "kind": "class",
          "description": "Button element\n[docs](https://pyrojs.com/el/button)\n\n```html\n<pyro-button variant=\"primary\">Click me\n</pyro-button>\n```",
          "name": "PyroButton",
          "cssProperties": [
            {
              "description": "`color`",
              "name": "--pyro-button-text-color",
              "default": "var(--pyro-text-color)"
            },
            {
              "description": "`font-weight`",
              "name": "--pyro-button-font-weight",
              "default": "inherit"
            },
            {
              "description": "default size or `padding`",
              "name": "--pyro-button-spacing",
              "default": "var(--pyro-spacing)"
            },
            {
              "description": "`border`",
              "name": "--pyro-button-border",
              "default": "var(--pyro-border)"
            },
            {
              "description": "`border`",
              "name": "--pyro-button-border-radius",
              "default": "var(--pyro-border-radius)"
            },
            {
              "description": "default `background`",
              "name": "--pyro-button-surface-color",
              "default": "var(--pyro-surface-color)"
            },
            {
              "description": "primary `background`",
              "name": "--pyro-button-primary-color",
              "default": "var(--pyro-primary-color)"
            },
            {
              "description": "text `color` on primary",
              "name": "--pyro-text-color-on-primary",
              "default": "var(--pyro-text-color-on-primary)"
            },
            {
              "description": "secondary `background`",
              "name": "--pyro-button-secondary-color",
              "default": "var(--pyro-secondary-color)"
            },
            {
              "description": "text `color` on secondary",
              "name": "--pyro-text-color-on-secondary",
              "default": "var(--pyro-text-color-on-secondary)"
            },
            {
              "description": "tertiary `background`",
              "name": "--pyro-button-tertiary-color",
              "default": "var(--pyro-tertiary-color)"
            },
            {
              "description": "text `color` on tertiary",
              "name": "--pyro-text-color-on-tertiary",
              "default": "var(--pyro-text-color-on-tertiary)"
            },
            {
              "description": "text `color` on transparent",
              "name": "--pyro-text-color-on-transparent",
              "default": "var(--pyro-text-color-on-transparent)"
            },
            {
              "description": "`:hover` `background`",
              "name": "--pyro-button-hover-color",
              "default": "var(--pyro-hover-color)"
            },
            {
              "description": "disabled `background`",
              "name": "--pyro-button-disabled-color",
              "default": "var(--pyro-disabled-color)"
            },
            {
              "description": "`:active` `background`",
              "name": "--pyro-button-active-color",
              "default": "none"
            }
          ],
          "slots": [
            {
              "description": "Contents of the button",
              "name": ""
            },
            {
              "description": "Icon on the left",
              "name": "icon-left"
            },
            {
              "description": "Icon on the right",
              "name": "icon-right"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "variant",
              "type": {
                "text": "'primary' | 'secondary' | 'tertiary' | '' | undefined"
              },
              "default": "''",
              "description": "Color variant of the button",
              "attribute": "variant",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "size",
              "type": {
                "text": "'s' | 'm' | 'l' | undefined"
              },
              "default": "'m'",
              "description": "Button size",
              "attribute": "size",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "transparent",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Enforces a transparent background",
              "attribute": "transparent",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "circle",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Make the button into a circle",
              "attribute": "circle",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "disabled",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Disabled",
              "attribute": "disabled",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "form",
              "type": {
                "text": "string | undefined"
              },
              "attribute": "form",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "type",
              "type": {
                "text": "'button' | 'submit' | 'reset' | 'menu'"
              },
              "default": "'button'",
              "attribute": "type",
              "reflects": true
            }
          ],
          "attributes": [
            {
              "name": "variant",
              "type": {
                "text": "'primary' | 'secondary' | 'tertiary' | '' | undefined"
              },
              "default": "''",
              "description": "Color variant of the button",
              "fieldName": "variant"
            },
            {
              "name": "size",
              "type": {
                "text": "'s' | 'm' | 'l' | undefined"
              },
              "default": "'m'",
              "description": "Button size",
              "fieldName": "size"
            },
            {
              "name": "transparent",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Enforces a transparent background",
              "fieldName": "transparent"
            },
            {
              "name": "circle",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Make the button into a circle",
              "fieldName": "circle"
            },
            {
              "name": "disabled",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Disabled",
              "fieldName": "disabled"
            },
            {
              "name": "form",
              "type": {
                "text": "string | undefined"
              },
              "fieldName": "form"
            },
            {
              "name": "type",
              "type": {
                "text": "'button' | 'submit' | 'reset' | 'menu'"
              },
              "default": "'button'",
              "fieldName": "type"
            }
          ],
          "superclass": {
            "name": "LitElement",
            "package": "lit"
          },
          "tagName": "pyro-button",
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "PyroButton",
          "declaration": {
            "name": "PyroButton",
            "module": "src/elements/button/button.ts"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "pyro-button",
          "declaration": {
            "name": "PyroButton",
            "module": "src/elements/button/button.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/button/button.types.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/card/card.ts",
      "declarations": [
        {
          "kind": "class",
          "description": "Card element\n[docs](https://pyrojs.com/el/card)\n\n```html\n<pyro-card header=\"This is title\">\n  <div slot=\"content\">\n    <p>This is content</p>\n  </div>\n  <footer slot=\"footer\">Footer</footer>\n</pyro-card>\n```",
          "name": "PyroCard",
          "cssProperties": [
            {
              "description": "`color`",
              "name": "--pyro-card-text-color",
              "default": "var(--pyro-text-color)"
            },
            {
              "description": "`background`",
              "name": "--pyro-card-surface-color",
              "default": "var(--pyro-surface-color)"
            },
            {
              "description": "`border`",
              "name": "--pyro-card-border",
              "default": "var(--pyro-border)"
            },
            {
              "description": "`border-radius`",
              "name": "--pyro-card-border-radius",
              "default": "var(--pyro-border-radius)"
            },
            {
              "description": "`padding`",
              "name": "--pyro-card-spacing",
              "default": "var(--pyro-spacing)"
            }
          ],
          "slots": [
            {
              "description": "Image on top, prefers `<img>` or `<picture>`",
              "name": "image"
            },
            {
              "description": "Header content, prefers `<h*>` or `<header>`",
              "name": "header"
            },
            {
              "description": "Main content of the card, any element",
              "name": "content"
            },
            {
              "description": "Header content, prefers `<footer>`",
              "name": "footer"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "header",
              "type": {
                "text": "string"
              },
              "default": "''",
              "description": "Header text of card, overriden by `slot=\"header\"`",
              "attribute": "header"
            },
            {
              "kind": "field",
              "name": "content",
              "type": {
                "text": "string"
              },
              "default": "''",
              "description": "Main content of the card, overriden by `slot=\"content\"`",
              "attribute": "content"
            },
            {
              "kind": "field",
              "name": "footer",
              "type": {
                "text": "string"
              },
              "default": "''",
              "description": "Footer text of the card, overriden by `slot=\"footer\"`",
              "attribute": "footer"
            },
            {
              "kind": "field",
              "name": "bordered",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Add inner borders",
              "attribute": "bordered",
              "reflects": true
            }
          ],
          "attributes": [
            {
              "name": "header",
              "type": {
                "text": "string"
              },
              "default": "''",
              "description": "Header text of card, overriden by `slot=\"header\"`",
              "fieldName": "header"
            },
            {
              "name": "content",
              "type": {
                "text": "string"
              },
              "default": "''",
              "description": "Main content of the card, overriden by `slot=\"content\"`",
              "fieldName": "content"
            },
            {
              "name": "footer",
              "type": {
                "text": "string"
              },
              "default": "''",
              "description": "Footer text of the card, overriden by `slot=\"footer\"`",
              "fieldName": "footer"
            },
            {
              "name": "bordered",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Add inner borders",
              "fieldName": "bordered"
            }
          ],
          "superclass": {
            "name": "LitElement",
            "package": "lit"
          },
          "tagName": "pyro-card",
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "PyroCard",
          "declaration": {
            "name": "PyroCard",
            "module": "src/elements/card/card.ts"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "pyro-card",
          "declaration": {
            "name": "PyroCard",
            "module": "src/elements/card/card.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/card/card.types.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/checkbox/checkbox.ts",
      "declarations": [
        {
          "kind": "class",
          "description": "Checkbox input element\n[docs](https://pyrojs.com/el/checkbox)\n\n```html\n<pyro-checkbox></pyro-checkbox>\n```",
          "name": "PyroCheckbox",
          "cssProperties": [
            {
              "description": "checkmark `color`",
              "name": "--pyro-checkbox-text-color",
              "default": "var(--pyro-text-color)"
            },
            {
              "description": "`background`",
              "name": "--pyro-checkbox-surface-color",
              "default": "var(--pyro-surface-color)"
            },
            {
              "description": "checked `background`;",
              "name": "--pyro-checkbox-accent-color",
              "default": "var(--pyro-accent-color)"
            },
            {
              "description": "`border`",
              "name": "--pyro-checkbox-border",
              "default": "var(--pyro-border)"
            },
            {
              "description": "`border`",
              "name": "--pyro-checkbox-border-radius",
              "default": "var(--pyro-border-radius)"
            },
            {
              "description": "`height`",
              "name": "--pyro-checkbox-height",
              "default": "1em"
            },
            {
              "description": "`width`",
              "name": "--pyro-checkbox-width",
              "default": "1em"
            },
            {
              "description": "disabled `background`",
              "name": "--pyro-checkbox-disabled-color",
              "default": "var(--pyro-disabled-color)"
            }
          ],
          "slots": [
            {
              "description": "icon for customized checkmark",
              "name": "icon"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "checked",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Checked",
              "attribute": "checked",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "disabled",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Disabled",
              "attribute": "disabled",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "value",
              "type": {
                "text": "boolean"
              },
              "description": "Value on element instance for referencing with js"
            },
            {
              "kind": "field",
              "name": "_input",
              "type": {
                "text": "HTMLInputElement"
              }
            },
            {
              "kind": "field",
              "name": "handleClick"
            }
          ],
          "events": [
            {
              "type": {
                "text": "InputEvent"
              },
              "description": "emitted when the value changes",
              "name": "input"
            }
          ],
          "attributes": [
            {
              "name": "checked",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Checked",
              "fieldName": "checked"
            },
            {
              "name": "disabled",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Disabled",
              "fieldName": "disabled"
            }
          ],
          "superclass": {
            "name": "LitElement",
            "package": "lit"
          },
          "tagName": "pyro-checkbox",
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "PyroCheckbox",
          "declaration": {
            "name": "PyroCheckbox",
            "module": "src/elements/checkbox/checkbox.ts"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "pyro-checkbox",
          "declaration": {
            "name": "PyroCheckbox",
            "module": "src/elements/checkbox/checkbox.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/checkbox/checkbox.types.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/colorpicker/colorpicker.ts",
      "declarations": [
        {
          "kind": "class",
          "description": "Colorpicker\n[docs](https://pyrojs.com/el/colorpicker)\n\n```html\n<pyro-colorpicker></pyro-colorpicker>\n```",
          "name": "PyroColorpicker",
          "cssProperties": [
            {
              "description": "`gap`",
              "name": "--pyro-colorpicker-spacing",
              "default": "var(--pyro-spacing)"
            },
            {
              "description": "`border`",
              "name": "--pyro-colorpicker-border",
              "default": "var(--pyro-border)"
            },
            {
              "description": "`border`",
              "name": "--pyro-colorpicker-border-radius",
              "default": "var(--pyro-border-radius)"
            },
            {
              "description": "`background`",
              "name": "--pyro-colorpicker-surface-color",
              "default": "var(--pyro-surface-color)"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "value",
              "type": {
                "text": "string"
              },
              "default": "'#000000'",
              "description": "Hex value of the color, eg: #00ff00",
              "attribute": "value",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "circle",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Makes it a circle",
              "attribute": "circle",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "'with-input'",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Shows an input field",
              "attribute": "'with-input'",
              "reflects": true
            },
            {
              "kind": "method",
              "name": "handleChange",
              "privacy": "private",
              "parameters": [
                {
                  "name": "{ target }",
                  "type": {
                    "text": "{ target: HTMLInputElement }"
                  }
                }
              ]
            }
          ],
          "events": [
            {
              "name": "change",
              "type": {
                "text": "CustomEvent"
              }
            },
            {
              "type": {
                "text": "InputEvent"
              },
              "description": "emitted when the value changes",
              "name": "input"
            }
          ],
          "attributes": [
            {
              "name": "value",
              "type": {
                "text": "string"
              },
              "default": "'#000000'",
              "description": "Hex value of the color, eg: #00ff00",
              "fieldName": "value"
            },
            {
              "name": "circle",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Makes it a circle",
              "fieldName": "circle"
            },
            {
              "name": "'with-input'",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Shows an input field",
              "fieldName": "'with-input'"
            }
          ],
          "superclass": {
            "name": "LitElement",
            "package": "lit"
          },
          "tagName": "pyro-colorpicker",
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "PyroColorpicker",
          "declaration": {
            "name": "PyroColorpicker",
            "module": "src/elements/colorpicker/colorpicker.ts"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "pyro-colorpicker",
          "declaration": {
            "name": "PyroColorpicker",
            "module": "src/elements/colorpicker/colorpicker.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/colorpicker/colorpicker.types.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/divider/divider.ts",
      "declarations": [
        {
          "kind": "class",
          "description": "Divider element\n[docs](https://pyrojs.com/el/divider)\n\n```html\n<pyro-divider></pyro-divider>\n```",
          "name": "PyroDivider",
          "cssProperties": [
            {
              "description": "`border-top`",
              "name": "--pyro-divider-border",
              "default": "var(--pyro-border)"
            },
            {
              "description": "`color`",
              "name": "--pyro-divider-color",
              "default": "var(--pyro-border-color)"
            },
            {
              "description": "`padding`",
              "name": "--pyro-divider-spacing",
              "default": "var(--pyro-spacing-s)"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "bordered",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Vertical instead of horizontal",
              "attribute": "bordered",
              "reflects": true
            }
          ],
          "attributes": [
            {
              "name": "bordered",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Vertical instead of horizontal",
              "fieldName": "bordered"
            }
          ],
          "superclass": {
            "name": "LitElement",
            "package": "lit"
          },
          "tagName": "pyro-divider",
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "PyroDivider",
          "declaration": {
            "name": "PyroDivider",
            "module": "src/elements/divider/divider.ts"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "pyro-divider",
          "declaration": {
            "name": "PyroDivider",
            "module": "src/elements/divider/divider.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/divider/divider.types.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/dialog/dialog.ts",
      "declarations": [
        {
          "kind": "class",
          "description": "Dialog element\n[docs](https://pyrojs.com/el/dialog)\n\n```html\n<pyro-dialog>\n  <div slot=\"content\">[..content]</div>\n  <p slot=\"action\"><pyro-button primary>Open me</pyro-button></p>\n</pyro-dialog>\n```",
          "name": "PyroDialog",
          "cssProperties": [
            {
              "description": "`color`",
              "name": "--pyro-dialog-text-color",
              "default": "var(--pyro-text-color)"
            },
            {
              "description": "`background`",
              "name": "--pyro-dialog-surface-color",
              "default": "var(--pyro-surface-color)"
            },
            {
              "description": "`border`",
              "name": "--pyro-dialog-border",
              "default": "var(--pyro-border)"
            },
            {
              "description": "`border`",
              "name": "--pyro-dialog-border-radius",
              "default": "var(--pyro-border-radius)"
            },
            {
              "description": "`padding`",
              "name": "--pyro-dialog-spacing",
              "default": "var(--pyro-spacing-l)"
            }
          ],
          "cssParts": [
            {
              "description": "The dialog itself, change width, max-heigh etc.",
              "name": "dialog"
            }
          ],
          "slots": [
            {
              "description": "Contents of the dialog",
              "name": ""
            },
            {
              "description": "Main content of the dialog",
              "name": "content"
            },
            {
              "description": "Header content, prefers <footer>",
              "name": "action"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "open",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Indicates whether the dialog is open",
              "attribute": "open",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "_dialog",
              "type": {
                "text": "HTMLDialogElement"
              }
            },
            {
              "kind": "field",
              "name": "show"
            },
            {
              "kind": "field",
              "name": "close"
            }
          ],
          "attributes": [
            {
              "name": "open",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Indicates whether the dialog is open",
              "fieldName": "open"
            }
          ],
          "superclass": {
            "name": "LitElement",
            "package": "lit"
          },
          "tagName": "pyro-dialog",
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "PyroDialog",
          "declaration": {
            "name": "PyroDialog",
            "module": "src/elements/dialog/dialog.ts"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "pyro-dialog",
          "declaration": {
            "name": "PyroDialog",
            "module": "src/elements/dialog/dialog.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/dialog/dialog.types.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/icon/icon.ts",
      "declarations": [
        {
          "kind": "class",
          "description": "Icon, with color and sizing\n[docs](https://pyrojs.com/el/icon)\n\n```html\n<pyro-icon color=\"error\" src=\"./assets/chevron-down.svg\"></pyro-icon>\n```",
          "name": "PyroIcon",
          "cssProperties": [
            {
              "description": "`height`",
              "name": "--pyro-icon-height",
              "default": "--pyro-font-size"
            },
            {
              "description": "`width`",
              "name": "--pyro-icon-width",
              "default": "--pyro-font-size"
            },
            {
              "description": "`min-width`",
              "name": "--pyro-icon-min-width",
              "default": "--pyro-font-size"
            },
            {
              "description": "`min-height`",
              "name": "--pyro-icon-min-height",
              "default": "--pyro-font-size"
            },
            {
              "description": "`height` when size=\"s\"",
              "name": "--pyro-icon-height-s",
              "default": "--pyro-font-size-s"
            },
            {
              "description": "`width` when size=\"s\"",
              "name": "--pyro-icon-width-s",
              "default": "--pyro-font-size-s"
            },
            {
              "description": "`min-width` when size=\"s\"",
              "name": "--pyro-icon-min-width-s",
              "default": "--pyro-font-size-s"
            },
            {
              "description": "`min-height` when size=\"s\"",
              "name": "--pyro-icon-min-height-s",
              "default": "--pyro-font-size-s"
            },
            {
              "description": "`height` when size=\"l\"",
              "name": "--pyro-icon-height-l",
              "default": "--pyro-font-size-l"
            },
            {
              "description": "`width` when size=\"l\"",
              "name": "--pyro-icon-width-l",
              "default": "--pyro-font-size-l"
            },
            {
              "description": "`min-width` when size=\"l\"",
              "name": "--pyro-icon-min-width-l",
              "default": "--pyro-font-size-l"
            },
            {
              "description": "`min-height` when size=\"l\"",
              "name": "--pyro-icon-min-height-l",
              "default": "--pyro-font-size-l"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "src",
              "type": {
                "text": "string"
              },
              "default": "''",
              "description": "Icon source path",
              "attribute": "src"
            },
            {
              "kind": "field",
              "name": "color",
              "type": {
                "text": "Color | undefined"
              },
              "default": "''",
              "description": "Icon color",
              "attribute": "color"
            },
            {
              "kind": "field",
              "name": "size",
              "type": {
                "text": "'s' | 'm' | 'l'"
              },
              "default": "'m'",
              "description": "Icon size",
              "attribute": "size",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "alt",
              "type": {
                "text": "string | undefined"
              },
              "default": "''",
              "description": "Accessible name. If not provided, icon is ignored by screen readers",
              "attribute": "alt"
            },
            {
              "kind": "field",
              "name": "slotContent",
              "type": {
                "text": "HTMLElement[]"
              }
            }
          ],
          "attributes": [
            {
              "name": "src",
              "type": {
                "text": "string"
              },
              "default": "''",
              "description": "Icon source path",
              "fieldName": "src"
            },
            {
              "name": "color",
              "type": {
                "text": "Color | undefined"
              },
              "default": "''",
              "description": "Icon color",
              "fieldName": "color"
            },
            {
              "name": "size",
              "type": {
                "text": "'s' | 'm' | 'l'"
              },
              "default": "'m'",
              "description": "Icon size",
              "fieldName": "size"
            },
            {
              "name": "alt",
              "type": {
                "text": "string | undefined"
              },
              "default": "''",
              "description": "Accessible name. If not provided, icon is ignored by screen readers",
              "fieldName": "alt"
            }
          ],
          "superclass": {
            "name": "LitElement",
            "package": "lit"
          },
          "tagName": "pyro-icon",
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "PyroIcon",
          "declaration": {
            "name": "PyroIcon",
            "module": "src/elements/icon/icon.ts"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "pyro-icon",
          "declaration": {
            "name": "PyroIcon",
            "module": "src/elements/icon/icon.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/icon/icon.types.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/list/list-item.ts",
      "declarations": [
        {
          "kind": "class",
          "description": "List item element, used as child of `pyro-list`\n[docs](https://pyrojs.com/el/list)\n\n```html\n<pyro-list-item>asd</pyro-list-item>\n```",
          "name": "PyroListItem",
          "cssProperties": [
            {
              "description": "`color`",
              "name": "--pyro-list-item-text-color",
              "default": "var(--pyro-text-color)"
            },
            {
              "description": "`padding`",
              "name": "--pyro-list-item-spacing",
              "default": "var(--pyro-spacing)"
            }
          ],
          "slots": [
            {
              "description": "Label",
              "name": ""
            },
            {
              "description": "Prefix, before label",
              "name": "prefix"
            },
            {
              "description": "Suffix, after label",
              "name": "suffix"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "handleClick"
            },
            {
              "kind": "field",
              "name": "label",
              "type": {
                "text": "string"
              },
              "default": "''",
              "description": "Label/text, overriden by default slot",
              "attribute": "label"
            },
            {
              "kind": "field",
              "name": "selected",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Selected",
              "attribute": "selected",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "callback",
              "type": {
                "text": "() => void | undefined"
              },
              "description": "Function activating on click"
            }
          ],
          "attributes": [
            {
              "name": "label",
              "type": {
                "text": "string"
              },
              "default": "''",
              "description": "Label/text, overriden by default slot",
              "fieldName": "label"
            },
            {
              "name": "selected",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Selected",
              "fieldName": "selected"
            }
          ],
          "superclass": {
            "name": "LitElement",
            "package": "lit"
          },
          "tagName": "pyro-list-item",
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "PyroListItem",
          "declaration": {
            "name": "PyroListItem",
            "module": "src/elements/list/list-item.ts"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "pyro-list-item",
          "declaration": {
            "name": "PyroListItem",
            "module": "src/elements/list/list-item.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/list/list-item.types.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/list/list.ts",
      "declarations": [
        {
          "kind": "class",
          "description": "List element\n[docs](https://pyrojs.com/el/list)\n\n```html\n<pyro-list>\n  <span slot=\"header\">Loading</span>\n  <pyro-list-item>one</pyro-list-item>\n  <pyro-list-item>two</pyro-list-item>\n</pyro-list>\n```",
          "name": "PyroList",
          "cssProperties": [
            {
              "description": "`color`",
              "name": "--pyro-list-text-color",
              "default": "var(--pyro-text-color)"
            },
            {
              "description": "`padding`",
              "name": "--pyro-list-spacing",
              "default": "var(--pyro-spacing-s)"
            },
            {
              "description": "`border-left`",
              "name": "--pyro-list-border",
              "default": "var(--pyro-border)"
            },
            {
              "description": "`min-width`",
              "name": "--pyro-list-min-width",
              "default": "130px"
            }
          ],
          "cssParts": [
            {
              "description": "Header",
              "name": "header"
            },
            {
              "description": "List of `<pyro-list-item>`",
              "name": "items"
            },
            {
              "description": "Single `<pyro-list-item>`, only with items prop",
              "name": "item"
            }
          ],
          "slots": [
            {
              "description": "`pyro-list-item`s or elements containing `pyro-list-item`s",
              "name": ""
            },
            {
              "description": "Content above slot",
              "name": "header"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "items",
              "type": {
                "text": "any[]"
              },
              "default": "[]",
              "description": "TODO: remove"
            },
            {
              "kind": "field",
              "name": "header",
              "type": {
                "text": "string"
              },
              "default": "''",
              "description": "Header text",
              "attribute": "header"
            },
            {
              "kind": "field",
              "name": "_slotElements",
              "type": {
                "text": "any"
              }
            },
            {
              "kind": "field",
              "name": "_listItems",
              "type": {
                "text": "PyroListItem[]"
              },
              "default": "[]"
            },
            {
              "kind": "field",
              "name": "handleBubbledClick"
            }
          ],
          "attributes": [
            {
              "name": "header",
              "type": {
                "text": "string"
              },
              "default": "''",
              "description": "Header text",
              "fieldName": "header"
            }
          ],
          "superclass": {
            "name": "LitElement",
            "package": "lit"
          },
          "tagName": "pyro-list",
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "PyroList",
          "declaration": {
            "name": "PyroList",
            "module": "src/elements/list/list.ts"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "pyro-list",
          "declaration": {
            "name": "PyroList",
            "module": "src/elements/list/list.ts"
          }
        },
        {
          "kind": "js",
          "name": "*",
          "declaration": {
            "name": "*",
            "package": "./list-item"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/list/list.types.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/progressbar/progressbar.ts",
      "declarations": [
        {
          "kind": "class",
          "description": "Progressbar element\n[docs](https://pyrojs.com/el/progressbar)\n\n```html\n<pyro-progressbar value=\"4\" max=\"10\" text=\"Loading...\"></pyro-progressbar>\n```",
          "name": "PyroProgressbar",
          "cssProperties": [
            {
              "description": "fill `color`",
              "name": "--pyro-progressbar-accent-color",
              "default": "var(--pyro-accent-color)"
            },
            {
              "description": "background `color`",
              "name": "--pyro-progressbar-background",
              "default": "var(--pyro-surface-color)"
            },
            {
              "description": "text `color`",
              "name": "--pyro-progressbar-text-color",
              "default": "var(--pyro-text-color-on-surface)"
            },
            {
              "description": "`border`",
              "name": "--pyro-progressbar-border",
              "default": "var(--pyro-border)"
            },
            {
              "description": "`border-radius`",
              "name": "--pyro-progressbar-border-radius",
              "default": "var(--pyro-border-radius)"
            },
            {
              "description": "`height`",
              "name": "--pyro-progressbar-height",
              "default": "1em"
            }
          ],
          "slots": [
            {
              "description": "Optional content in middle",
              "name": "text"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "value",
              "type": {
                "text": "number"
              },
              "default": "0",
              "description": "Current value",
              "attribute": "value",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "max",
              "type": {
                "text": "number"
              },
              "default": "100",
              "description": "Max value",
              "attribute": "max",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "text",
              "type": {
                "text": "string | undefined"
              },
              "description": "Text in the middle of the progressbar bar",
              "attribute": "text"
            },
            {
              "kind": "field",
              "name": "'aria-label'",
              "type": {
                "text": "string | undefined"
              },
              "attribute": "'aria-label'"
            },
            {
              "kind": "field",
              "name": "isComplete"
            }
          ],
          "attributes": [
            {
              "name": "value",
              "type": {
                "text": "number"
              },
              "default": "0",
              "description": "Current value",
              "fieldName": "value"
            },
            {
              "name": "max",
              "type": {
                "text": "number"
              },
              "default": "100",
              "description": "Max value",
              "fieldName": "max"
            },
            {
              "name": "text",
              "type": {
                "text": "string | undefined"
              },
              "description": "Text in the middle of the progressbar bar",
              "fieldName": "text"
            },
            {
              "name": "'aria-label'",
              "type": {
                "text": "string | undefined"
              },
              "fieldName": "'aria-label'"
            }
          ],
          "superclass": {
            "name": "LitElement",
            "package": "lit"
          },
          "tagName": "pyro-progressbar",
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "PyroProgressbar",
          "declaration": {
            "name": "PyroProgressbar",
            "module": "src/elements/progressbar/progressbar.ts"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "pyro-progressbar",
          "declaration": {
            "name": "PyroProgressbar",
            "module": "src/elements/progressbar/progressbar.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/progressbar/progressbar.types.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/progresscircle/progresscircle.ts",
      "declarations": [
        {
          "kind": "class",
          "description": "Progresscircle element\n[docs](https://pyrojs.com/el/progresscircle)\n\n```html\n<pyro-progresscircle value=\"4\" max=\"100\" text=\"4%\"></pyro-progresscircle>\n```",
          "name": "PyroProgresscircle",
          "cssProperties": [
            {
              "description": "value `background`",
              "name": "--pyro-progresscircle-accent-color",
              "default": "var(--pyro-accent-color)"
            },
            {
              "description": "background `background`",
              "name": "--pyro-progresscircle-background",
              "default": "var(--pyro-surface-color)"
            },
            {
              "description": "text `color`",
              "name": "--pyro-progresscircle-text-color",
              "default": "var(--pyro-text-color-on-surface)"
            },
            {
              "description": "`height`",
              "name": "--pyro-progresscircle-height",
              "default": "1em"
            }
          ],
          "slots": [
            {
              "description": "Optional content in middle",
              "name": "text"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "value",
              "type": {
                "text": "number"
              },
              "default": "0",
              "description": "Current value",
              "attribute": "value",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "max",
              "type": {
                "text": "number"
              },
              "default": "100",
              "description": "Max value",
              "attribute": "max",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "text",
              "type": {
                "text": "string | undefined"
              },
              "description": "Text in the middle of the progresscircle",
              "attribute": "text"
            },
            {
              "kind": "field",
              "name": "'aria-label'",
              "type": {
                "text": "string | undefined"
              },
              "attribute": "'aria-label'"
            }
          ],
          "attributes": [
            {
              "name": "value",
              "type": {
                "text": "number"
              },
              "default": "0",
              "description": "Current value",
              "fieldName": "value"
            },
            {
              "name": "max",
              "type": {
                "text": "number"
              },
              "default": "100",
              "description": "Max value",
              "fieldName": "max"
            },
            {
              "name": "text",
              "type": {
                "text": "string | undefined"
              },
              "description": "Text in the middle of the progresscircle",
              "fieldName": "text"
            },
            {
              "name": "'aria-label'",
              "type": {
                "text": "string | undefined"
              },
              "fieldName": "'aria-label'"
            }
          ],
          "superclass": {
            "name": "LitElement",
            "package": "lit"
          },
          "tagName": "pyro-progresscircle",
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "PyroProgresscircle",
          "declaration": {
            "name": "PyroProgresscircle",
            "module": "src/elements/progresscircle/progresscircle.ts"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "pyro-progresscircle",
          "declaration": {
            "name": "PyroProgresscircle",
            "module": "src/elements/progresscircle/progresscircle.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/progresscircle/progresscircle.types.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/radio/radio-group.ts",
      "declarations": [
        {
          "kind": "class",
          "description": "Grouping element for pyro-radios, holds the value of the selected one\n[docs](https://pyrojs.com/el/radio)\n\n```html\n<pyro-radio-group name=\"numenor\" style=\"gap: 1em;\">\n  <pyro-radio value=\"uno\"></pyro-radio>\n  <pyro-radio value=\"due\" checked></pyro-radio>\n  <pyro-radio value=\"tre\"></pyro-radio>\n</pyro-radio-group>",
          "name": "PyroRadioGroup",
          "members": [
            {
              "kind": "field",
              "name": "name",
              "type": {
                "text": "string"
              },
              "default": "''",
              "description": "Name of group, assigned to all child `pyro-radio`s",
              "attribute": "name"
            },
            {
              "kind": "field",
              "name": "value",
              "type": {
                "text": "string | undefined"
              },
              "default": "''",
              "description": "If provided, sets radio with same value as checked by default",
              "attribute": "value"
            },
            {
              "kind": "field",
              "name": "square",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "For square radios, smooths corners",
              "attribute": "square",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "_slotElements",
              "type": {
                "text": "any"
              }
            },
            {
              "kind": "field",
              "name": "_radios",
              "type": {
                "text": "PyroRadio[]"
              },
              "default": "[]"
            },
            {
              "kind": "method",
              "name": "handleRadioClick",
              "privacy": "private",
              "parameters": [
                {
                  "name": "{ target }",
                  "type": {
                    "text": "{ target: PyroRadio }"
                  }
                }
              ]
            }
          ],
          "attributes": [
            {
              "name": "name",
              "type": {
                "text": "string"
              },
              "default": "''",
              "description": "Name of group, assigned to all child `pyro-radio`s",
              "fieldName": "name"
            },
            {
              "name": "value",
              "type": {
                "text": "string | undefined"
              },
              "default": "''",
              "description": "If provided, sets radio with same value as checked by default",
              "fieldName": "value"
            },
            {
              "name": "square",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "For square radios, smooths corners",
              "fieldName": "square"
            }
          ],
          "superclass": {
            "name": "LitElement",
            "package": "lit"
          },
          "tagName": "pyro-radio-group",
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "PyroRadioGroup",
          "declaration": {
            "name": "PyroRadioGroup",
            "module": "src/elements/radio/radio-group.ts"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "pyro-radio-group",
          "declaration": {
            "name": "PyroRadioGroup",
            "module": "src/elements/radio/radio-group.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/radio/radio-group.types.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/radio/radio.ts",
      "declarations": [
        {
          "kind": "class",
          "description": "Radio input element\n[docs](https://pyrojs.com/el/radio)\n\n```html\n<pyro-radio value=\"due\" checked></pyro-radio>\n```",
          "name": "PyroRadio",
          "cssProperties": [
            {
              "description": "icon `color`",
              "name": "--pyro-radio-accent-color",
              "default": "var(--pyro-accent-color)"
            },
            {
              "description": "`background`",
              "name": "--pyro-radio-surface-color",
              "default": "var(--pyro-surface-color)"
            },
            {
              "description": "`border`",
              "name": "--pyro-radio-border",
              "default": "var(--pyro-border)"
            },
            {
              "description": "`border-radius`",
              "name": "--pyro-radio-border-radius",
              "default": "var(--pyro-border-radius)"
            },
            {
              "description": "`width`",
              "name": "--pyro-radio-width, 1em"
            },
            {
              "description": "`height`",
              "name": "--pyro-radio-height, 1em"
            },
            {
              "description": "checkmark/icon `height`",
              "name": "--pyro-radio-check-height",
              "default": "0.5em"
            },
            {
              "description": "checkmark/icon `width`",
              "name": "--pyro-radio-check-width",
              "default": "0.5em"
            }
          ],
          "slots": [
            {
              "description": "With square prop only, shows content inside squared radio",
              "name": ""
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "checked",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Initial checked value",
              "attribute": "checked",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "value",
              "type": {
                "text": "string"
              },
              "default": "''",
              "description": "Boolean value of radio",
              "attribute": "value"
            },
            {
              "kind": "field",
              "name": "name",
              "type": {
                "text": "string"
              },
              "default": "''",
              "description": "Name, automatically set by pyro-radio-group",
              "attribute": "name"
            },
            {
              "kind": "field",
              "name": "square",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Makes rectangular, button-like radio",
              "attribute": "square",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "'aria-label'",
              "type": {
                "text": "string | undefined"
              },
              "attribute": "'aria-label'"
            },
            {
              "kind": "field",
              "name": "_input",
              "type": {
                "text": "HTMLInputElement"
              }
            },
            {
              "kind": "method",
              "name": "handleClick",
              "privacy": "private"
            }
          ],
          "events": [
            {
              "name": "pyro-radio-click",
              "type": {
                "text": "CustomEvent"
              }
            }
          ],
          "attributes": [
            {
              "name": "checked",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Initial checked value",
              "fieldName": "checked"
            },
            {
              "name": "value",
              "type": {
                "text": "string"
              },
              "default": "''",
              "description": "Boolean value of radio",
              "fieldName": "value"
            },
            {
              "name": "name",
              "type": {
                "text": "string"
              },
              "default": "''",
              "description": "Name, automatically set by pyro-radio-group",
              "fieldName": "name"
            },
            {
              "name": "square",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Makes rectangular, button-like radio",
              "fieldName": "square"
            },
            {
              "name": "'aria-label'",
              "type": {
                "text": "string | undefined"
              },
              "fieldName": "'aria-label'"
            }
          ],
          "superclass": {
            "name": "LitElement",
            "package": "lit"
          },
          "tagName": "pyro-radio",
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "PyroRadio",
          "declaration": {
            "name": "PyroRadio",
            "module": "src/elements/radio/radio.ts"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "pyro-radio",
          "declaration": {
            "name": "PyroRadio",
            "module": "src/elements/radio/radio.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/radio/radio.types.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/range/range.ts",
      "declarations": [
        {
          "kind": "class",
          "description": "Range input element, to select a number from min to max\n[docs](https://pyrojs.com/el/range)\n\n```html\n<pyro-range></pyro-range>\n```",
          "name": "PyroRange",
          "members": [
            {
              "kind": "field",
              "name": "value",
              "type": {
                "text": "number"
              },
              "default": "0",
              "description": "Current value",
              "attribute": "value",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "min",
              "type": {
                "text": "number"
              },
              "default": "0",
              "description": "Min value",
              "attribute": "min",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "max",
              "type": {
                "text": "number"
              },
              "default": "100",
              "description": "Max value",
              "attribute": "max",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "step",
              "type": {
                "text": "number"
              },
              "default": "1",
              "description": "Step size or interval between values",
              "attribute": "step",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "explicit",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Shows explicitly the current value",
              "attribute": "explicit",
              "reflects": true
            },
            {
              "kind": "method",
              "name": "handleChange",
              "privacy": "private",
              "parameters": [
                {
                  "name": "{ target }",
                  "type": {
                    "text": "{ target: HTMLInputElement }"
                  }
                }
              ]
            },
            {
              "kind": "field",
              "name": "getDigitsNumber"
            }
          ],
          "events": [
            {
              "type": {
                "text": "InputEvent"
              },
              "description": "emitted when the value changes",
              "name": "input"
            }
          ],
          "attributes": [
            {
              "name": "value",
              "type": {
                "text": "number"
              },
              "default": "0",
              "description": "Current value",
              "fieldName": "value"
            },
            {
              "name": "min",
              "type": {
                "text": "number"
              },
              "default": "0",
              "description": "Min value",
              "fieldName": "min"
            },
            {
              "name": "max",
              "type": {
                "text": "number"
              },
              "default": "100",
              "description": "Max value",
              "fieldName": "max"
            },
            {
              "name": "step",
              "type": {
                "text": "number"
              },
              "default": "1",
              "description": "Step size or interval between values",
              "fieldName": "step"
            },
            {
              "name": "explicit",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Shows explicitly the current value",
              "fieldName": "explicit"
            }
          ],
          "superclass": {
            "name": "LitElement",
            "package": "lit"
          },
          "tagName": "pyro-range",
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "PyroRange",
          "declaration": {
            "name": "PyroRange",
            "module": "src/elements/range/range.ts"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "pyro-range",
          "declaration": {
            "name": "PyroRange",
            "module": "src/elements/range/range.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/range/range.types.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/scrollbox/scrollbox.ts",
      "declarations": [
        {
          "kind": "class",
          "description": "Box for scrolling content, removing layout shift and adding smooth scrolling\n[docs](https://pyrojs.com/el/scrollbox)\n\n```html\n<pyro-scrollbox style=\"width: 100%`; height: 500px\">\n  <div style=\"height: 400px;\">[...content]</div>\n</pyro-scrollbox>",
          "name": "PyroScrollbox",
          "members": [
            {
              "kind": "field",
              "name": "visible",
              "type": {
                "text": "boolean | undefined"
              },
              "description": "Always shows the scrollbar, even when not needed",
              "attribute": "visible",
              "reflects": true
            }
          ],
          "attributes": [
            {
              "name": "visible",
              "type": {
                "text": "boolean | undefined"
              },
              "description": "Always shows the scrollbar, even when not needed",
              "fieldName": "visible"
            }
          ],
          "superclass": {
            "name": "LitElement",
            "package": "lit"
          },
          "tagName": "pyro-scrollbox",
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "PyroScrollbox",
          "declaration": {
            "name": "PyroScrollbox",
            "module": "src/elements/scrollbox/scrollbox.ts"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "pyro-scrollbox",
          "declaration": {
            "name": "PyroScrollbox",
            "module": "src/elements/scrollbox/scrollbox.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/scrollbox/scrollbox.types.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/select/select-item.ts",
      "declarations": [
        {
          "kind": "class",
          "description": "Select item element, used as child of `pyro-select`\n[docs](https://pyrojs.com/el/select)\n\n```html\n<pyro-select-item value=\"one\">\n  <span slot=\"label\">1</span>\n</pyro-select-item>\n```",
          "name": "PyroSelectItem",
          "cssProperties": [
            {
              "description": "`color`",
              "name": "--pyro-select-item-text-color",
              "default": "var(--pyro-text-color)"
            },
            {
              "description": "`background`",
              "name": "--pyro-select-item-hover-color",
              "default": "var(--pyro-hover-color)"
            },
            {
              "description": "`background`",
              "name": "--pyro-select-item-surface-color",
              "default": "var(--pyro-surface-color)"
            },
            {
              "description": "text alignment in select item `text-align`",
              "name": "--pyro-select-item-text-align",
              "default": "left"
            }
          ],
          "slots": [
            {
              "description": "Content of a select-item, substitutes label, BUT the prop label is still required",
              "name": ""
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "value",
              "type": {
                "text": "string"
              },
              "default": "''",
              "description": "Current value",
              "attribute": "value"
            },
            {
              "kind": "field",
              "name": "label",
              "type": {
                "text": "string"
              },
              "default": "''",
              "description": "Label/text, overriden by default slot",
              "attribute": "label"
            },
            {
              "kind": "method",
              "name": "handleClick",
              "privacy": "private",
              "parameters": [
                {
                  "name": "e",
                  "type": {
                    "text": "Event"
                  }
                }
              ]
            }
          ],
          "events": [
            {
              "name": "pyro-selected",
              "type": {
                "text": "CustomEvent"
              }
            },
            {
              "type": {
                "text": "ClickEvent"
              },
              "description": "emitted when the item is clicked, use it on `pyro-select` instead",
              "name": "click"
            }
          ],
          "attributes": [
            {
              "name": "value",
              "type": {
                "text": "string"
              },
              "default": "''",
              "description": "Current value",
              "fieldName": "value"
            },
            {
              "name": "label",
              "type": {
                "text": "string"
              },
              "default": "''",
              "description": "Label/text, overriden by default slot",
              "fieldName": "label"
            }
          ],
          "superclass": {
            "name": "LitElement",
            "package": "lit"
          },
          "tagName": "pyro-select-item",
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "PyroSelectItem",
          "declaration": {
            "name": "PyroSelectItem",
            "module": "src/elements/select/select-item.ts"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "pyro-select-item",
          "declaration": {
            "name": "PyroSelectItem",
            "module": "src/elements/select/select-item.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/select/select-item.types.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/select/select.ts",
      "declarations": [
        {
          "kind": "class",
          "description": "Select element\n[docs](https://pyrojs.com/el/select)\n\n```html\n<pyro-select summary=\"Continent\" value=\"europe\" open>\n  <pyro-select-item label=\"Africa\" value=\"africa\"></pyro-select-item>\n  <pyro-select-item label=\"Asia\" value=\"asia\"></pyro-select-item>\n  <pyro-select-item label=\"Europe\" value=\"europe\"></pyro-select-item>\n</pyro-select>\n```",
          "name": "PyroSelect",
          "cssProperties": [
            {
              "description": "`color`",
              "name": "--pyro-select-text-color",
              "default": "var(--pyro-text-color)"
            },
            {
              "description": "`background`",
              "name": "--pyro-select-surface-color",
              "default": "var(--pyro-surface-color)"
            },
            {
              "description": "`border`",
              "name": "--pyro-select-border",
              "default": "var(--pyro-border)"
            },
            {
              "description": "`border-radius`",
              "name": "--pyro-select-border-radius",
              "default": "var(--pyro-border-radius)"
            },
            {
              "description": "`padding`",
              "name": "--pyro-select-spacing",
              "default": "var(--pyro-spacing)"
            },
            {
              "description": "`font-size`",
              "name": "--pyro-select-font-size",
              "default": "var(--pyro-font-size)"
            },
            {
              "description": "`min-width`",
              "name": "--pyro-select-min-width",
              "default": "var(--pyro-fields-min-width)"
            },
            {
              "description": "`max-height`",
              "name": "--pyro-select-max-height",
              "default": "240px"
            },
            {
              "description": "text alignment for selected/button `text-align`",
              "name": "--pyro-select-text-align",
              "default": "left"
            }
          ],
          "slots": [
            {
              "description": "`pyro-select-item`s or elements containing `pyro-select-item`s",
              "name": ""
            },
            {
              "description": "icon to the end of the select to indicate opening/closing",
              "name": "icon"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "value",
              "type": {
                "text": "string"
              },
              "default": "''",
              "description": "Current value",
              "attribute": "value"
            },
            {
              "kind": "field",
              "name": "'default-label'",
              "type": {
                "text": "string"
              },
              "default": "'-'",
              "description": "Label when no value is selected, placeholder",
              "attribute": "'default-label'"
            },
            {
              "kind": "field",
              "name": "disabled",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Disabled",
              "attribute": "disabled",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "label",
              "type": {
                "text": "string"
              },
              "default": "''"
            },
            {
              "kind": "method",
              "name": "handleSelect",
              "privacy": "private",
              "parameters": [
                {
                  "name": "e",
                  "type": {
                    "text": "CustomEvent"
                  }
                }
              ]
            },
            {
              "kind": "field",
              "name": "_listItems",
              "type": {
                "text": "Array<HTMLElement & { value: string; label: string }>"
              }
            },
            {
              "kind": "method",
              "name": "getChildrenData",
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "allData",
              "type": {
                "text": "{ value: string; label: string }[]"
              },
              "default": "[]"
            },
            {
              "kind": "field",
              "name": "getCurrentLabel",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "toggleOpen",
              "privacy": "private",
              "parameters": [
                {
                  "name": "e",
                  "type": {
                    "text": "Event"
                  }
                }
              ]
            },
            {
              "kind": "field",
              "name": "_handleOutsideClick"
            }
          ],
          "events": [
            {
              "name": "input",
              "type": {
                "text": "InputEvent"
              },
              "description": "emitted when the value changes"
            }
          ],
          "attributes": [
            {
              "name": "value",
              "type": {
                "text": "string"
              },
              "default": "''",
              "description": "Current value",
              "fieldName": "value"
            },
            {
              "name": "'default-label'",
              "type": {
                "text": "string"
              },
              "default": "'-'",
              "description": "Label when no value is selected, placeholder",
              "fieldName": "'default-label'"
            },
            {
              "name": "disabled",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Disabled",
              "fieldName": "disabled"
            }
          ],
          "superclass": {
            "name": "LitElement",
            "package": "lit"
          },
          "tagName": "pyro-select",
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "PyroSelect",
          "declaration": {
            "name": "PyroSelect",
            "module": "src/elements/select/select.ts"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "pyro-select",
          "declaration": {
            "name": "PyroSelect",
            "module": "src/elements/select/select.ts"
          }
        },
        {
          "kind": "js",
          "name": "*",
          "declaration": {
            "name": "*",
            "package": "./select-item"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/select/select.types.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/skeleton/skeleton.ts",
      "declarations": [
        {
          "kind": "class",
          "description": "Skeleton element, typically used for loading state\n[docs](https://pyrojs.com/el/skeleton)\n\n```html\n<pyro-skeleton circle></pyro-skeleton>\n```",
          "name": "PyroSkeleton",
          "cssProperties": [
            {
              "description": "`background`",
              "name": "--pyro-skeleton-color",
              "default": "var(--pyro-border-color)"
            },
            {
              "description": "`border-radius`",
              "name": "--pyro-skeleton-border-radius",
              "default": "var(--pyro-border-radius)"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "circle",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Makes it a circle",
              "attribute": "circle",
              "reflects": true
            }
          ],
          "attributes": [
            {
              "name": "circle",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Makes it a circle",
              "fieldName": "circle"
            }
          ],
          "superclass": {
            "name": "LitElement",
            "package": "lit"
          },
          "tagName": "pyro-skeleton",
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "PyroSkeleton",
          "declaration": {
            "name": "PyroSkeleton",
            "module": "src/elements/skeleton/skeleton.ts"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "pyro-skeleton",
          "declaration": {
            "name": "PyroSkeleton",
            "module": "src/elements/skeleton/skeleton.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/skeleton/skeleton.types.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/switch/switch.ts",
      "declarations": [
        {
          "kind": "class",
          "description": "Switch input button\n[docs](https://pyrojs.com/el/switch)\n\n```html\n<pyro-switch checked></pyro-switch>\n```",
          "name": "PyroSwitch",
          "cssProperties": [
            {
              "description": "set low value for squared look, equals size by default",
              "name": "--pyro-switch-border-radius",
              "default": "var(--pyro-switch-size)"
            },
            {
              "description": "size of the switch",
              "name": "--pyro-switch-size",
              "default": "1em"
            },
            {
              "description": "`border`",
              "name": "--pyro-switch-border",
              "default": "var(--pyro-border)"
            },
            {
              "description": "`background`",
              "name": "--pyro-switch-surface-color",
              "default": "var(--pyro-surface-color)"
            },
            {
              "description": "`background`",
              "name": "--pyro-switch-accent-color",
              "default": "var(--pyro-accent-color)"
            },
            {},
            {
              "description": "ball `background`",
              "name": "--pyro-switch-ball-color",
              "default": "var(--pyro-foreground-color)"
            },
            {
              "description": "ball `border`",
              "name": "--pyro-switch-ball-border",
              "default": "var(--pyro-border)"
            },
            {
              "description": "disabled `background`",
              "name": "--pyro-switch-disabled-color",
              "default": "var(--pyro-disabled-color)"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "checked",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Checked",
              "attribute": "checked",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "disabled",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Disabled",
              "attribute": "disabled",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "value",
              "type": {
                "text": "boolean"
              },
              "description": "Value on element instance for referencing with js"
            },
            {
              "kind": "field",
              "name": "handleClick"
            }
          ],
          "events": [
            {
              "type": {
                "text": "InputEvent"
              },
              "description": "emitted when the value changes",
              "name": "input"
            }
          ],
          "attributes": [
            {
              "name": "checked",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Checked",
              "fieldName": "checked"
            },
            {
              "name": "disabled",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Disabled",
              "fieldName": "disabled"
            }
          ],
          "superclass": {
            "name": "LitElement",
            "package": "lit"
          },
          "tagName": "pyro-switch",
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "PyroSwitch",
          "declaration": {
            "name": "PyroSwitch",
            "module": "src/elements/switch/switch.ts"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "pyro-switch",
          "declaration": {
            "name": "PyroSwitch",
            "module": "src/elements/switch/switch.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/switch/switch.types.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/tab/tab-group.ts",
      "declarations": [
        {
          "kind": "class",
          "description": "Grouping element for `pyro-tab`s, ensures only one is selected at a time\n[docs](https://pyrojs.com/el/tab)\n\n```html\n<pyro-tab-group id=\"tabGroup\">\n  <pyro-tab>one</pyro-tab>\n  <pyro-tab>two</pyro-tab>\n  <pyro-tab>three</pyro-tab>\n</pyro-tab-group>\n```",
          "name": "PyroTabGroup",
          "cssProperties": [
            {
              "description": "gap between tabs",
              "name": "--pyro-tab-group-gap",
              "default": "0"
            },
            {
              "description": "justify tabs with flexbox `justify-content`",
              "name": "--pyro-tab-group-justify-content",
              "default": "flex-start"
            }
          ],
          "slots": [
            {
              "description": "`pyro-tab`s or elements containing `pyro-tab`s",
              "name": ""
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "fill",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "The tabs fill all available space",
              "attribute": "fill",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "_slotElements",
              "type": {
                "text": "any"
              }
            },
            {
              "kind": "field",
              "name": "_tabs",
              "type": {
                "text": "PyroTab[]"
              },
              "default": "[]"
            },
            {
              "kind": "method",
              "name": "handleTabClick",
              "privacy": "private",
              "parameters": [
                {
                  "name": "{ target }",
                  "type": {
                    "text": "{ target: PyroTab }"
                  }
                }
              ]
            }
          ],
          "events": [
            {
              "type": {
                "text": "ClickEvent"
              },
              "description": "emitted when any tab is clicked",
              "name": "click"
            }
          ],
          "attributes": [
            {
              "name": "fill",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "The tabs fill all available space",
              "fieldName": "fill"
            }
          ],
          "superclass": {
            "name": "LitElement",
            "package": "lit"
          },
          "tagName": "pyro-tab-group",
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "PyroTabGroup",
          "declaration": {
            "name": "PyroTabGroup",
            "module": "src/elements/tab/tab-group.ts"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "pyro-tab-group",
          "declaration": {
            "name": "PyroTabGroup",
            "module": "src/elements/tab/tab-group.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/tab/tab-group.types.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/tab/tab.ts",
      "declarations": [
        {
          "kind": "class",
          "description": "Tab element, used as child of `pyro-tab-group`\n[docs](https://pyrojs.com/el/tab)\n\n```html\n<pyro-tab>one</pyro-tab>\n```",
          "name": "PyroTab",
          "cssProperties": [
            {
              "description": "`padding`",
              "name": "--pyro-tab-padding",
              "default": "var(--pyro-spacing)"
            },
            {
              "description": "`color`",
              "name": "--pyro-tab-text-color",
              "default": "var(--pyro-text-color)"
            },
            {
              "description": "`background`",
              "name": "--pyro-tab-background",
              "default": "transparent"
            },
            {
              "description": "`border`",
              "name": "--pyro-tab-border",
              "default": "var(--pyro-border)"
            },
            {
              "description": "`border`",
              "name": "--pyro-tab-selected-border",
              "default": "var(--pyro-border)"
            },
            {
              "description": "`border-width`",
              "name": "--pyro-tab-selected-border-width",
              "default": "calc(2 * var(--pyro-border-width))"
            },
            {
              "description": "`border-color`",
              "name": "--pyro-tab-selected-border-color",
              "default": "var(--pyro-accent-color)"
            },
            {
              "description": "gap between tabs",
              "name": "--pyro-tab-gap",
              "default": "0px"
            }
          ],
          "slots": [
            {
              "description": "Label, overrides the label prop",
              "name": ""
            }
          ],
          "members": [
            {
              "kind": "method",
              "name": "handleClick",
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "value",
              "type": {
                "text": "string"
              },
              "default": "''",
              "description": "Exposed by pyro-tab-group as value in click event handler",
              "attribute": "value"
            },
            {
              "kind": "field",
              "name": "label",
              "type": {
                "text": "string | undefined"
              },
              "default": "''",
              "description": "Label/text, overriden by default slot",
              "attribute": "label"
            },
            {
              "kind": "field",
              "name": "selected",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Selected",
              "attribute": "selected",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "'aria-controls'",
              "type": {
                "text": "string"
              },
              "default": "''",
              "description": "The id of the panel the this tab shows",
              "attribute": "'aria-controls'",
              "reflects": true
            }
          ],
          "events": [
            {
              "name": "pyro-tab-click",
              "type": {
                "text": "ClickEvent"
              },
              "description": "emitted when the tab is clicked"
            }
          ],
          "attributes": [
            {
              "name": "value",
              "type": {
                "text": "string"
              },
              "default": "''",
              "description": "Exposed by pyro-tab-group as value in click event handler",
              "fieldName": "value"
            },
            {
              "name": "label",
              "type": {
                "text": "string | undefined"
              },
              "default": "''",
              "description": "Label/text, overriden by default slot",
              "fieldName": "label"
            },
            {
              "name": "selected",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Selected",
              "fieldName": "selected"
            },
            {
              "name": "'aria-controls'",
              "type": {
                "text": "string"
              },
              "default": "''",
              "description": "The id of the panel the this tab shows",
              "fieldName": "'aria-controls'"
            }
          ],
          "superclass": {
            "name": "LitElement",
            "package": "lit"
          },
          "tagName": "pyro-tab",
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "PyroTab",
          "declaration": {
            "name": "PyroTab",
            "module": "src/elements/tab/tab.ts"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "pyro-tab",
          "declaration": {
            "name": "PyroTab",
            "module": "src/elements/tab/tab.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/tab/tab.types.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/tag/tag.ts",
      "declarations": [
        {
          "kind": "class",
          "description": "Tag element\n[docs](https://pyrojs.com/el/tag)\n\n```html\n<pyro-tag severity=\"success\" pill>gg</pyro-tag>\n```",
          "name": "PyroTag",
          "cssProperties": [
            {
              "description": "`color`",
              "name": "--pyro-tag-text-color",
              "default": "var(--pyro-text-color)"
            },
            {
              "description": "`background` (when no `severity` is set)",
              "name": "--pyro-tag-surface-color",
              "default": "var(--pyro-surface-color)"
            },
            {
              "description": "`border`",
              "name": "--pyro-tag-border",
              "default": "var(--pyro-border)"
            },
            {
              "description": "`border-radius`",
              "name": "--pyro-tag-border-radius",
              "default": "var(--pyro-border-radius)"
            },
            {
              "description": "`padding`",
              "name": "--pyro-tag-spacing",
              "default": "var(--pyro-spacing)"
            },
            {
              "description": "`min-width`",
              "name": "--pyro-tag-min-width",
              "default": "60px"
            },
            {
              "description": "`background`",
              "name": "--pyro-tag-info-color-lighter",
              "default": "var(--pyro-info-color-lighter)"
            },
            {
              "description": "`background`",
              "name": "--pyro-tag-success-color-lighter",
              "default": "var(--pyro-success-color-lighter)"
            },
            {
              "description": "`background`",
              "name": "--pyro-tag-warning-color-lighter",
              "default": "var(--pyro-warning-color-lighter)"
            },
            {
              "description": "`background`",
              "name": "--pyro-tag-error-color-lighter",
              "default": "var(--pyro-error-color-lighter)"
            },
            {
              "description": "`border-color`",
              "name": "--pyro-tag-info-color",
              "default": "var(--pyro-info-color)"
            },
            {
              "description": "`border-color`",
              "name": "--pyro-tag-success-color",
              "default": "var(--pyro-success-color)"
            },
            {
              "description": "`border-color`",
              "name": "--pyro-tag-warning-color",
              "default": "var(--pyro-warning-color)"
            },
            {
              "description": "`border-color`",
              "name": "--pyro-tag-error-color",
              "default": "var(--pyro-error-color)"
            }
          ],
          "slots": [
            {
              "description": "Label, overrides the label prop",
              "name": ""
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "label",
              "type": {
                "text": "string"
              },
              "default": "''",
              "description": "Label/text, overriden by default slot",
              "attribute": "label"
            },
            {
              "kind": "field",
              "name": "severity",
              "type": {
                "text": "'info' | 'success' | 'warning' | 'error' | '' | undefined"
              },
              "default": "''",
              "description": "Tag severity severity, determines colors",
              "attribute": "severity",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "size",
              "type": {
                "text": "'s' | 'm' | 'l' | undefined"
              },
              "default": "'m'",
              "description": "Size of tag",
              "attribute": "size",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "dismissible",
              "type": {
                "text": "boolean | undefined"
              },
              "default": "false",
              "description": "Adds an cross icon to dismiss the tag",
              "attribute": "dismissible",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "pill",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Rounds the tag to a pill",
              "attribute": "pill",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "dismiss"
            }
          ],
          "attributes": [
            {
              "name": "label",
              "type": {
                "text": "string"
              },
              "default": "''",
              "description": "Label/text, overriden by default slot",
              "fieldName": "label"
            },
            {
              "name": "severity",
              "type": {
                "text": "'info' | 'success' | 'warning' | 'error' | '' | undefined"
              },
              "default": "''",
              "description": "Tag severity severity, determines colors",
              "fieldName": "severity"
            },
            {
              "name": "size",
              "type": {
                "text": "'s' | 'm' | 'l' | undefined"
              },
              "default": "'m'",
              "description": "Size of tag",
              "fieldName": "size"
            },
            {
              "name": "dismissible",
              "type": {
                "text": "boolean | undefined"
              },
              "default": "false",
              "description": "Adds an cross icon to dismiss the tag",
              "fieldName": "dismissible"
            },
            {
              "name": "pill",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Rounds the tag to a pill",
              "fieldName": "pill"
            }
          ],
          "superclass": {
            "name": "LitElement",
            "package": "lit"
          },
          "tagName": "pyro-tag",
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "PyroTag",
          "declaration": {
            "name": "PyroTag",
            "module": "src/elements/tag/tag.ts"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "pyro-tag",
          "declaration": {
            "name": "PyroTag",
            "module": "src/elements/tag/tag.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/tag/tag.types.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/textfield/textfield.ts",
      "declarations": [
        {
          "kind": "class",
          "description": "Textfield element\n\n```html\n<pyro-textfield type=\"text\" state=\"success\" clearable\nplaceholder=\"place\" severity=\"success\"></pyro-textfield>\n```",
          "name": "PyroTextfield",
          "cssProperties": [
            {
              "description": "`color`",
              "name": "--pyro-textfield-text-color",
              "default": "var(--pyro-text-color)"
            },
            {
              "description": "`background`",
              "name": "--pyro-textfield-surface-color",
              "default": "var(--pyro-surface-color)"
            },
            {
              "description": "`border`",
              "name": "--pyro-textfield-border",
              "default": "var(--pyro-border)"
            },
            {
              "description": "`border-radius`",
              "name": "--pyro-textfield-border-radius",
              "default": "var(--pyro-border-radius)"
            },
            {
              "description": "`min-width`",
              "name": "--pyro-textfield-min-width",
              "default": "var(--pyro-fields-min-width)"
            },
            {
              "description": "`padding`",
              "name": "--pyro-textfield-spacing",
              "default": "var(--pyro-spacing)"
            },
            {
              "description": "`font-size`",
              "name": "--pyro-textfield-font-size",
              "default": "var(--pyro-font-size)"
            },
            {
              "description": "`color`",
              "name": "--pyro-textfield-caption-text-color, inherit"
            },
            {
              "description": "`color`",
              "name": "--pyro-textfield-info-color",
              "default": "var(--pyro-info-color)"
            },
            {
              "description": "`color`",
              "name": "--pyro-textfield-success-color",
              "default": "var(--pyro-success-color)"
            },
            {
              "description": "`color`",
              "name": "--pyro-textfield-warning-color",
              "default": "var(--pyro-warning-color)"
            },
            {
              "description": "`color`",
              "name": "--pyro-textfield-error-color",
              "default": "var(--pyro-error-color)"
            },
            {
              "description": "disabled `background`",
              "name": "--pyro-textfield-disabled-color",
              "default": "var(--pyro-disabled-color)"
            }
          ],
          "slots": [
            {
              "description": "Space for icon-like action inside the textfield, like a custom `clearable`",
              "name": "action"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "type",
              "type": {
                "text": "'text' | 'textarea' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'url'"
              },
              "default": "'text'",
              "description": "Type of the input, or 'textarea'",
              "attribute": "type"
            },
            {
              "kind": "field",
              "name": "value",
              "type": {
                "text": "string"
              },
              "default": "''",
              "description": "Value of the input",
              "attribute": "value",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "caption",
              "type": {
                "text": "string"
              },
              "default": "''",
              "description": "Caption below the textfield, for description or errors",
              "attribute": "caption"
            },
            {
              "kind": "field",
              "name": "state",
              "type": {
                "text": "'info' | 'success' | 'warning' | 'error' | '' | undefined"
              },
              "default": "''",
              "description": "State and color of the textfield",
              "attribute": "state",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "placeholder",
              "type": {
                "text": "string | undefined"
              },
              "description": "Placeholder",
              "attribute": "placeholder"
            },
            {
              "kind": "field",
              "name": "required",
              "type": {
                "text": "boolean | undefined"
              },
              "description": "Required",
              "attribute": "required",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "disabled",
              "type": {
                "text": "boolean | undefined"
              },
              "description": "Disabled",
              "attribute": "disabled",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "clearable",
              "type": {
                "text": "boolean | undefined"
              },
              "description": "Clearable",
              "attribute": "clearable",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "autocomplete",
              "type": {
                "text": "any | undefined"
              },
              "attribute": "autocomplete",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "form",
              "type": {
                "text": "string | undefined"
              },
              "attribute": "form",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "maxlength",
              "type": {
                "text": "number | undefined"
              },
              "attribute": "maxlength",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "minlength",
              "type": {
                "text": "number | undefined"
              },
              "attribute": "minlength",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "name",
              "type": {
                "text": "string | undefined"
              },
              "attribute": "name",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "readonly",
              "type": {
                "text": "boolean | undefined"
              },
              "attribute": "readonly",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "pattern",
              "type": {
                "text": "string | undefined"
              },
              "attribute": "pattern",
              "reflects": true
            },
            {
              "kind": "method",
              "name": "handleInput",
              "parameters": [
                {
                  "name": "event",
                  "type": {
                    "text": "InputEvent"
                  }
                }
              ],
              "description": "A listener outside the shadow dom will access e.target.value\nwhere target will be pyro-input, thus the value is missing.\nThis with reflects: true will make the value available on pyro-input"
            },
            {
              "kind": "field",
              "name": "clear"
            }
          ],
          "events": [
            {
              "type": {
                "text": "InputEvent"
              },
              "description": "emitted when the value changes",
              "name": "input"
            }
          ],
          "attributes": [
            {
              "name": "type",
              "type": {
                "text": "'text' | 'textarea' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'url'"
              },
              "default": "'text'",
              "description": "Type of the input, or 'textarea'",
              "fieldName": "type"
            },
            {
              "name": "value",
              "type": {
                "text": "string"
              },
              "default": "''",
              "description": "Value of the input",
              "fieldName": "value"
            },
            {
              "name": "caption",
              "type": {
                "text": "string"
              },
              "default": "''",
              "description": "Caption below the textfield, for description or errors",
              "fieldName": "caption"
            },
            {
              "name": "state",
              "type": {
                "text": "'info' | 'success' | 'warning' | 'error' | '' | undefined"
              },
              "default": "''",
              "description": "State and color of the textfield",
              "fieldName": "state"
            },
            {
              "name": "placeholder",
              "type": {
                "text": "string | undefined"
              },
              "description": "Placeholder",
              "fieldName": "placeholder"
            },
            {
              "name": "required",
              "type": {
                "text": "boolean | undefined"
              },
              "description": "Required",
              "fieldName": "required"
            },
            {
              "name": "disabled",
              "type": {
                "text": "boolean | undefined"
              },
              "description": "Disabled",
              "fieldName": "disabled"
            },
            {
              "name": "clearable",
              "type": {
                "text": "boolean | undefined"
              },
              "description": "Clearable",
              "fieldName": "clearable"
            },
            {
              "name": "autocomplete",
              "type": {
                "text": "any | undefined"
              },
              "fieldName": "autocomplete"
            },
            {
              "name": "form",
              "type": {
                "text": "string | undefined"
              },
              "fieldName": "form"
            },
            {
              "name": "maxlength",
              "type": {
                "text": "number | undefined"
              },
              "fieldName": "maxlength"
            },
            {
              "name": "minlength",
              "type": {
                "text": "number | undefined"
              },
              "fieldName": "minlength"
            },
            {
              "name": "name",
              "type": {
                "text": "string | undefined"
              },
              "fieldName": "name"
            },
            {
              "name": "readonly",
              "type": {
                "text": "boolean | undefined"
              },
              "fieldName": "readonly"
            },
            {
              "name": "pattern",
              "type": {
                "text": "string | undefined"
              },
              "fieldName": "pattern"
            }
          ],
          "superclass": {
            "name": "LitElement",
            "package": "lit"
          },
          "tagName": "pyro-textfield",
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "PyroTextfield",
          "declaration": {
            "name": "PyroTextfield",
            "module": "src/elements/textfield/textfield.ts"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "pyro-textfield",
          "declaration": {
            "name": "PyroTextfield",
            "module": "src/elements/textfield/textfield.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/textfield/textfield.types.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/toast/toast.ts",
      "declarations": [
        {
          "kind": "class",
          "description": "Toast stack, used to show multiple notifications in screen corners\n\n```html\n<pyro-toast id=\"toastElement\" center></pyro-toast>\n```",
          "name": "PyroToast",
          "cssProperties": [
            {
              "description": "size of toast",
              "name": "--pyro-toast-spacing",
              "default": "var(--pyro-spacing)"
            },
            {
              "description": "`border`",
              "name": "--pyro-toast-border",
              "default": "var(--pyro-border)"
            },
            {
              "description": "`border-radius`",
              "name": "--pyro-toast-border-radius",
              "default": "var(--pyro-border-radius)"
            },
            {
              "description": "text `color` Severity",
              "name": "--pyro-toast-text-color",
              "default": "var(--pyro-text-color)"
            },
            {
              "description": "default `background`",
              "name": "--pyro-toast-info-color-lighter",
              "default": "var(--pyro-info-color-lighter)"
            },
            {
              "description": "`background`",
              "name": "--pyro-toast-success-color-lighter",
              "default": "var(--pyro-success-color-lighter)"
            },
            {
              "description": "`background`",
              "name": "--pyro-toast-warning-color-lighter",
              "default": "var(--pyro-warning-color-lighter)"
            },
            {
              "description": "`background`",
              "name": "--pyro-toast-error-color-lighter",
              "default": "var(--pyro-error-color-lighter)"
            },
            {
              "description": "default `border-color`",
              "name": "--pyro-toast-info-color",
              "default": "var(--pyro-info-color)"
            },
            {
              "description": "`border-color`",
              "name": "--pyro-toast-success-color",
              "default": "var(--pyro-success-color)"
            },
            {
              "description": "`border-color`",
              "name": "--pyro-toast-warning-color",
              "default": "var(--pyro-warning-color)"
            },
            {
              "description": "`border-color`",
              "name": "--pyro-toast-error-color",
              "default": "var(--pyro-error-color)"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "message",
              "type": {
                "text": "string | undefined"
              },
              "description": "Message to display",
              "attribute": "message"
            },
            {
              "kind": "field",
              "name": "duration",
              "type": {
                "text": "number | undefined"
              },
              "default": "3000",
              "description": "Duration in ms",
              "attribute": "duration"
            },
            {
              "kind": "field",
              "name": "severity",
              "type": {
                "text": "'info' | 'success' | 'warning' | 'error' | '' | undefined"
              },
              "default": "''",
              "description": "Toast severity, determines colors",
              "attribute": "severity",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "top",
              "type": {
                "text": "boolean | undefined"
              },
              "default": "false",
              "description": "Vertical position on top, default false",
              "attribute": "top",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "left",
              "type": {
                "text": "boolean | undefined"
              },
              "default": "false",
              "description": "Vertical position on left, default false",
              "attribute": "left",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "center",
              "type": {
                "text": "boolean | undefined"
              },
              "default": "false",
              "description": "Horizontal position in center, default false",
              "attribute": "center",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "_stacked",
              "type": {
                "text": "string[]"
              },
              "default": "[]"
            },
            {
              "kind": "method",
              "name": "popMessage"
            }
          ],
          "attributes": [
            {
              "name": "message",
              "type": {
                "text": "string | undefined"
              },
              "description": "Message to display",
              "fieldName": "message"
            },
            {
              "name": "duration",
              "type": {
                "text": "number | undefined"
              },
              "default": "3000",
              "description": "Duration in ms",
              "fieldName": "duration"
            },
            {
              "name": "severity",
              "type": {
                "text": "'info' | 'success' | 'warning' | 'error' | '' | undefined"
              },
              "default": "''",
              "description": "Toast severity, determines colors",
              "fieldName": "severity"
            },
            {
              "name": "top",
              "type": {
                "text": "boolean | undefined"
              },
              "default": "false",
              "description": "Vertical position on top, default false",
              "fieldName": "top"
            },
            {
              "name": "left",
              "type": {
                "text": "boolean | undefined"
              },
              "default": "false",
              "description": "Vertical position on left, default false",
              "fieldName": "left"
            },
            {
              "name": "center",
              "type": {
                "text": "boolean | undefined"
              },
              "default": "false",
              "description": "Horizontal position in center, default false",
              "fieldName": "center"
            }
          ],
          "superclass": {
            "name": "LitElement",
            "package": "lit"
          },
          "tagName": "pyro-toast",
          "customElement": true
        },
        {
          "kind": "function",
          "name": "showToast",
          "parameters": [
            {
              "name": "message",
              "type": {
                "text": "string"
              }
            },
            {
              "name": "options",
              "default": "{ selector: 'body' }",
              "type": {
                "text": "{ duration?: number; selector: string }"
              }
            }
          ]
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "PyroToast",
          "declaration": {
            "name": "PyroToast",
            "module": "src/elements/toast/toast.ts"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "pyro-toast",
          "declaration": {
            "name": "PyroToast",
            "module": "src/elements/toast/toast.ts"
          }
        },
        {
          "kind": "js",
          "name": "showToast",
          "declaration": {
            "name": "showToast",
            "module": "src/elements/toast/toast.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "src/elements/toast/toast.types.ts",
      "declarations": [
        {
          "kind": "function",
          "name": "showToast",
          "return": {
            "type": {
              "text": "void"
            }
          },
          "parameters": [
            {
              "name": "message",
              "type": {
                "text": "string"
              },
              "description": "message to show"
            },
            {
              "name": "options",
              "optional": true,
              "type": {
                "text": "{ duration?: number; selector: string }"
              }
            },
            {
              "description": "duration in ms",
              "name": "options.duration"
            },
            {
              "description": "selector of element where to append pyro-toast, if none found, default `body`",
              "name": "options.selector"
            }
          ],
          "description": "Shows a toast, recommended use with <pyro-toast> in document"
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "showToast",
          "declaration": {
            "name": "showToast",
            "module": "src/elements/toast/toast.types.ts"
          }
        }
      ]
    }
  ]
}