@redvars/peacock 3.1.1 → 3.1.3

package/dist/custom-elements-jsdocs.json

@@ -0,0 +1,1211 @@
+[
+  {
+    "rawTag": "avatar",
+    "label": "Avatar",
+    "jsdoc": {
+      "@label": [
+        {
+          "kind": "text",
+          "text": "Avatar"
+        }
+      ],
+      "@tag": [
+        {
+          "kind": "text",
+          "text": "p-avatar"
+        }
+      ],
+      "@rawTag": [
+        {
+          "kind": "text",
+          "text": "avatar"
+        }
+      ],
+      "@summary": [
+        {
+          "kind": "text",
+          "text": "The Avatar component is used to represent user, and displays the profile picture, initials or fallback icon."
+        }
+      ],
+      "@cssprop": [
+        {
+          "kind": "text",
+          "text": "--avatar-text-color - Controls the color of the text inside the avatar."
+        }
+      ],
+      "@example": [
+        {
+          "kind": "code",
+          "text": "```html\n<p-avatar name=\"Shivaji Varma\" src=\"https://peacock.redvars.com/assets/img/avatar.webp\"></p-avatar>\n```"
+        }
+      ],
+      "@tags": [
+        {
+          "kind": "text",
+          "text": "display"
+        }
+      ]
+    },
+    "customElement": {
+      "kind": "class",
+      "description": "",
+      "name": "Avatar",
+      "cssProperties": [
+        {
+          "description": "Controls the border radius of the avatar.",
+          "name": "--avatar-border-radius"
+        },
+        {
+          "description": "Controls the color of the avatar.",
+          "name": "--avatar-background-color"
+        },
+        {
+          "description": "Controls the size of the avatar.",
+          "name": "--avatar-size"
+        },
+        {
+          "description": "Controls the color of the text inside the avatar.",
+          "name": "--avatar-text-color"
+        }
+      ],
+      "members": [
+        {
+          "kind": "field",
+          "name": "name",
+          "type": {
+            "text": "string"
+          },
+          "default": "''",
+          "attribute": "name",
+          "reflects": true
+        },
+        {
+          "kind": "field",
+          "name": "src",
+          "type": {
+            "text": "string | undefined"
+          },
+          "attribute": "src",
+          "reflects": true
+        },
+        {
+          "kind": "method",
+          "name": "__getInitials",
+          "privacy": "private"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "name",
+          "type": {
+            "text": "string"
+          },
+          "default": "''",
+          "fieldName": "name"
+        },
+        {
+          "name": "src",
+          "type": {
+            "text": "string | undefined"
+          },
+          "fieldName": "src"
+        }
+      ],
+      "superclass": {
+        "name": "LitElement",
+        "package": "lit"
+      },
+      "tagName": "p-avatar",
+      "customElement": true,
+      "summary": "The Avatar component is used to represent user, and displays the profile picture, initials or fallback icon.",
+      "rawTag": {
+        "name": "avatar",
+        "description": ""
+      }
+    }
+  },
+  {
+    "rawTag": "badge",
+    "label": "Badge",
+    "jsdoc": {
+      "@label": [
+        {
+          "kind": "text",
+          "text": "Badge"
+        }
+      ],
+      "@tag": [
+        {
+          "kind": "text",
+          "text": "p-badge"
+        }
+      ],
+      "@rawTag": [
+        {
+          "kind": "text",
+          "text": "badge"
+        }
+      ],
+      "@summary": [
+        {
+          "kind": "text",
+          "text": "The badge component is used to display a small amount of information to the user."
+        }
+      ],
+      "@cssprop": [
+        {
+          "kind": "text",
+          "text": "--badge-color - Controls the color of the badge."
+        }
+      ],
+      "@example": [
+        {
+          "kind": "code",
+          "text": "```html\n<p-badge>1</p-badge>\n```"
+        }
+      ],
+      "@tags": [
+        {
+          "kind": "text",
+          "text": "display"
+        }
+      ]
+    },
+    "customElement": {
+      "kind": "class",
+      "description": "",
+      "name": "Badge",
+      "cssProperties": [
+        {
+          "description": "Controls the color of the badge.",
+          "name": "--badge-color"
+        }
+      ],
+      "members": [
+        {
+          "kind": "field",
+          "name": "name",
+          "type": {
+            "text": "string"
+          },
+          "default": "''",
+          "attribute": "name",
+          "reflects": true
+        },
+        {
+          "kind": "field",
+          "name": "src",
+          "type": {
+            "text": "string | undefined"
+          },
+          "attribute": "src",
+          "reflects": true
+        },
+        {
+          "kind": "field",
+          "name": "slotHasContent",
+          "type": {
+            "text": "boolean"
+          },
+          "default": "false"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "name",
+          "type": {
+            "text": "string"
+          },
+          "default": "''",
+          "fieldName": "name"
+        },
+        {
+          "name": "src",
+          "type": {
+            "text": "string | undefined"
+          },
+          "fieldName": "src"
+        }
+      ],
+      "superclass": {
+        "name": "LitElement",
+        "package": "lit"
+      },
+      "tagName": "p-badge",
+      "customElement": true,
+      "summary": "The badge component is used to display a small amount of information to the user.",
+      "rawTag": {
+        "name": "badge",
+        "description": ""
+      }
+    }
+  },
+  {
+    "rawTag": "button",
+    "label": "Button",
+    "jsdoc": {
+      "@label": [
+        {
+          "kind": "text",
+          "text": "Button"
+        }
+      ],
+      "@tag": [
+        {
+          "kind": "text",
+          "text": "p-button"
+        }
+      ],
+      "@rawTag": [
+        {
+          "kind": "text",
+          "text": "button"
+        }
+      ],
+      "@summary": [
+        {
+          "kind": "text",
+          "text": "Buttons help people initiate actions, from sending an email, to sharing a document, to liking a post."
+        }
+      ],
+      "@overview": [
+        {
+          "kind": "text",
+          "text": "<p>Buttons are clickable elements that are used to trigger actions. They communicate calls to action to the user and allow users to interact with pages in a variety of ways. Button labels express what action will occur when the user interacts with it.</p>"
+        }
+      ],
+      "@cssprop": [
+        {
+          "kind": "text",
+          "text": "--divider-padding - Controls the padding of the divider."
+        }
+      ],
+      "@example": [
+        {
+          "kind": "code",
+          "text": "```html\n<pc-button>Button</pc-button>\n```"
+        }
+      ],
+      "@tags": [
+        {
+          "kind": "text",
+          "text": "display"
+        }
+      ]
+    },
+    "customElement": {
+      "kind": "class",
+      "description": "",
+      "name": "Button",
+      "cssProperties": [
+        {
+          "description": "Controls the color of the divider.",
+          "name": "--divider-color"
+        },
+        {
+          "description": "Controls the padding of the divider.",
+          "name": "--divider-padding"
+        }
+      ],
+      "members": [
+        {
+          "kind": "field",
+          "name": "#id",
+          "privacy": "private"
+        },
+        {
+          "kind": "field",
+          "name": "#tabindex",
+          "privacy": "private",
+          "type": {
+            "text": "number | undefined"
+          },
+          "default": "0"
+        },
+        {
+          "kind": "field",
+          "name": "buttonElement",
+          "type": {
+            "text": "HTMLElement | null"
+          },
+          "privacy": "private",
+          "readonly": true
+        },
+        {
+          "kind": "field",
+          "name": "htmlType",
+          "type": {
+            "text": "'button' | 'submit' | 'reset'"
+          },
+          "default": "'button'",
+          "attribute": "htmlType"
+        },
+        {
+          "kind": "field",
+          "name": "variant",
+          "type": {
+            "text": "| 'elevated'\n    | 'filled'\n    | 'tonal'\n    | 'outlined'\n    | 'text'\n    | 'neo'"
+          },
+          "default": "'filled'",
+          "description": "The visual style of the button.\n\n Possible variant values:\n`\"filled\"` is a filled button.\n`\"outlined\"` is an outlined button.\n`\"text\"` is a transparent button.\n`\"tonal\"` is a light color button.",
+          "attribute": "variant"
+        },
+        {
+          "kind": "field",
+          "name": "size",
+          "type": {
+            "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
+          },
+          "default": "'sm'",
+          "description": "Button size.\nPossible values are `\"sm\"`, `\"md\"`, `\"lg\"`. Defaults to `\"md\"`.",
+          "attribute": "size"
+        },
+        {
+          "kind": "field",
+          "name": "disabled",
+          "type": {
+            "text": "boolean"
+          },
+          "default": "false",
+          "description": "If true, the user cannot interact with the button. Defaults to `false`.",
+          "attribute": "disabled",
+          "reflects": true
+        },
+        {
+          "kind": "field",
+          "name": "softDisabled",
+          "type": {
+            "text": "boolean"
+          },
+          "default": "false",
+          "description": "If true, the user cannot interact with the button and the button is visually styled as disabled. But the button is still focusable. Defaults to `false`.",
+          "attribute": "softDisabled",
+          "reflects": true
+        },
+        {
+          "kind": "field",
+          "name": "disabledReason",
+          "type": {
+            "text": "string"
+          },
+          "default": "''",
+          "description": "If button is disabled, the reason why it is disabled.",
+          "attribute": "disabledReason"
+        },
+        {
+          "kind": "field",
+          "name": "color",
+          "type": {
+            "text": "| 'primary'\n    | 'secondary'\n    | 'success'\n    | 'danger'\n    | 'warning'\n    | 'white'\n    | 'black'"
+          },
+          "default": "'primary'",
+          "description": "Defines the primary color of the button. This can be set to predefined color names to apply specific color themes.",
+          "attribute": "color",
+          "reflects": true
+        },
+        {
+          "kind": "field",
+          "name": "iconAlign",
+          "type": {
+            "text": "'start' | 'end'"
+          },
+          "default": "'end'",
+          "description": "Icon alignment.\nPossible values are `\"start\"`, `\"end\"`. Defaults to `\"end\"`.",
+          "attribute": "iconAlign"
+        },
+        {
+          "kind": "field",
+          "name": "href",
+          "type": {
+            "text": "string | undefined"
+          },
+          "description": "Hyperlink to navigate to on click.",
+          "attribute": "href",
+          "reflects": true
+        },
+        {
+          "kind": "field",
+          "name": "configAria",
+          "type": {
+            "text": "{ [key: string]: any } | undefined"
+          },
+          "attribute": "configAria",
+          "reflects": true
+        },
+        {
+          "kind": "field",
+          "name": "target",
+          "type": {
+            "text": "string"
+          },
+          "default": "'_self'",
+          "description": "Sets or retrieves the window or frame at which to target content.",
+          "attribute": "target"
+        },
+        {
+          "kind": "field",
+          "name": "selected",
+          "type": {
+            "text": "boolean"
+          },
+          "default": "false",
+          "attribute": "selected"
+        },
+        {
+          "kind": "field",
+          "name": "throttleDelay",
+          "type": {
+            "text": "number"
+          },
+          "default": "200",
+          "description": "Sets the delay for throttle in milliseconds. Defaults to 200 milliseconds.",
+          "attribute": "throttleDelay"
+        },
+        {
+          "kind": "field",
+          "name": "isPressed",
+          "type": {
+            "text": "boolean"
+          },
+          "privacy": "private",
+          "default": "false",
+          "description": "States"
+        },
+        {
+          "kind": "field",
+          "name": "slotHasContent",
+          "type": {
+            "text": "boolean"
+          },
+          "privacy": "private",
+          "default": "false"
+        },
+        {
+          "kind": "method",
+          "name": "focus"
+        },
+        {
+          "kind": "method",
+          "name": "blur"
+        },
+        {
+          "kind": "field",
+          "name": "__dispatchClickWithThrottle",
+          "type": {
+            "text": "(\n    event: MouseEvent | KeyboardEvent,\n  ) => void"
+          },
+          "privacy": "private"
+        },
+        {
+          "kind": "field",
+          "name": "__dispatchClick"
+        },
+        {
+          "kind": "method",
+          "name": "__renderDisabledReason"
+        },
+        {
+          "kind": "field",
+          "name": "__handlePress"
+        },
+        {
+          "kind": "method",
+          "name": "__isLink",
+          "privacy": "private"
+        },
+        {
+          "kind": "method",
+          "name": "getVariant"
+        },
+        {
+          "kind": "method",
+          "name": "renderButtonContent"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "htmlType",
+          "type": {
+            "text": "'button' | 'submit' | 'reset'"
+          },
+          "default": "'button'",
+          "fieldName": "htmlType"
+        },
+        {
+          "name": "variant",
+          "type": {
+            "text": "| 'elevated'\n    | 'filled'\n    | 'tonal'\n    | 'outlined'\n    | 'text'\n    | 'neo'"
+          },
+          "default": "'filled'",
+          "description": "The visual style of the button.\n\n Possible variant values:\n`\"filled\"` is a filled button.\n`\"outlined\"` is an outlined button.\n`\"text\"` is a transparent button.\n`\"tonal\"` is a light color button.",
+          "fieldName": "variant"
+        },
+        {
+          "name": "size",
+          "type": {
+            "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
+          },
+          "default": "'sm'",
+          "description": "Button size.\nPossible values are `\"sm\"`, `\"md\"`, `\"lg\"`. Defaults to `\"md\"`.",
+          "fieldName": "size"
+        },
+        {
+          "name": "disabled",
+          "type": {
+            "text": "boolean"
+          },
+          "default": "false",
+          "description": "If true, the user cannot interact with the button. Defaults to `false`.",
+          "fieldName": "disabled"
+        },
+        {
+          "name": "softDisabled",
+          "type": {
+            "text": "boolean"
+          },
+          "default": "false",
+          "description": "If true, the user cannot interact with the button and the button is visually styled as disabled. But the button is still focusable. Defaults to `false`.",
+          "fieldName": "softDisabled"
+        },
+        {
+          "name": "disabledReason",
+          "type": {
+            "text": "string"
+          },
+          "default": "''",
+          "description": "If button is disabled, the reason why it is disabled.",
+          "fieldName": "disabledReason"
+        },
+        {
+          "name": "color",
+          "type": {
+            "text": "| 'primary'\n    | 'secondary'\n    | 'success'\n    | 'danger'\n    | 'warning'\n    | 'white'\n    | 'black'"
+          },
+          "default": "'primary'",
+          "description": "Defines the primary color of the button. This can be set to predefined color names to apply specific color themes.",
+          "fieldName": "color"
+        },
+        {
+          "name": "iconAlign",
+          "type": {
+            "text": "'start' | 'end'"
+          },
+          "default": "'end'",
+          "description": "Icon alignment.\nPossible values are `\"start\"`, `\"end\"`. Defaults to `\"end\"`.",
+          "fieldName": "iconAlign"
+        },
+        {
+          "name": "href",
+          "type": {
+            "text": "string | undefined"
+          },
+          "description": "Hyperlink to navigate to on click.",
+          "fieldName": "href"
+        },
+        {
+          "name": "configAria",
+          "type": {
+            "text": "{ [key: string]: any } | undefined"
+          },
+          "fieldName": "configAria"
+        },
+        {
+          "name": "target",
+          "type": {
+            "text": "string"
+          },
+          "default": "'_self'",
+          "description": "Sets or retrieves the window or frame at which to target content.",
+          "fieldName": "target"
+        },
+        {
+          "name": "selected",
+          "type": {
+            "text": "boolean"
+          },
+          "default": "false",
+          "fieldName": "selected"
+        },
+        {
+          "name": "throttleDelay",
+          "type": {
+            "text": "number"
+          },
+          "default": "200",
+          "description": "Sets the delay for throttle in milliseconds. Defaults to 200 milliseconds.",
+          "fieldName": "throttleDelay"
+        }
+      ],
+      "superclass": {
+        "name": "LitElement",
+        "package": "lit"
+      },
+      "tagName": "p-button",
+      "customElement": true,
+      "summary": "Buttons help people initiate actions, from sending an email, to sharing a document, to liking a post.",
+      "rawTag": {
+        "name": "button",
+        "description": ""
+      }
+    }
+  },
+  {
+    "rawTag": "clock",
+    "label": "Clock",
+    "jsdoc": {
+      "@label": [
+        {
+          "kind": "text",
+          "text": "Clock"
+        }
+      ],
+      "@tag": [
+        {
+          "kind": "text",
+          "text": "p-clock"
+        }
+      ],
+      "@rawTag": [
+        {
+          "kind": "text",
+          "text": "clock"
+        }
+      ],
+      "@summary": [
+        {
+          "kind": "text",
+          "text": "Displays the current time in a given timezone."
+        }
+      ],
+      "@overview": [
+        {
+          "kind": "text",
+          "text": "- Clocks are used to display the current time in a specified timezone.\r\n - They can be displayed in various formats, including 12-hour and 24-hour time."
+        }
+      ],
+      "@example": [
+        {
+          "kind": "code",
+          "text": "```html\r\n<p-clock></p-clock>\r\n```"
+        }
+      ],
+      "@tags": [
+        {
+          "kind": "text",
+          "text": "display"
+        }
+      ]
+    },
+    "customElement": {
+      "kind": "class",
+      "description": "",
+      "name": "Clock",
+      "members": [
+        {
+          "kind": "field",
+          "name": "clockController",
+          "default": "new ClockController(this, 100)"
+        },
+        {
+          "kind": "field",
+          "name": "timezone",
+          "type": {
+            "text": "string | undefined"
+          },
+          "attribute": "timezone"
+        },
+        {
+          "kind": "method",
+          "name": "__formatDate",
+          "parameters": [
+            {
+              "name": "date",
+              "type": {
+                "text": "Date"
+              }
+            }
+          ]
+        }
+      ],
+      "attributes": [
+        {
+          "name": "timezone",
+          "type": {
+            "text": "string | undefined"
+          },
+          "fieldName": "timezone"
+        }
+      ],
+      "superclass": {
+        "name": "LitElement",
+        "package": "lit"
+      },
+      "tagName": "p-clock",
+      "customElement": true,
+      "summary": "Displays the current time in a given timezone.",
+      "rawTag": {
+        "name": "clock",
+        "description": ""
+      }
+    }
+  },
+  {
+    "rawTag": "divider",
+    "label": "Divider",
+    "jsdoc": {
+      "@label": [
+        {
+          "kind": "text",
+          "text": "Divider"
+        }
+      ],
+      "@tag": [
+        {
+          "kind": "text",
+          "text": "p-divider"
+        }
+      ],
+      "@rawTag": [
+        {
+          "kind": "text",
+          "text": "divider"
+        }
+      ],
+      "@summary": [
+        {
+          "kind": "text",
+          "text": "The divider component is used to visually separate content."
+        }
+      ],
+      "@overview": [
+        {
+          "kind": "text",
+          "text": "- Dividers are used to separate content into clear groups, making it easier for users to scan and understand the information presented.\n - They can be oriented either vertically or horizontally, depending on the layout requirements."
+        }
+      ],
+      "@cssprop": [
+        {
+          "kind": "text",
+          "text": "--divider-padding - Controls the padding of the divider."
+        }
+      ],
+      "@example": [
+        {
+          "kind": "code",
+          "text": "```html\n<p-divider style=\"width: 12rem;\">or</p-divider>\n```"
+        }
+      ],
+      "@tags": [
+        {
+          "kind": "text",
+          "text": "display"
+        }
+      ]
+    },
+    "customElement": {
+      "kind": "class",
+      "description": "",
+      "name": "Divider",
+      "cssProperties": [
+        {
+          "description": "Controls the color of the divider.",
+          "name": "--divider-color"
+        },
+        {
+          "description": "Controls the padding of the divider.",
+          "name": "--divider-padding"
+        }
+      ],
+      "members": [
+        {
+          "kind": "field",
+          "name": "vertical",
+          "type": {
+            "text": "boolean"
+          },
+          "default": "false",
+          "attribute": "vertical",
+          "reflects": true
+        },
+        {
+          "kind": "field",
+          "name": "slotHasContent",
+          "type": {
+            "text": "boolean"
+          },
+          "default": "false"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "vertical",
+          "type": {
+            "text": "boolean"
+          },
+          "default": "false",
+          "fieldName": "vertical"
+        }
+      ],
+      "superclass": {
+        "name": "LitElement",
+        "package": "lit"
+      },
+      "tagName": "p-divider",
+      "customElement": true,
+      "summary": "The divider component is used to visually separate content.",
+      "rawTag": {
+        "name": "divider",
+        "description": ""
+      }
+    }
+  },
+  {
+    "rawTag": "elevation",
+    "label": "Elevation",
+    "jsdoc": {
+      "@label": [
+        {
+          "kind": "text",
+          "text": "Elevation"
+        }
+      ],
+      "@tag": [
+        {
+          "kind": "text",
+          "text": "p-elevation"
+        }
+      ],
+      "@rawTag": [
+        {
+          "kind": "text",
+          "text": "elevation"
+        }
+      ],
+      "@summary": [
+        {
+          "kind": "text",
+          "text": "Adds elevation to an element."
+        }
+      ],
+      "@overview": [
+        {
+          "kind": "text",
+          "text": "- Elevation adds a shadow effect to an element to give it depth.\n - It can be used to create a sense of hierarchy or to draw attention to a particular element."
+        }
+      ],
+      "@cssprop": [
+        {
+          "kind": "text",
+          "text": "--elevation-color - Controls the color of the shadow."
+        }
+      ],
+      "@example": [
+        {
+          "kind": "code",
+          "text": "```html\n  <div style=\"position: relative; padding: var(--spacing-200); border-radius: var(--shape-corner-small);\">\n    <p-elevation style='--elevation-level: 2'></p-elevation>\n    Level 2\n  </div>\n```"
+        }
+      ],
+      "@tags": [
+        {
+          "kind": "text",
+          "text": "display"
+        }
+      ]
+    },
+    "customElement": {
+      "kind": "class",
+      "description": "",
+      "name": "Elevation",
+      "cssProperties": [
+        {
+          "description": "Controls the elevation level of the shadow.",
+          "name": "--elevation-level"
+        },
+        {
+          "description": "Controls the color of the shadow.",
+          "name": "--elevation-color"
+        }
+      ],
+      "members": [],
+      "superclass": {
+        "name": "LitElement",
+        "package": "lit"
+      },
+      "tagName": "p-elevation",
+      "customElement": true,
+      "summary": "Adds elevation to an element.",
+      "rawTag": {
+        "name": "elevation",
+        "description": ""
+      }
+    }
+  },
+  {
+    "rawTag": "elevation",
+    "label": "Elevation",
+    "jsdoc": {
+      "@label": [
+        {
+          "kind": "text",
+          "text": "Elevation"
+        }
+      ],
+      "@tag": [
+        {
+          "kind": "text",
+          "text": "p-elevation"
+        }
+      ],
+      "@rawTag": [
+        {
+          "kind": "text",
+          "text": "elevation"
+        }
+      ],
+      "@summary": [
+        {
+          "kind": "text",
+          "text": "Adds elevation to an element."
+        }
+      ],
+      "@overview": [
+        {
+          "kind": "text",
+          "text": "- Elevation adds a shadow effect to an element to give it depth.\n - It can be used to create a sense of hierarchy or to draw attention to a particular element."
+        }
+      ],
+      "@cssprop": [
+        {
+          "kind": "text",
+          "text": "--elevation-color - Controls the color of the shadow."
+        }
+      ],
+      "@example": [
+        {
+          "kind": "code",
+          "text": "```html\n  <div style=\"position: relative; padding: var(--spacing-200); border-radius: var(--shape-corner-small);\">\n    <p-elevation style='--elevation-level: 2'></p-elevation>\n    Level 2\n  </div>\n```"
+        }
+      ],
+      "@tags": [
+        {
+          "kind": "text",
+          "text": "display"
+        }
+      ]
+    },
+    "customElement": {
+      "kind": "class",
+      "description": "",
+      "name": "Elevation",
+      "cssProperties": [
+        {
+          "description": "Controls the elevation level of the shadow.",
+          "name": "--elevation-level"
+        },
+        {
+          "description": "Controls the color of the shadow.",
+          "name": "--elevation-color"
+        }
+      ],
+      "members": [],
+      "superclass": {
+        "name": "LitElement",
+        "package": "lit"
+      },
+      "tagName": "p-elevation",
+      "customElement": true,
+      "summary": "Adds elevation to an element.",
+      "rawTag": {
+        "name": "elevation",
+        "description": ""
+      }
+    }
+  },
+  {
+    "rawTag": "icon",
+    "label": "Icon",
+    "jsdoc": {
+      "@label": [
+        {
+          "kind": "text",
+          "text": "Icon"
+        }
+      ],
+      "@tag": [
+        {
+          "kind": "text",
+          "text": "p-icon"
+        }
+      ],
+      "@rawTag": [
+        {
+          "kind": "text",
+          "text": "icon"
+        }
+      ],
+      "@summary": [
+        {
+          "kind": "text",
+          "text": "Icons are visual symbols used to represent ideas, objects, or actions."
+        }
+      ],
+      "@overview": [
+        {
+          "kind": "text",
+          "text": "Icons are visual symbols used to represent ideas, objects, or actions. They communicate messages at a glance, afford interactivity, and draw attention to important information."
+        }
+      ],
+      "@cssprop": [
+        {
+          "kind": "text",
+          "text": "[--icon-size=1rem] - Controls the size of the icon. Defaults to \"1rem\""
+        }
+      ],
+      "@example": [
+        {
+          "kind": "code",
+          "text": "```html\r\n<p-icon name=\"home\"></p-icon>\r\n```"
+        }
+      ]
+    },
+    "customElement": {
+      "kind": "class",
+      "description": "",
+      "name": "Icon",
+      "cssProperties": [
+        {
+          "description": "Controls the color of the icon.",
+          "name": "--icon-color"
+        },
+        {
+          "description": "Controls the size of the icon. Defaults to \"1rem\"",
+          "name": "--icon-size",
+          "default": "1rem"
+        }
+      ],
+      "members": [
+        {
+          "kind": "field",
+          "name": "name",
+          "type": {
+            "text": "string | undefined"
+          },
+          "description": "The identifier for the icon.\r\nThis name corresponds to a specific SVG asset in the icon set.",
+          "attribute": "name",
+          "reflects": true
+        },
+        {
+          "kind": "field",
+          "name": "src",
+          "type": {
+            "text": "string | undefined"
+          },
+          "attribute": "src",
+          "reflects": true
+        },
+        {
+          "kind": "field",
+          "name": "provider",
+          "type": {
+            "text": "IconProvider"
+          },
+          "default": "'material-symbols'",
+          "attribute": "provider"
+        },
+        {
+          "kind": "field",
+          "name": "svgContent",
+          "type": {
+            "text": "string"
+          },
+          "privacy": "private",
+          "default": "''"
+        },
+        {
+          "kind": "field",
+          "name": "loading",
+          "type": {
+            "text": "boolean"
+          },
+          "privacy": "private",
+          "default": "false"
+        },
+        {
+          "kind": "field",
+          "name": "error",
+          "type": {
+            "text": "Error | null"
+          },
+          "privacy": "private",
+          "default": "null"
+        },
+        {
+          "kind": "field",
+          "name": "_fetchId",
+          "type": {
+            "text": "number"
+          },
+          "privacy": "private",
+          "default": "0"
+        },
+        {
+          "kind": "field",
+          "name": "_debounceTimer",
+          "type": {
+            "text": "number | undefined"
+          },
+          "privacy": "private"
+        },
+        {
+          "kind": "method",
+          "name": "__scheduleUpdate",
+          "privacy": "private"
+        }
+      ],
+      "events": [
+        {
+          "name": "icon-error",
+          "type": {
+            "text": "CustomEvent"
+          }
+        }
+      ],
+      "attributes": [
+        {
+          "name": "name",
+          "type": {
+            "text": "string | undefined"
+          },
+          "description": "The identifier for the icon.\r\nThis name corresponds to a specific SVG asset in the icon set.",
+          "fieldName": "name"
+        },
+        {
+          "name": "src",
+          "type": {
+            "text": "string | undefined"
+          },
+          "fieldName": "src"
+        },
+        {
+          "name": "provider",
+          "type": {
+            "text": "IconProvider"
+          },
+          "default": "'material-symbols'",
+          "fieldName": "provider"
+        }
+      ],
+      "superclass": {
+        "name": "LitElement",
+        "package": "lit"
+      },
+      "tagName": "p-icon",
+      "customElement": true,
+      "summary": "Icons are visual symbols used to represent ideas, objects, or actions.",
+      "rawTag": {
+        "name": "icon",
+        "description": ""
+      }
+    }
+  }
+]