{
  "timestamp": "2026-02-19T18:32:04",
  "compiler": {
    "name": "@stencil/core",
    "version": "4.27.2",
    "typescriptVersion": "5.5.4"
  },
  "components": [
    {
      "filePath": "src/components/mds-avatar/mds-avatar.tsx",
      "encapsulation": "shadow",
      "tag": "mds-avatar",
      "docs": "",
      "docsTags": [
        {
          "name": "part",
          "text": "icon - The selected icon of the avatar"
        },
        {
          "name": "part",
          "text": "wrapper - The wrapper which contains media displayed"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "count",
          "type": "number | undefined",
          "complexType": {
            "original": "number",
            "resolved": "number | undefined",
            "references": {}
          },
          "mutable": true,
          "attr": "count",
          "reflectToAttr": true,
          "docs": "The user's inizials displayed if there's no image available, initials will override tone and variant senttings to keep user recognizable from others",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "icon",
          "type": "string | undefined",
          "complexType": {
            "original": "string|undefined",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "icon",
          "reflectToAttr": true,
          "docs": "Specifies the path to the icon",
          "docsTags": [
            {
              "name": "see",
              "text": "https://magma.maggiolicloud.it/storybook/?path=/story/design-icon--default"
            }
          ],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "initials",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": true,
          "attr": "initials",
          "reflectToAttr": true,
          "docs": "The user's inizials displayed if there's no image available, initials will override tone and variant senttings to keep user recognizable from others",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "src",
          "type": "string | undefined",
          "complexType": {
            "original": "string",
            "resolved": "string | undefined",
            "references": {}
          },
          "mutable": false,
          "attr": "src",
          "reflectToAttr": true,
          "docs": "Specifies the path to the image",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "tone",
          "type": "\"strong\" | \"weak\" | undefined",
          "complexType": {
            "original": "ToneMinimalVariantType",
            "resolved": "\"strong\" | \"weak\" | undefined",
            "references": {
              "ToneMinimalVariantType": {
                "location": "import",
                "path": "@type/variant",
                "id": "src/type/variant.ts::ToneMinimalVariantType"
              }
            }
          },
          "mutable": false,
          "attr": "tone",
          "reflectToAttr": true,
          "docs": "Specifies the color tone of the component",
          "docsTags": [],
          "values": [
            {
              "value": "strong",
              "type": "string"
            },
            {
              "value": "weak",
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "variant",
          "type": "\"amaranth\" | \"aqua\" | \"blue\" | \"error\" | \"green\" | \"info\" | \"lime\" | \"orange\" | \"orchid\" | \"primary\" | \"sky\" | \"success\" | \"violet\" | \"warning\" | \"yellow\" | undefined",
          "complexType": {
            "original": "ThemeFullVariantAvatarType",
            "resolved": "\"amaranth\" | \"aqua\" | \"blue\" | \"error\" | \"green\" | \"info\" | \"lime\" | \"orange\" | \"orchid\" | \"primary\" | \"sky\" | \"success\" | \"violet\" | \"warning\" | \"yellow\" | undefined",
            "references": {
              "ThemeFullVariantAvatarType": {
                "location": "import",
                "path": "@type/variant",
                "id": "src/type/variant.ts::ThemeFullVariantAvatarType"
              }
            }
          },
          "mutable": true,
          "attr": "variant",
          "reflectToAttr": true,
          "docs": "Specifies the color variant of the component",
          "docsTags": [],
          "values": [
            {
              "value": "amaranth",
              "type": "string"
            },
            {
              "value": "aqua",
              "type": "string"
            },
            {
              "value": "blue",
              "type": "string"
            },
            {
              "value": "error",
              "type": "string"
            },
            {
              "value": "green",
              "type": "string"
            },
            {
              "value": "info",
              "type": "string"
            },
            {
              "value": "lime",
              "type": "string"
            },
            {
              "value": "orange",
              "type": "string"
            },
            {
              "value": "orchid",
              "type": "string"
            },
            {
              "value": "primary",
              "type": "string"
            },
            {
              "value": "sky",
              "type": "string"
            },
            {
              "value": "success",
              "type": "string"
            },
            {
              "value": "violet",
              "type": "string"
            },
            {
              "value": "warning",
              "type": "string"
            },
            {
              "value": "yellow",
              "type": "string"
            },
            {
              "type": "undefined"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [
        {
          "name": "--mds-avatar-background-color",
          "annotation": "prop",
          "docs": "The background-color of the component"
        },
        {
          "name": "--mds-avatar-background-color-pending",
          "annotation": "prop",
          "docs": "The background-color when an image is loading"
        },
        {
          "name": "--mds-avatar-color",
          "annotation": "prop",
          "docs": "The color of the placeholder icon"
        },
        {
          "name": "--mds-avatar-radius",
          "annotation": "prop",
          "docs": "The border-radius of the element"
        }
      ],
      "slots": [],
      "parts": [
        {
          "name": "icon",
          "docs": "The selected icon of the avatar"
        },
        {
          "name": "wrapper",
          "docs": "The wrapper which contains media displayed"
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    }
  ],
  "typeLibrary": {
    "src/type/variant.ts::ToneMinimalVariantType": {
      "declaration": "export type ToneMinimalVariantType =\n| 'strong'\n| 'weak'",
      "docstring": "",
      "path": "src/type/variant.ts"
    },
    "src/type/variant.ts::ThemeFullVariantAvatarType": {
      "declaration": "export type ThemeFullVariantAvatarType =\n  | 'amaranth'\n  | 'aqua'\n  | 'blue'\n  | 'error'\n  | 'green'\n  | 'info'\n  | 'lime'\n  | 'orange'\n  | 'orchid'\n  | 'primary'\n  | 'sky'\n  | 'success'\n  | 'violet'\n  | 'warning'\n  | 'yellow'",
      "docstring": "",
      "path": "src/type/variant.ts"
    }
  }
}