@poppy-ui/vue 0.5.6 → 0.5.7-beta.0

package/dist/web-types.json

@@ -1,2940 +0,0 @@
-{
-  "$schema": "http://json.schemastore.org/web-types",
-  "framework": "vue",
-  "name": "@poppy-ui/vue",
-  "version": "0.5.6",
-  "contributions": {
-    "html": {
-      "types-syntax": "typescript",
-      "description-markup": "markdown",
-      "tags": [
-        {
-          "name": "PopAccordion",
-          "doc-url": "https://poppy-ui.com/docs/api/accordion",
-          "description": "Accordion is used for showing and hiding content.",
-          "source": {
-            "module": "@poppy-ui/core/src/components/accordion/accordion.d.ts",
-            "symbol": "Accordion"
-          },
-          "attributes": [
-            {
-              "name": "disabled",
-              "description": "If `true`, the user cannot interact with the element.",
-              "required": false,
-              "default": "false",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "name",
-              "description": "name of the accordion",
-              "required": true,
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "open",
-              "description": "If `true`, the accordion is open.\n\nThe developer must not set this value to `true` if the accordion is used in `<accordion-group>` element and set the active property to the name of the accordion.",
-              "required": false,
-              "default": "false",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "readonly",
-              "description": "If `true`, the user cannot interact with the element.",
-              "required": false,
-              "default": "false",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            }
-          ],
-          "slots": [
-            {
-              "name": "default",
-              "description": "Content that will be hiding or shown"
-            },
-            {
-              "name": "header",
-              "description": "Content of the accordion header"
-            }
-          ],
-          "events": []
-        },
-        {
-          "name": "PopAccordionGroup",
-          "doc-url": "https://poppy-ui.com/docs/api/accordion-group",
-          "description": "",
-          "source": {
-            "module": "@poppy-ui/core/src/components/accordion-group/accordion-group.d.ts",
-            "symbol": "AccordionGroup"
-          },
-          "attributes": [
-            {
-              "name": "active",
-              "description": "name of the active the accordion.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "string | string[]"
-              }
-            },
-            {
-              "name": "disabled",
-              "description": "If `true`, the user cannot interact with the element.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "multiple",
-              "description": "If `true`, the user can open multiple accordion.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "readonly",
-              "description": "If `true`, the user cannot interact with the element.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            }
-          ],
-          "slots": [],
-          "events": [
-            {
-              "name": "popChange",
-              "description": "The `popChange` event is fired when the user select an open of close an accordion.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "AccordionGroupChangeEventDetail"
-                }
-              ]
-            }
-          ]
-        },
-        {
-          "name": "PopAvatar",
-          "doc-url": "https://poppy-ui.com/docs/api/avatar",
-          "description": "Avatars are used to show a thumbnail representation of an individual or business in the interface.",
-          "source": {
-            "module": "@poppy-ui/core/src/components/avatar/avatar.d.ts",
-            "symbol": "Avatar"
-          },
-          "attributes": [
-            {
-              "name": "placeholder",
-              "description": "To show some letters as avatar placeholder",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            }
-          ],
-          "slots": [
-            {
-              "name": "default",
-              "description": "Avatar content"
-            }
-          ],
-          "events": []
-        },
-        {
-          "name": "PopBadge",
-          "doc-url": "https://poppy-ui.com/docs/api/badge",
-          "description": "Badges are used to inform the user of the status of specific data.",
-          "source": {
-            "module": "@poppy-ui/core/src/components/badge/badge.d.ts",
-            "symbol": "Badge"
-          },
-          "attributes": [
-            {
-              "name": "as",
-              "description": "Used HTML element for",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"div\" | \"span\""
-              }
-            },
-            {
-              "name": "color",
-              "description": "The color to use from your application's color palette.\nDefault options are: `\"neutral\"`, `\"primary\"`, `\"secondary\"`, `\"accent\"`, `\"info\"`, `\"success\"`, `\"warning\"`, `\"error\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"accent\" | \"error\" | \"info\" | \"neutral\" | \"primary\" | \"secondary\" | \"success\" | \"warning\""
-              }
-            },
-            {
-              "name": "outlined",
-              "description": "Transparent Badge with colored border",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "size",
-              "description": "Change size of the component\nOptions are: `\"xs\"`, `\"sm\"`, `\"md\"`, `\"lg\"`.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"lg\" | \"md\" | \"sm\" | \"xs\""
-              }
-            }
-          ],
-          "slots": [
-            {
-              "name": "default",
-              "description": "Slot for the content of the badge"
-            }
-          ],
-          "events": []
-        },
-        {
-          "name": "PopButton",
-          "doc-url": "https://poppy-ui.com/docs/api/button",
-          "description": "Buttons allow the user to take actions or make choices.",
-          "source": {
-            "module": "@poppy-ui/core/src/components/button/button.d.ts",
-            "symbol": "Button"
-          },
-          "attributes": [
-            {
-              "name": "active",
-              "description": "Force the button to have `hover` style",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "color",
-              "description": "The color to use from your application's color palette.\nDefault options are: `\"neutral\"`, `\"ghost\"`, `\"primary\"`, `\"secondary\"`, `\"accent\"`, `\"info\"`, `\"success\"`, `\"warning\"`, `\"error\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"accent\" | \"error\" | \"ghost\" | \"info\" | \"neutral\" | \"primary\" | \"secondary\" | \"success\" | \"warning\""
-              }
-            },
-            {
-              "name": "disabled",
-              "description": "If `true`, the user cannot interact with the element.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "expand",
-              "description": "`wide` Add more horizontal padding\n`block` make a full width button",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"block\" | \"wide\""
-              }
-            },
-            {
-              "name": "form",
-              "description": "The HTML form element id. Used to submit a form when the button is not a child of the form.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "HTMLFormElement | string"
-              }
-            },
-            {
-              "name": "outlined",
-              "description": "Transparent Button with colored border",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "shape",
-              "description": "`square` set button width and heigth with 1:1 ratio\n`round` set button width and heigth with 1:1 ratio and rounded corners.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"circle\" | \"square\""
-              }
-            },
-            {
-              "name": "size",
-              "description": "Change size of the component\nOptions are: `\"xs\"`, `\"sm\"`, `\"md\"`, `\"lg\"`.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"lg\" | \"md\" | \"sm\" | \"xs\""
-              }
-            },
-            {
-              "name": "type",
-              "description": "The type of the button.",
-              "required": false,
-              "default": "'button'",
-              "value": {
-                "kind": "expression",
-                "type": "\"button\" | \"reset\" | \"submit\""
-              }
-            }
-          ],
-          "slots": [
-            {
-              "name": "default",
-              "description": "Slot for the content of the button"
-            },
-            {
-              "name": "end-icon",
-              "description": "Slot for placing an icon at the end"
-            },
-            {
-              "name": "start-icon",
-              "description": "Slot for placing an icon at the start"
-            }
-          ],
-          "events": [
-            {
-              "name": "popBlur",
-              "description": "Emitted when the button loses focus.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "void"
-                }
-              ]
-            },
-            {
-              "name": "popFocus",
-              "description": "Emitted when the button has focus.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "void"
-                }
-              ]
-            }
-          ]
-        },
-        {
-          "name": "PopCard",
-          "doc-url": "https://poppy-ui.com/docs/api/card",
-          "description": "Cards are used to group and display content in a way that is easily readable.",
-          "source": {
-            "module": "@poppy-ui/core/src/components/card/card.d.ts",
-            "symbol": "Card"
-          },
-          "attributes": [
-            {
-              "name": "compact",
-              "description": "Applies smaller padding",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            }
-          ],
-          "slots": [
-            {
-              "name": "default",
-              "description": "Content for the `pop-card-body`"
-            }
-          ],
-          "events": []
-        },
-        {
-          "name": "PopCardActions",
-          "doc-url": "https://poppy-ui.com/docs/api/card-actions",
-          "description": "Cards are used to group and display content in a way that is easily readable.",
-          "source": {
-            "module": "@poppy-ui/core/src/components/card-actions/card-actions.d.ts",
-            "symbol": "CardActions"
-          },
-          "attributes": [],
-          "slots": [
-            {
-              "name": "default",
-              "description": "Container for buttons"
-            }
-          ],
-          "events": []
-        },
-        {
-          "name": "PopCardBody",
-          "doc-url": "https://poppy-ui.com/docs/api/card-body",
-          "description": "Cards are used to group and display content in a way that is easily readable.",
-          "source": {
-            "module": "@poppy-ui/core/src/components/card-body/card-body.d.ts",
-            "symbol": "CardBody"
-          },
-          "attributes": [],
-          "slots": [
-            {
-              "name": "default",
-              "description": "Container for content"
-            }
-          ],
-          "events": []
-        },
-        {
-          "name": "PopCardTitle",
-          "doc-url": "https://poppy-ui.com/docs/api/card-title",
-          "description": "Cards are used to group and display content in a way that is easily readable.",
-          "source": {
-            "module": "@poppy-ui/core/src/components/card-title/card-title.d.ts",
-            "symbol": "CardTitle"
-          },
-          "attributes": [],
-          "slots": [
-            {
-              "name": "default",
-              "description": "Title of card"
-            }
-          ],
-          "events": []
-        },
-        {
-          "name": "PopCheckbox",
-          "doc-url": "https://poppy-ui.com/docs/api/checkbox",
-          "description": "Toggles are switches that change the state of a single option.\nThey can be switched on or off by pressing.\nToggles can also be `\"checked\"` programmatically by setting the checked property.",
-          "source": {
-            "module": "@poppy-ui/core/src/components/checkbox/checkbox.d.ts",
-            "symbol": "Checkbox"
-          },
-          "attributes": [
-            {
-              "name": "checked",
-              "description": "If `true`, the toggle is selected.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "color",
-              "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"accent\"`, `\"info\"`, `\"success\"`, `\"warning\"`, `\"error\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"accent\" | \"error\" | \"info\" | \"primary\" | \"secondary\" | \"success\" | \"warning\""
-              }
-            },
-            {
-              "name": "disabled",
-              "description": "If true, the user cannot interact with the native element.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "indeterminate",
-              "description": "If a developer want to use `indeterminate`, `checked` property should be set to `false`",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "name",
-              "description": "The name of the control, which is submitted with the form data.",
-              "required": false,
-              "default": "this.inputId",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "placement",
-              "description": "Where to place the label relative to the checkbox.\n- `\"start\"`: The label will appear to the left of the checkbox in LTR and to the right in RTL.\n- `\"end\"`: The label will appear to the right of the checkbox in LTR and to the left in RTL.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"end\" | \"start\""
-              }
-            },
-            {
-              "name": "readonly",
-              "description": "If `true`, the user cannot modify the value.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "required",
-              "description": "If `true`, the user must fill in a value before submitting a form.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "size",
-              "description": "Change size of the component\nOptions are: `\"xs\"`, `\"sm\"`, `\"md\"`, `\"lg\"`.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"lg\" | \"md\" | \"sm\" | \"xs\""
-              }
-            },
-            {
-              "name": "value",
-              "description": "The value of the toggle does not mean if it's checked or not, use the `checked`\nproperty for that.\n\nThe value of a toggle is analogous to the value of a `<input type=\"checkbox\">`,\nit's only used when the toggle participates in a native `<form>`.",
-              "required": false,
-              "default": "'on'",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            }
-          ],
-          "slots": [
-            {
-              "name": "default",
-              "description": "The label text to associate with the toggle. Use the `\"placement\"` property to control where the label is placed relative to the toggle."
-            }
-          ],
-          "events": [
-            {
-              "name": "popBlur",
-              "description": "Emitted when the input loses focus.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "void"
-                }
-              ]
-            },
-            {
-              "name": "popChange",
-              "description": "Emitted when the user switches the toggle on or off.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "CheckboxChangeEventDetail<any>"
-                }
-              ]
-            },
-            {
-              "name": "popFocus",
-              "description": "Emitted when the input has focus.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "void"
-                }
-              ]
-            }
-          ]
-        },
-        {
-          "name": "PopDivider",
-          "doc-url": "https://poppy-ui.com/docs/api/divider",
-          "description": "Divider will be used to separate content vertically or horizontally.",
-          "source": {
-            "module": "@poppy-ui/core/src/components/divider/divider.d.ts",
-            "symbol": "Divider"
-          },
-          "attributes": [
-            {
-              "name": "color",
-              "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"accent\"`, `\"neutral\"`, `\"info\"`, `\"success\"`, `\"warning\"`, `\"error\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"accent\" | \"error\" | \"info\" | \"neutral\" | \"primary\" | \"secondary\" | \"success\" | \"warning\""
-              }
-            },
-            {
-              "name": "orientation",
-              "description": "Define content disposition orientation",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"horizontal\" | \"vertical\""
-              }
-            },
-            {
-              "name": "placement",
-              "description": "Where to place the content.\n- `\"left\"`: The content will appear to the left of the divider in LTR and RTL.\n- `\"start\"`: The content will appear to the left of the divider in LTR and to the right in RTL.\n- `\"center\"`: The content will appear to the center of the divider.\n- `\"end\"`: The content will appear to the right of the divider in LTR and to the left in RTL.\n- `\"right\"`: The content will appear to the right of the divider in LTR and RTL.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"center\" | \"end\" | \"left\" | \"right\" | \"start\""
-              }
-            }
-          ],
-          "slots": [
-            {
-              "name": "default",
-              "description": "Text for describe the divider"
-            }
-          ],
-          "events": []
-        },
-        {
-          "name": "PopDrawer",
-          "doc-url": "https://poppy-ui.com/docs/api/drawer",
-          "description": "Drawer is a grid layout that can show/hide a sidebar on the left or right side of the page.",
-          "source": {
-            "module": "@poppy-ui/core/src/components/drawer/drawer.d.ts",
-            "symbol": "Drawer"
-          },
-          "attributes": [
-            {
-              "name": "open",
-              "description": "Forces the drawer to be open",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "side",
-              "description": "Where to place the sidebar relative to the screen.\n- `\"start\"`: The sidebar will appear to the left of the screen in LTR and to the right in RTL.\n- `\"end\"`: The sidebar will appear to the right of the screen in LTR and to the left in RTL.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"end\" | \"start\""
-              }
-            },
-            {
-              "name": "trigger",
-              "description": "An ID corresponding to the trigger element that\ncauses the drawer to open. Use the `trigger-action`\nproperty to customize the interaction that results in\nthe sidebar opening.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "trigger-action",
-              "description": "Describes what kind of interaction with the trigger that should\ncause the sidebar to open. Does not apply when the `trigger` property is `undefined`.\n- `\"click\"`: the sidebar will be presented when the trigger is left clicked.\n- `\"hover\"`: the sidebar will be presented when a pointer hovers over the trigger.\n- `\"context-menu\"`: the sidebar will be presented when the trigger is right\nclicked on desktop and long pressed on mobile. This will also prevent your\ndevice's normal context menu from appearing.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"click\" | \"context-menu\" | \"hover\""
-              }
-            }
-          ],
-          "slots": [
-            {
-              "name": "default",
-              "description": "Container for all page content"
-            },
-            {
-              "name": "side",
-              "description": "Content is placed in the drawer and is shown or hidden based on open state."
-            }
-          ],
-          "events": [
-            {
-              "name": "popDidDismiss",
-              "description": "Emitted when the drawer has been opened.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "void"
-                }
-              ]
-            },
-            {
-              "name": "popDidPresent",
-              "description": "Emitted when the drawer has been opened.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "void"
-                }
-              ]
-            }
-          ]
-        },
-        {
-          "name": "PopDropdown",
-          "doc-url": "https://poppy-ui.com/docs/api/dropdown",
-          "description": "Dropdown can open a menu or any other element when the trigger element is clicked.",
-          "source": {
-            "module": "@poppy-ui/core/src/components/dropdown/dropdown.d.ts",
-            "symbol": "Dropdown"
-          },
-          "attributes": [
-            {
-              "name": "align",
-              "description": "Describes how the dropdown has to be alined\n- `\"start\"`: Align to the left in LTR and to the right in RTL.\n- `\"center\"`: Align to the left in LTR and to the right in RTL.\n- `\"end\"`: Align to the right in LTR and to the left in RTL.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"center\" | \"end\" | \"start\""
-              }
-            },
-            {
-              "name": "debounce",
-              "description": "Set the amount of time, in milliseconds after the user no longer hover the trigger or dropdown, will dismiss.\nOnly apply on `triggerAction=hover`",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "number"
-              }
-            },
-            {
-              "name": "open",
-              "description": "Force the dropdown to be shown",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "show-backdrop",
-              "description": "If `true`, a backdrop will be displayed behind the modal.\nThis property controls whether or not the backdrop\ndarkens the screen when the modal is presented.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "side",
-              "description": "Describe where the content is displayed relatively to the trigger element\n- `\"start\"`: Open on the left in LTR and to the right in RTL.\n- `\"end\"`: Open on the right in LTR and to the left in RTL.\n- `\"left\"`: Open on left\n- `\"right\"`: Open on right\n- `\"top\"`: Open on top\n- `\"bottom\"`: Open on bottom",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"bottom\" | \"end\" | \"left\" | \"right\" | \"start\" | \"top\""
-              }
-            },
-            {
-              "name": "trigger-action",
-              "description": "Describes what kind of intertion with the trigger (sloted element) that should cause the dropdown to open.\n- `\"click\"`: the dropdown will be presented when the trigger is left clicked.\n- `\"hover\"`: the dropdown will be presented when a pointer hovers over the trigger.\n- `\"context-menu\"`: the dropdown will be presented when the trigger is right clicked on desktop and long pressed on mobile. This will also prevent your device's normal context menu from appearing.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"click\" | \"context-menu\" | \"hover\""
-              }
-            }
-          ],
-          "slots": [
-            {
-              "name": "trigger",
-              "description": "Content that trigger the dropdown to open"
-            }
-          ],
-          "events": [
-            {
-              "name": "didDismiss",
-              "description": "Emitted after the modal has dismissed.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "void"
-                }
-              ]
-            },
-            {
-              "name": "didPresent",
-              "description": "Emitted after the modal has presented.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "void"
-                }
-              ]
-            }
-          ]
-        },
-        {
-          "name": "PopImg",
-          "doc-url": "https://poppy-ui.com/docs/api/img",
-          "description": "",
-          "source": {
-            "module": "@poppy-ui/core/src/components/img/img.d.ts",
-            "symbol": "Img"
-          },
-          "attributes": [
-            {
-              "name": "alt",
-              "description": "This attribute defines the alternative text describing the image.\nUsers will see this text displayed if the image URL is wrong,\nthe image is not in one of the supported formats, or if the image is not yet downloaded.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "src",
-              "description": "The image URL. This attribute is mandatory for the `<img>` element.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            }
-          ],
-          "slots": [],
-          "events": [
-            {
-              "name": "popDidLoad",
-              "description": "Emitted when the image has finished loading",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "void"
-                }
-              ]
-            },
-            {
-              "name": "popError",
-              "description": "Emitted when the img fails to load",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "void"
-                }
-              ]
-            },
-            {
-              "name": "popWillLoad",
-              "description": "Emitted when the img src has been set",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "void"
-                }
-              ]
-            }
-          ]
-        },
-        {
-          "name": "PopIndicator",
-          "doc-url": "https://poppy-ui.com/docs/api/indicator",
-          "description": "Indicators are used to place an element on the corner of another element.",
-          "source": {
-            "module": "@poppy-ui/core/src/components/indicator/indicator.d.ts",
-            "symbol": "Indicator"
-          },
-          "attributes": [
-            {
-              "name": "position",
-              "description": "Align vertically the indicator.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"bottom\" | \"middle\" | \"top\""
-              }
-            },
-            {
-              "name": "side",
-              "description": "Align horizontally the indicator.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"center\" | \"end\" | \"left\" | \"right\" | \"start\""
-              }
-            }
-          ],
-          "slots": [
-            {
-              "name": "default",
-              "description": "Element that should receive the indicator"
-            },
-            {
-              "name": "indicator",
-              "description": "Content of the indicator"
-            }
-          ],
-          "events": []
-        },
-        {
-          "name": "PopInput",
-          "doc-url": "https://poppy-ui.com/docs/api/input",
-          "description": "Text Input is a simple input field.",
-          "source": {
-            "module": "@poppy-ui/core/src/components/input/input.d.ts",
-            "symbol": "Input"
-          },
-          "attributes": [
-            {
-              "name": "auto-capitalize",
-              "description": "This features work only on mobile and tablet devices.\nBy default the User Agent and input make their own determination.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"characters\" | \"none\" | \"off\" | \"on\" | \"sentences\" | \"words\""
-              }
-            },
-            {
-              "name": "auto-complete",
-              "description": "Indicates whether the value of the control can be automatically completed by the browser.",
-              "required": false,
-              "default": "'off'",
-              "value": {
-                "kind": "expression",
-                "type": "\"name\" | \"off\" | \"on\" | \"email\" | \"tel\" | \"url\" | \"honorific-prefix\" | \"given-name\" | \"additional-name\" | \"family-name\" | \"honorific-suffix\" | \"nickname\" | \"username\" | \"new-password\" | \"current-password\" | \"one-time-code\" | \"organization-title\" | \"organization\" | \"street-address\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"address-level1\" | \"address-level2\" | \"address-level3\" | \"address-level4\" | \"country\" | \"country-name\" | \"postal-code\" | \"cc-name\" | \"cc-given-name\" | \"cc-additional-name\" | \"cc-family-name\" | \"cc-number\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-csc\" | \"cc-type\" | \"transaction-currency\" | \"transaction-amount\" | \"language\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"sex\" | \"tel-country-code\" | \"tel-national\" | \"tel-area-code\" | \"tel-local\" | \"tel-extension\" | \"impp\" | \"photo\""
-              }
-            },
-            {
-              "name": "auto-focus",
-              "description": "If `true`, the element will be focused on page load.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "bordered",
-              "description": "if `true`, adds border to input when `color` property is not set.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "color",
-              "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"accent\"`, `\"ghost\"`, `\"info\"`, `\"success\"`, `\"warning\"`, `\"error\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"accent\" | \"error\" | \"ghost\" | \"info\" | \"primary\" | \"secondary\" | \"success\" | \"warning\""
-              }
-            },
-            {
-              "name": "counter",
-              "description": "If `true`, a character counter will display the ratio of characters used and the total character limit.\nDevelopers must also set the `maxlength` property for the counter to be calculated correctly.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "counterFormatter",
-              "description": "A callback used to format the counter text.\nBy default the counter text is set to \"itemLength / maxLength\".",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "(inputLength: number, maxLength: number) => string"
-              }
-            },
-            {
-              "name": "debounce",
-              "description": "Set the amount of time, in milliseconds, to wait to trigger the ionInput event after each keystroke.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "number"
-              }
-            },
-            {
-              "name": "disabled",
-              "description": "If `true`, the user cannot interact with the element.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "enterkeyhint",
-              "description": "A hint to the browser for which keyboard to display.\nThat specifies what action label (or icon) to present for the enter key on virtual keyboards.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"done\" | \"enter\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\""
-              }
-            },
-            {
-              "name": "error-text",
-              "description": "Text that is placed under the input and displayed when an error is detected.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "helper-text",
-              "description": "Text that is placed under the input and displayed when no error is detected.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "keyboard",
-              "description": "A hint to the browser for which virtual keyboard to display.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"decimal\" | \"email\" | \"none\" | \"numeric\" | \"search\" | \"tel\" | \"text\" | \"url\""
-              }
-            },
-            {
-              "name": "max",
-              "description": "The maximum value, which must not be less than its minimum (min attribute) value.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "number | string"
-              }
-            },
-            {
-              "name": "max-length",
-              "description": "This attribute specifies the maximum number of characters that the user can enter.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "number"
-              }
-            },
-            {
-              "name": "min",
-              "description": "The minimum value, which must not be greater than its maximum (max attribute) value.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "number | string"
-              }
-            },
-            {
-              "name": "min-length",
-              "description": "This attribute specifies the minimum number of characters that the user can enter.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "number"
-              }
-            },
-            {
-              "name": "multiple",
-              "description": "If `true`, the user can enter more than one value.\nThis attribute applies when the type attribute is set to `\"email\"`, otherwise it is ignored.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "name",
-              "description": "The name of the control, which is submitted with the form data.",
-              "required": false,
-              "default": "this.inputId",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "pattern",
-              "description": "A regular expression that the value is checked against.\nThe pattern must match the entire value, not just some subset.\nUse the title attribute to describe the pattern to help the user.\nThis attribute applies when the value of the type attribute is `\"text\"`, `\"search\"`, `\"tel\"`, `\"url\"`, `\"email\"`, `\"date\"`, or `\"password\"`, otherwise it is ignored.\nWhen the type attribute is `\"date\"`, `pattern` will only be used in browsers that do not support the `\"date\"` input type natively.\nSee https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date for more information.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "placeholder",
-              "description": "Instructional text that shows before the input has a value.\n\nThis property applies only when the `type` property is set to `\"email\"`,\n`\"number\"`, `\"password\"`, `\"search\"`, `\"tel\"`, `\"text\"`, or `\"url\"`, otherwise it is ignored.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "readonly",
-              "description": "If `true`, the user cannot modify the value.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "required",
-              "description": "If `true`, the user must fill in a value before submitting a form.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "size",
-              "description": "Change size of the component\nOptions are: `\"xs\"`, `\"sm\"`, `\"md\"`, `\"lg\"`.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"lg\" | \"md\" | \"sm\" | \"xs\""
-              }
-            },
-            {
-              "name": "spellcheck",
-              "description": "If `true`, the element will have its spelling and grammar checked.\nBy default the User Agent make their own default behavior.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "step",
-              "description": "Works with the min and max attributes to limit the increments at which a value can be set.\nPossible values are: `\"any\"` or a positive floating point number.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "type",
-              "description": "The type of control to display. The default type is text.",
-              "required": false,
-              "default": "'text'",
-              "value": {
-                "kind": "expression",
-                "type": "\"date\" | \"datetime-local\" | \"email\" | \"month\" | \"number\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"time\" | \"url\" | \"week\""
-              }
-            },
-            {
-              "name": "value",
-              "description": "The value of the toggle does not mean if it's checked or not, use the `checked`\nproperty for that.\n\nThe value of a toggle is analogous to the value of a `<input type=\"checkbox\">`,\nit's only used when the toggle participates in a native `<form>`.",
-              "required": false,
-              "default": "''",
-              "value": {
-                "kind": "expression",
-                "type": "number | string"
-              }
-            }
-          ],
-          "slots": [
-            {
-              "name": "default",
-              "description": "Slot for the content of the label"
-            },
-            {
-              "name": "end",
-              "description": "The content will appear to the right of the native HTML input in LTR and left in RTL"
-            },
-            {
-              "name": "start",
-              "description": "The content will appear to the left of the native HTML input in LTR and right in RTL"
-            }
-          ],
-          "events": [
-            {
-              "name": "popBlur",
-              "description": "Emitted when the input loses focus.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "void"
-                }
-              ]
-            },
-            {
-              "name": "popChange",
-              "description": "The `popChange` event is fired when the user modifies the input's value.\nUnlike the ionInput event, the `popChange` event is fired when the element loses focus after its value has been modified.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "InputChangeEventDetail"
-                }
-              ]
-            },
-            {
-              "name": "popFocus",
-              "description": "Emitted when the input has focus.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "void"
-                }
-              ]
-            },
-            {
-              "name": "on",
-              "description": "The `popInput` event is fired each time the user modifies the Input's value.\nUnlike the `popChange` event, the `popInput` event is fired for each alteration to the input's value.\nThis typically happens for each keystroke as the user types.\n\nThis event can be debounced by the `debounce` property.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "InputInputEventDetail"
-                }
-              ]
-            }
-          ]
-        },
-        {
-          "name": "PopInputFile",
-          "doc-url": "https://poppy-ui.com/docs/api/input-file",
-          "description": "File Input is a an input field for uploading files.",
-          "source": {
-            "module": "@poppy-ui/core/src/components/input-file/input-file.d.ts",
-            "symbol": "InputFile"
-          },
-          "attributes": [
-            {
-              "name": "auto-focus",
-              "description": "If `true`, the element will be focused on page load.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "bordered",
-              "description": "if `true`, adds border to textarea when `color` property is not set.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "color",
-              "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"accent\"`, `\"ghost\"`, `\"info\"`, `\"success\"`, `\"warning\"`, `\"error\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"accent\" | \"error\" | \"ghost\" | \"info\" | \"primary\" | \"secondary\" | \"success\" | \"warning\""
-              }
-            },
-            {
-              "name": "disabled",
-              "description": "If `true`, the user cannot interact with the element.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "error-text",
-              "description": "Text that is placed under the input-file and displayed when an error is detected.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "helper-text",
-              "description": "Text that is placed under the input-file and displayed when no error is detected.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "multiple",
-              "description": "If `true`, the user can enter more than one value.\nThis attribute applies when the type attribute is set to `\"email\"`, otherwise it is ignored.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "name",
-              "description": "The name of the control, which is submitted with the form data.",
-              "required": false,
-              "default": "this.inputId",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "readonly",
-              "description": "If `true`, the user cannot modify the value.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "required",
-              "description": "If `true`, the user must fill in a value before submitting a form.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "size",
-              "description": "Change size of the component\nOptions are: `\"xs\"`, `\"sm\"`, `\"md\"`, `\"lg\"`.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"lg\" | \"md\" | \"sm\" | \"xs\""
-              }
-            },
-            {
-              "name": "value",
-              "description": "The value of the toggle does not mean if it's checked or not, use the `checked`\nproperty for that.\n\nThe value of a toggle is analogous to the value of a `<input type=\"checkbox\">`,\nit's only used when the toggle participates in a native `<form>`.",
-              "required": false,
-              "default": "new File([], '')",
-              "value": {
-                "kind": "expression",
-                "type": "File | File[]"
-              }
-            }
-          ],
-          "slots": [
-            {
-              "name": "default",
-              "description": "Slot for the content of the label"
-            }
-          ],
-          "events": [
-            {
-              "name": "popBlur",
-              "description": "Emitted when the input loses focus.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "void"
-                }
-              ]
-            },
-            {
-              "name": "popChange",
-              "description": "The `popChange` event is fired when the user modifies the input-file's value.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "InputFileChangeEventDetail"
-                }
-              ]
-            },
-            {
-              "name": "popFocus",
-              "description": "Emitted when the input has focus.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "void"
-                }
-              ]
-            }
-          ]
-        },
-        {
-          "name": "PopItem",
-          "doc-url": "https://poppy-ui.com/docs/api/item",
-          "description": "",
-          "source": {
-            "module": "@poppy-ui/core/src/components/item/item.d.ts",
-            "symbol": "Item"
-          },
-          "attributes": [
-            {
-              "name": "disabled",
-              "description": "If `true`, the user cannot interact with the item.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            }
-          ],
-          "slots": [],
-          "events": []
-        },
-        {
-          "name": "PopJoin",
-          "doc-url": "https://poppy-ui.com/docs/api/join",
-          "description": "Join is a container for grouping multiple items, it can be used to group buttons, inputs, or any other element.\nJoin applies border radius to the first and last item. Join can be used to create a horizontal or vertical list of items.",
-          "source": {
-            "module": "@poppy-ui/core/src/components/join/join.d.ts",
-            "symbol": "Join"
-          },
-          "attributes": [
-            {
-              "name": "orientation",
-              "description": "Define content disposition orientation",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"horizontal\" | \"vertical\""
-              }
-            }
-          ],
-          "slots": [
-            {
-              "name": "default",
-              "description": "Slot for the content of the join group"
-            }
-          ],
-          "events": []
-        },
-        {
-          "name": "PopKbd",
-          "doc-url": "https://poppy-ui.com/docs/api/kbd",
-          "description": "Kbd is used to display keyboard shortcuts.",
-          "source": {
-            "module": "@poppy-ui/core/src/components/kbd/kbd.d.ts",
-            "symbol": "Kbd"
-          },
-          "attributes": [
-            {
-              "name": "size",
-              "description": "Change size of the component\nOptions are: `\"xs\"`, `\"sm\"`, `\"md\"`, `\"lg\"`.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"lg\" | \"md\" | \"sm\" | \"xs\""
-              }
-            }
-          ],
-          "slots": [
-            {
-              "name": "default",
-              "description": "Slot for the content of the kbd"
-            }
-          ],
-          "events": []
-        },
-        {
-          "name": "PopList",
-          "doc-url": "https://poppy-ui.com/docs/api/list",
-          "description": "",
-          "source": {
-            "module": "@poppy-ui/core/src/components/list/list.d.ts",
-            "symbol": "List"
-          },
-          "attributes": [
-            {
-              "name": "orientation",
-              "description": "Define content disposition orientation",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"horizontal\" | \"vertical\""
-              }
-            },
-            {
-              "name": "size",
-              "description": "Change size of the component\nOptions are: `\"xs\"`, `\"sm\"`, `\"md\"`, `\"lg\"`.\n$",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"lg\" | \"md\" | \"sm\" | \"xs\""
-              }
-            }
-          ],
-          "slots": [],
-          "events": []
-        },
-        {
-          "name": "PopLoading",
-          "doc-url": "https://poppy-ui.com/docs/api/loading",
-          "description": "Loading shows an animation to indicate that something is loading.",
-          "source": {
-            "module": "@poppy-ui/core/src/components/loading/loading.d.ts",
-            "symbol": "Loading"
-          },
-          "attributes": [
-            {
-              "name": "size",
-              "description": "Change size of the component\nOptions are: `\"xs\"`, `\"sm\"`, `\"md\"`, `\"lg\"`.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"lg\" | \"md\" | \"sm\" | \"xs\""
-              }
-            },
-            {
-              "name": "type",
-              "description": "Apply different animation",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"ball\" | \"bars\" | \"dots\" | \"infinity\" | \"ring\" | \"spinner\""
-              }
-            }
-          ],
-          "slots": [],
-          "events": []
-        },
-        {
-          "name": "PopMask",
-          "doc-url": "https://poppy-ui.com/docs/api/mask",
-          "description": "Mask crops the content of the element to common shapes.",
-          "source": {
-            "module": "@poppy-ui/core/src/components/mask/mask.d.ts",
-            "symbol": "Mask"
-          },
-          "attributes": [
-            {
-              "name": "type",
-              "description": "Mask that should be applied",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"circle\" | \"decagon\" | \"diamond\" | \"heart\" | \"hexagon\" | \"hexagon-2\" | \"parallelogram\" | \"parallelogram-2\" | \"parallelogram-3\" | \"parallelogram-4\" | \"pentagon\" | \"square\" | \"squircle\" | \"star\" | \"star-2\" | \"triangle\" | \"triangle-2\" | \"triangle-3\" | \"triangle-4\""
-              }
-            }
-          ],
-          "slots": [
-            {
-              "name": "default",
-              "description": "content that get croped"
-            }
-          ],
-          "events": []
-        },
-        {
-          "name": "PopModal",
-          "doc-url": "https://poppy-ui.com/docs/api/modal",
-          "description": "Modal is used to show a dialog or a box when you click on the trigger element.",
-          "source": {
-            "module": "@poppy-ui/core/src/components/modal/modal.d.ts",
-            "symbol": "Modal"
-          },
-          "attributes": [
-            {
-              "name": "backdrop-dismiss",
-              "description": "If `true`, the modal will be dismissed when the backdrop is clicked.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "component",
-              "description": "The component to display inside of the popover.\nYou only need to use this if you are not using\na JavaScript framework. Otherwise, you can just\nslot your component inside of `pop-popover`.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "Function | HTMLElement | string"
-              }
-            },
-            {
-              "name": "componentProps",
-              "description": "The data to pass to the popover component.\nYou only need to use this if you are not using\na JavaScript framework. Otherwise, you can just\nset the props directly on your component.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "{ [key: string]: any; }"
-              }
-            },
-            {
-              "name": "open",
-              "description": "If `true`, the modal will open. If `false`, the modal will close.\nUse this if you need finer grained control over presentation, otherwise\njust use the modalController or the `trigger` property.\nNote: `open` will automatically be set back to `false` when\nthe modal dismisses.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "show-backdrop",
-              "description": "If `true`, a backdrop will be displayed behind the modal.\nThis property controls whether or not the backdrop\ndarkens the screen when the modal is presented.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "trigger",
-              "description": "An ID corresponding to the trigger element that\ncauses the modal to open when clicked.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            }
-          ],
-          "slots": [
-            {
-              "name": "default",
-              "description": "Modal content"
-            },
-            {
-              "name": "actions",
-              "description": "Modal actions"
-            }
-          ],
-          "events": [
-            {
-              "name": "didDismiss",
-              "description": "Emitted after the modal has dismissed.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "void"
-                }
-              ]
-            },
-            {
-              "name": "didPresent",
-              "description": "Emitted after the modal has presented.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "void"
-                }
-              ]
-            }
-          ]
-        },
-        {
-          "name": "PopNavbar",
-          "doc-url": "https://poppy-ui.com/docs/api/navbar",
-          "description": "Navbar is used to show a navigation bar on the top of the page.",
-          "source": {
-            "module": "@poppy-ui/core/src/components/navbar/navbar.d.ts",
-            "symbol": "Navbar"
-          },
-          "attributes": [],
-          "slots": [
-            {
-              "name": "default",
-              "description": "// Describe slot content"
-            },
-            {
-              "name": "end",
-              "description": "// Describe slot content"
-            },
-            {
-              "name": "start",
-              "description": "// Describe slot content"
-            }
-          ],
-          "events": []
-        },
-        {
-          "name": "PopPopover",
-          "doc-url": "https://poppy-ui.com/docs/api/popover",
-          "description": "",
-          "source": {
-            "module": "@poppy-ui/core/src/components/popover/popover.d.ts",
-            "symbol": "Popover"
-          },
-          "attributes": [
-            {
-              "name": "animated",
-              "description": "If `true`, the popover will animate.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "any"
-              }
-            },
-            {
-              "name": "backdrop-dismiss",
-              "description": "If `true`, the popover will be dismissed when the backdrop is clicked.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "component",
-              "description": "The component to display inside of the popover.\nYou only need to use this if you are not using\na JavaScript framework. Otherwise, you can just\nslot your component inside of `pop-popover`.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "Function | HTMLElement | string"
-              }
-            },
-            {
-              "name": "componentProps",
-              "description": "The data to pass to the popover component.\nYou only need to use this if you are not using\na JavaScript framework. Otherwise, you can just\nset the props directly on your component.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "{ [key: string]: any; }"
-              }
-            },
-            {
-              "name": "event",
-              "description": "The event to pass to the popover animation.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "Event"
-              }
-            },
-            {
-              "name": "open",
-              "description": "If `true`, the popover will open. If `false`, the popover will close.\nUse this if you need finer grained control over presentation, otherwise\njust use the popoverController or the `trigger` property.\nNote: `open` will not automatically be set back to `false` when\nthe popover dismisses. You will need to do that in your code.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "show-backdrop",
-              "description": "If `true`, a backdrop will be displayed behind the popover.\nThis property controls whether or not the backdrop\ndarkens the screen when the popover is presented.\nIt does not control whether or not the backdrop\nis active or present in the DOM.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "trigger",
-              "description": "An ID corresponding to the trigger element that\ncauses the popover to open. Use the `trigger-action`\nproperty to customize the interaction that results in\nthe popover opening.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "trigger-action",
-              "description": "Describes what kind of interaction with the trigger that\nshould cause the popover to open. Does not apply when the `trigger`\nproperty is `undefined`.\nIf `\"click\"`, the popover will be presented when the trigger is left clicked.\nIf `\"hover\"`, the popover will be presented when a pointer hovers over the trigger.\nIf `\"context-menu\"`, the popover will be presented when the trigger is right\nclicked on desktop and long pressed on mobile. This will also prevent your\ndevice's normal context menu from appearing.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"click\" | \"context-menu\" | \"hover\""
-              }
-            }
-          ],
-          "slots": [],
-          "events": [
-            {
-              "name": "didDismiss",
-              "description": "Emitted after the popover has dismissed.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "void"
-                }
-              ]
-            },
-            {
-              "name": "didPresent",
-              "description": "Emitted after the popover has presented.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "void"
-                }
-              ]
-            },
-            {
-              "name": "willDismiss",
-              "description": "Emitted before the popover has dismissed.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "void"
-                }
-              ]
-            },
-            {
-              "name": "willPresent",
-              "description": "Emitted before the popover has presented.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "void"
-                }
-              ]
-            }
-          ]
-        },
-        {
-          "name": "PopProgress",
-          "doc-url": "https://poppy-ui.com/docs/api/progress",
-          "description": "Progress bar can be used to show the progress of a task or to show the passing of time.",
-          "source": {
-            "module": "@poppy-ui/core/src/components/progress/progress.d.ts",
-            "symbol": "Progress"
-          },
-          "attributes": [
-            {
-              "name": "color",
-              "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"accent\"`, `\"info\"`, `\"success\"`, `\"warning\"`, `\"error\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"accent\" | \"error\" | \"info\" | \"primary\" | \"secondary\" | \"success\" | \"warning\""
-              }
-            },
-            {
-              "name": "max",
-              "description": "",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "number"
-              }
-            },
-            {
-              "name": "value",
-              "description": "The value of a progress is analogous to the value of a `<progress>`",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "number"
-              }
-            }
-          ],
-          "slots": [],
-          "events": []
-        },
-        {
-          "name": "PopRadio",
-          "doc-url": "https://poppy-ui.com/docs/api/radio",
-          "description": "Radio buttons allow the user to select one option from a set.",
-          "source": {
-            "module": "@poppy-ui/core/src/components/radio/radio.d.ts",
-            "symbol": "Radio"
-          },
-          "attributes": [
-            {
-              "name": "auto-focus",
-              "description": "If `true`, the element will be focused on page load.",
-              "required": false,
-              "default": "false",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "checked",
-              "description": "If `true`, the radio is selected.",
-              "required": false,
-              "default": "false",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "color",
-              "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"accent\"`, `\"info\"`, `\"success\"`, `\"warning\"`, `\"error\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"accent\" | \"error\" | \"info\" | \"primary\" | \"secondary\" | \"success\" | \"warning\""
-              }
-            },
-            {
-              "name": "disabled",
-              "description": "If `true`, the user cannot interact with the element.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "size",
-              "description": "Change size of the component\nOptions are: `\"xs\"`, `\"sm\"`, `\"md\"`, `\"lg\"`.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"lg\" | \"md\" | \"sm\" | \"xs\""
-              }
-            },
-            {
-              "name": "value",
-              "description": "The value of the radio does not mean if it's checked or not, use the `checked`\nproperty for that.\n\nThe value of a radio is analogous to the value of a `<input type=\"radio\">`,\nit's only used when the radio participates in a native `<form>`.",
-              "required": false,
-              "default": "''",
-              "value": {
-                "kind": "expression",
-                "type": "any"
-              }
-            }
-          ],
-          "slots": [
-            {
-              "name": "default",
-              "description": "Slot for the content of the label"
-            }
-          ],
-          "events": [
-            {
-              "name": "popBlur",
-              "description": "Emitted when the input loses focus.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "void"
-                }
-              ]
-            },
-            {
-              "name": "popFocus",
-              "description": "Emitted when the input has focus.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "void"
-                }
-              ]
-            }
-          ]
-        },
-        {
-          "name": "PopRadioGroup",
-          "doc-url": "https://poppy-ui.com/docs/api/radio-group",
-          "description": "",
-          "source": {
-            "module": "@poppy-ui/core/src/components/radio-group/radio-group.d.ts",
-            "symbol": "RadioGroup"
-          },
-          "attributes": [
-            {
-              "name": "allow-empty",
-              "description": "If `true`, the radios can be deselected.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "compare",
-              "description": "This property allows developers to specify a custom function\nfor comparing objects when determining the selected option in the\nion-radio-group. When not specified, the default behavior will use strict\nequality (===) for comparison.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "((currentValue: any, newValue: any) => boolean) | string"
-              }
-            },
-            {
-              "name": "disabled",
-              "description": "If `true`, apply the disabled property to every `pop-radio`.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "name",
-              "description": "The name of the control, which is submitted with the form data.",
-              "required": false,
-              "default": "this.inputId",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "readonly",
-              "description": "If `true`, apply the readonly property to every `pop-radio`.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "required",
-              "description": "If `true`, apply the required property to every `pop-radio`.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "value",
-              "description": "the value of the radio group.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "any"
-              }
-            }
-          ],
-          "slots": [
-            {
-              "name": "default",
-              "description": "Slot for all of the `pop-radio`"
-            }
-          ],
-          "events": [
-            {
-              "name": "popChange",
-              "description": "The `popChange` event is fired when the user select an option.\nUnlike the ionInput event, the `popChange` event is fired when the user click on the element.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "RadioGroupChangeEventDetail<any>"
-                }
-              ]
-            }
-          ]
-        },
-        {
-          "name": "PopRange",
-          "doc-url": "https://poppy-ui.com/docs/api/range",
-          "description": "Range slider is used to select a value by sliding a handle.",
-          "source": {
-            "module": "@poppy-ui/core/src/components/range/range.d.ts",
-            "symbol": "Range"
-          },
-          "attributes": [
-            {
-              "name": "auto-focus",
-              "description": "If `true`, the element will be focused on page load.",
-              "required": false,
-              "default": "false",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "color",
-              "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"accent\"`, `\"ghost\"`, `\"info\"`, `\"success\"`, `\"warning\"`, `\"error\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"accent\" | \"error\" | \"ghost\" | \"info\" | \"primary\" | \"secondary\" | \"success\" | \"warning\""
-              }
-            },
-            {
-              "name": "debounce",
-              "description": "Set the amount of time, in milliseconds, to wait to trigger the ionInput event after each keystroke.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "number"
-              }
-            },
-            {
-              "name": "disabled",
-              "description": "If `true`, the user cannot interact with the element.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "max",
-              "description": "The maximum value, which must not be less than its minimum (min attribute) value.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "number"
-              }
-            },
-            {
-              "name": "min",
-              "description": "The minimum value, which must not be greater than its maximum (max attribute) value.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "number"
-              }
-            },
-            {
-              "name": "name",
-              "description": "The name of the control, which is submitted with the form data.",
-              "required": false,
-              "default": "this.inputId",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "required",
-              "description": "If `true`, the user must fill in a value before submitting a form.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "size",
-              "description": "Change size of the component\nOptions are: `\"xs\"`, `\"sm\"`, `\"md\"`, `\"lg\"`.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"lg\" | \"md\" | \"sm\" | \"xs\""
-              }
-            },
-            {
-              "name": "step",
-              "description": "Works with the min and max attributes to limit the increments at which a value can be set.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "number"
-              }
-            },
-            {
-              "name": "value",
-              "description": "The value of the toggle does not mean if it's checked or not, use the `checked`\nproperty for that.\n\nThe value of a toggle is analogous to the value of a `<input type=\"checkbox\">`,\nit's only used when the toggle participates in a native `<form>`.",
-              "required": false,
-              "default": "null",
-              "value": {
-                "kind": "expression",
-                "type": "number"
-              }
-            }
-          ],
-          "slots": [],
-          "events": [
-            {
-              "name": "popBlur",
-              "description": "Emitted when the input loses focus.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "void"
-                }
-              ]
-            },
-            {
-              "name": "popChange",
-              "description": "The `popChange` event is fired when the user modifies the input's value.\nUnlike the popInput event, the `popChange` event is fired when the element loses focus after its value has been modified.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "RangeChangeEventDetail"
-                }
-              ]
-            },
-            {
-              "name": "popFocus",
-              "description": "Emitted when the input has focus.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "void"
-                }
-              ]
-            }
-          ]
-        },
-        {
-          "name": "PopSelect",
-          "doc-url": "https://poppy-ui.com/docs/api/select",
-          "description": "Select is used to pick a value from a list of options.",
-          "source": {
-            "module": "@poppy-ui/core/src/components/select/select.d.ts",
-            "symbol": "Select"
-          },
-          "attributes": [
-            {
-              "name": "auto-focus",
-              "description": "If `true`, the element will be focused on page load.",
-              "required": false,
-              "default": "false",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "bordered",
-              "description": "if `true`, adds border to select when `color` property is not set.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "color",
-              "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"accent\"`, `\"ghost\"`, `\"info\"`, `\"success\"`, `\"warning\"`, `\"error\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"accent\" | \"error\" | \"ghost\" | \"info\" | \"primary\" | \"secondary\" | \"success\" | \"warning\""
-              }
-            },
-            {
-              "name": "compare",
-              "description": "This property allows developers to specify a custom function\nfor comparing objects when determining the selected option in the\nion-radio-group. When not specified, the default behavior will use strict\nequality (===) for comparison.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "((currentValue: any, newValue: any) => boolean) | string"
-              }
-            },
-            {
-              "name": "disabled",
-              "description": "If `true`, the user cannot interact with the element.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "helper-text",
-              "description": "Text that is placed under the select and displayed when no error is detected.",
-              "required": false,
-              "default": "''",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "max",
-              "description": "Only apply when `multiple` property is used.\nThe maximum amount of values that can be selected, which must not be less than its minimum (min attribute) value.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "number"
-              }
-            },
-            {
-              "name": "min",
-              "description": "Only apply when `multiple` property is used.\nThe minimum amount of values that can be selected, which must not be greater than its maximum (max attribute) value.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "number"
-              }
-            },
-            {
-              "name": "multiple",
-              "description": "If `true`, the user can select more than one value.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "name",
-              "description": "The name of the control, which is submitted with the form data.",
-              "required": false,
-              "default": "this.inputId",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "not-enough-error-text",
-              "description": "Only apply when `multiple` property is used.\nText that is placed under the select and displayed when the amount of selected option is below of the `min` property.",
-              "required": false,
-              "default": "''",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "placeholder",
-              "description": "Instructional text that shows before the input has a value.\n\nThis property replace the `<option disabled selected>`",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "readonly",
-              "description": "If `true`, the user cannot modify the value.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "required",
-              "description": "If `true`, the user must fill in a value before submitting a form.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "size",
-              "description": "Change size of the component\nOptions are: `\"xs\"`, `\"sm\"`, `\"md\"`, `\"lg\"`.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"lg\" | \"md\" | \"sm\" | \"xs\""
-              }
-            },
-            {
-              "name": "too-many-error-text",
-              "description": "Only apply when `multiple` property is used.\nText that is placed under the select and displayed when the amount of selected option is greater of the `max` property.",
-              "required": false,
-              "default": "''",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "value",
-              "description": "The value of a select is analogous to the value of a `<select>`,\nit's only used when the toggle participates in a native `<form>`.",
-              "required": false,
-              "default": "null",
-              "value": {
-                "kind": "expression",
-                "type": "any"
-              }
-            }
-          ],
-          "slots": [
-            {
-              "name": "default",
-              "description": "Slot for the `pop-select-option`"
-            },
-            {
-              "name": "label",
-              "description": "Slot for the content of the label"
-            }
-          ],
-          "events": [
-            {
-              "name": "didDismiss",
-              "description": "Emitted when the overlay is dismissed.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "void"
-                }
-              ]
-            },
-            {
-              "name": "didPresent",
-              "description": "Emitted when the overlay is presented.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "void"
-                }
-              ]
-            },
-            {
-              "name": "popBlur",
-              "description": "Emitted when the input loses focus.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "void"
-                }
-              ]
-            },
-            {
-              "name": "popChange",
-              "description": "The `popChange` event is fired when the user modifies the select's value.\nUnlike the ionInput event, the `popChange` event is fired when the element loses focus after its value has been modified.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "SelectChangeEventDetail<any>"
-                }
-              ]
-            },
-            {
-              "name": "popFocus",
-              "description": "Emitted when the input has focus.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "void"
-                }
-              ]
-            }
-          ]
-        },
-        {
-          "name": "PopSelectOption",
-          "doc-url": "https://poppy-ui.com/docs/api/select-option",
-          "description": "",
-          "source": {
-            "module": "@poppy-ui/core/src/components/select-option/select-option.d.ts",
-            "symbol": "SelectOption"
-          },
-          "attributes": [
-            {
-              "name": "disabled",
-              "description": "If `true`, the user cannot interact with the select option. This property does not apply when `interface=\"action-sheet\"` as `ion-action-sheet` does not allow for disabled buttons.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "value",
-              "description": "The text value of the option.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "any"
-              }
-            }
-          ],
-          "slots": [],
-          "events": []
-        },
-        {
-          "name": "PopSwap",
-          "doc-url": "https://poppy-ui.com/docs/api/swap",
-          "description": "Swap allows you to toggle the visibility of two elements.",
-          "source": {
-            "module": "@poppy-ui/core/src/components/swap/swap.d.ts",
-            "symbol": "Swap"
-          },
-          "attributes": [
-            {
-              "name": "active",
-              "description": "Activates the swap.\nShow whats inside the slot `on`",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "type",
-              "description": "Choose what animation is used on click.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"flip\" | \"rotate\""
-              }
-            }
-          ],
-          "slots": [
-            {
-              "name": "off",
-              "description": "Slot for element when the swap is inactive"
-            },
-            {
-              "name": "on",
-              "description": "Slot for element when the swap is active"
-            }
-          ],
-          "events": [
-            {
-              "name": "on",
-              "description": "Emitted when the swap active attribut change",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "SwapChangeEventDetail"
-                }
-              ]
-            }
-          ]
-        },
-        {
-          "name": "PopTextarea",
-          "doc-url": "https://poppy-ui.com/docs/api/textarea",
-          "description": "Textarea allows users to enter text in multiple lines.",
-          "source": {
-            "module": "@poppy-ui/core/src/components/textarea/textarea.d.ts",
-            "symbol": "Textarea"
-          },
-          "attributes": [
-            {
-              "name": "auto-capitalize",
-              "description": "This features work only on mobile and tablet devices.\nBy default the User Agent and input make their own determination.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"characters\" | \"none\" | \"off\" | \"on\" | \"sentences\" | \"words\""
-              }
-            },
-            {
-              "name": "auto-focus",
-              "description": "If `true`, the element will be focused on page load.",
-              "required": false,
-              "default": "false",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "bordered",
-              "description": "if `true`, adds border to textarea when `color` property is not set.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "color",
-              "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"accent\"`, `\"ghost\"`, `\"info\"`, `\"success\"`, `\"warning\"`, `\"error\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"accent\" | \"error\" | \"ghost\" | \"info\" | \"primary\" | \"secondary\" | \"success\" | \"warning\""
-              }
-            },
-            {
-              "name": "cols",
-              "description": "The visible width of the text control, in average character widths.\nIf it is specified, it must be a positive integer.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "number"
-              }
-            },
-            {
-              "name": "counter",
-              "description": "If `true`, a character counter will display the ratio of characters used and the total character limit.\nDevelopers must also set the `maxlength` property for the counter to be calculated correctly.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "counterFormatter",
-              "description": "A callback used to format the counter text.\nBy default the counter text is set to \"itemLength / maxLength\".",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "(inputLength: number, maxLength: number) => string"
-              }
-            },
-            {
-              "name": "debounce",
-              "description": "Set the amount of time, in milliseconds, to wait to trigger the ionInput event after each keystroke.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "number"
-              }
-            },
-            {
-              "name": "disabled",
-              "description": "If `true`, the user cannot interact with the element.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "enterkeyhint",
-              "description": "A hint to the browser for which keyboard to display.\nThat specifies what action label (or icon) to present for the enter key on virtual keyboards.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"done\" | \"enter\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\""
-              }
-            },
-            {
-              "name": "error-text",
-              "description": "Text that is placed under the textarea and displayed when an error is detected.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "helper-text",
-              "description": "Text that is placed under the textarea and displayed when no error is detected.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "keyboard",
-              "description": "A hint to the browser for which virtual keyboard to display.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"decimal\" | \"email\" | \"none\" | \"numeric\" | \"search\" | \"tel\" | \"text\" | \"url\""
-              }
-            },
-            {
-              "name": "max-length",
-              "description": "This attribute specifies the maximum number of characters that the user can enter.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "number"
-              }
-            },
-            {
-              "name": "min-length",
-              "description": "This attribute specifies the minimum number of characters that the user can enter.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "number"
-              }
-            },
-            {
-              "name": "name",
-              "description": "The name of the control, which is submitted with the form data.",
-              "required": false,
-              "default": "this.inputId",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "placeholder",
-              "description": "Instructional text that shows before the input has a value.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "readonly",
-              "description": "If `true`, the user cannot modify the value.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "required",
-              "description": "If `true`, the user must fill in a value before submitting a form.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "rows",
-              "description": "The number of visible text lines for the control.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "number"
-              }
-            },
-            {
-              "name": "size",
-              "description": "Change size of the component\nOptions are: `\"xs\"`, `\"sm\"`, `\"md\"`, `\"lg\"`.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"lg\" | \"md\" | \"sm\" | \"xs\""
-              }
-            },
-            {
-              "name": "spellcheck",
-              "description": "If `true`, the element will have its spelling and grammar checked.\nBy default the User Agent make their own default behavior.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "value",
-              "description": "The value of the textarea.",
-              "required": false,
-              "default": "''",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "wrap",
-              "description": "Indicates how the control wraps text.\n\nIf wrap attribute is in the `hard` state, the `cols` property must be specified.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"hard\" | \"soft\""
-              }
-            }
-          ],
-          "slots": [
-            {
-              "name": "default",
-              "description": "Slot for the content of the label"
-            }
-          ],
-          "events": [
-            {
-              "name": "popBlur",
-              "description": "Emitted when the input loses focus.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "void"
-                }
-              ]
-            },
-            {
-              "name": "popChange",
-              "description": "The `popChange` event is fired when the user modifies the textarea's value.\nUnlike the ionInput event, the `popChange` event is fired when the element loses focus after its value has been modified.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "TextareaChangeEventDetail"
-                }
-              ]
-            },
-            {
-              "name": "popFocus",
-              "description": "Emitted when the input has focus.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "void"
-                }
-              ]
-            },
-            {
-              "name": "popInput",
-              "description": "The `popInput` event is fired each time the user modifies the textarea's value.\nUnlike the `popChange` event, the `popInput` event is fired for each alteration to the textarea's value.\nThis typically happens for each keystroke as the user types.\n\nThis event can be debouced by the `debounce` property.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "TextareaInputEventDetail"
-                }
-              ]
-            }
-          ]
-        },
-        {
-          "name": "PopToggle",
-          "doc-url": "https://poppy-ui.com/docs/api/toggle",
-          "description": "Toggle is a checkbox that is styled to look like a switch button.",
-          "source": {
-            "module": "@poppy-ui/core/src/components/toggle/toggle.d.ts",
-            "symbol": "Toggle"
-          },
-          "attributes": [
-            {
-              "name": "checked",
-              "description": "If `true`, the toggle is selected.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "color",
-              "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"accent\"`, `\"ghost\"`, `\"info\"`, `\"success\"`, `\"warning\"`, `\"error\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"accent\" | \"error\" | \"ghost\" | \"info\" | \"primary\" | \"secondary\" | \"success\" | \"warning\""
-              }
-            },
-            {
-              "name": "disabled",
-              "description": "If true, the user cannot interact with the native element.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "indeterminate",
-              "description": "If a developer want to use `indeterminate`, `checked` property should be set to `false`",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "name",
-              "description": "The name of the control, which is submitted with the form data.",
-              "required": false,
-              "default": "this.inputId",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "readonly",
-              "description": "If `true`, the user cannot modify the value.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "required",
-              "description": "If `true`, the user must fill in a value before submitting a form.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "size",
-              "description": "Change size of the component\nOptions are: `\"xs\"`, `\"sm\"`, `\"md\"`, `\"lg\"`.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"lg\" | \"md\" | \"sm\" | \"xs\""
-              }
-            },
-            {
-              "name": "value",
-              "description": "The value of the toggle does not mean if it's checked or not, use the `checked`\nproperty for that.\n\nThe value of a toggle is analogous to the value of a `<input type=\"checkbox\">`,\nit's only used when the toggle participates in a native `<form>`.",
-              "required": false,
-              "default": "'on'",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            }
-          ],
-          "slots": [
-            {
-              "name": "default",
-              "description": "Slot for the content of the label"
-            }
-          ],
-          "events": [
-            {
-              "name": "popBlur",
-              "description": "Emitted when the input loses focus.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "void"
-                }
-              ]
-            },
-            {
-              "name": "popChange",
-              "description": "Emitted when the input checked attribut change",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "ToggleChangeEventDetail<any>"
-                }
-              ]
-            },
-            {
-              "name": "popFocus",
-              "description": "Emitted when the input has focus.",
-              "arguments": [
-                {
-                  "name": "detail",
-                  "type": "void"
-                }
-              ]
-            }
-          ]
-        },
-        {
-          "name": "PopTooltip",
-          "doc-url": "https://poppy-ui.com/docs/api/tooltip",
-          "description": "Tooltip can be used to show a message when hovering over an element.",
-          "source": {
-            "module": "@poppy-ui/core/src/components/tooltip/tooltip.d.ts",
-            "symbol": "Tooltip"
-          },
-          "attributes": [
-            {
-              "name": "color",
-              "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"accent\"`, `\"info\"`, `\"success\"`, `\"warning\"`, `\"error\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"accent\" | \"error\" | \"info\" | \"primary\" | \"secondary\" | \"success\" | \"warning\""
-              }
-            },
-            {
-              "name": "open",
-              "description": "Force open tooltip",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "position",
-              "description": "Define the position of tooltip\nBy default the tootip appear on top",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "\"bottom\" | \"left\" | \"right\" | \"top\""
-              }
-            },
-            {
-              "name": "value",
-              "description": "Text to show on hover",
-              "required": true,
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            }
-          ],
-          "slots": [
-            {
-              "name": "default",
-              "description": "Slot for the content of the tooltip"
-            }
-          ],
-          "events": []
-        }
-      ]
-    }
-  }
-}