{
  "timestamp": "2024-01-24T12:17:36",
  "compiler": {
    "name": "@stencil/core",
    "version": "2.22.3",
    "typescriptVersion": "4.9.4"
  },
  "components": [
    {
      "filePath": "./src/components/address/address.tsx",
      "encapsulation": "shadow",
      "tag": "sl-address",
      "readme": "# sl-address\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "countries",
          "type": "string[]",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "The list of countries to show in the list, defined as alpha-2 (fx. DA, EN, NO). If not specified, all countries are shown.",
          "docsTags": [],
          "values": [
            {
              "type": "string[]"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": true,
          "docs": "Set to true to disable the input.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "errorText",
          "type": "string",
          "mutable": false,
          "attr": "error-text",
          "reflectToAttr": false,
          "docs": "The input's error text. Alternatively, you can use the error-text slot.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "helpText",
          "type": "string",
          "mutable": false,
          "attr": "help-text",
          "reflectToAttr": false,
          "docs": "The input's help text. Alternatively, you can use the help-text slot.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "label",
          "type": "string",
          "mutable": false,
          "attr": "label",
          "reflectToAttr": false,
          "docs": "The input's label. Alternatively, you can use the label slot.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "value",
          "type": "Address",
          "mutable": true,
          "reflectToAttr": false,
          "docs": "The input's value attribute.",
          "docsTags": [],
          "default": "{\n    street: '',\n    apartment: '',\n    postalCode: '',\n    city: '',\n    countryCode: 'DK'\n  }",
          "values": [
            {
              "type": "Address"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [
        "sl-fieldset",
        "sl-fieldrow",
        "sl-input",
        "sl-select",
        "sl-menu-item"
      ],
      "dependencyGraph": {
        "sl-address": [
          "sl-fieldset",
          "sl-fieldrow",
          "sl-input",
          "sl-select",
          "sl-menu-item"
        ],
        "sl-input": [
          "sl-dropdown",
          "sl-date-picker",
          "sl-icon"
        ],
        "sl-date-picker": [
          "sl-button",
          "sl-icon",
          "sl-icon-button"
        ],
        "sl-button": [
          "sl-spinner"
        ],
        "sl-icon-button": [
          "sl-icon"
        ],
        "sl-select": [
          "sl-tag",
          "sl-input",
          "sl-icon",
          "sl-icon-button",
          "sl-dropdown",
          "sl-menu"
        ],
        "sl-tag": [
          "sl-icon",
          "sl-icon-button"
        ],
        "sl-menu-item": [
          "sl-icon"
        ]
      }
    },
    {
      "filePath": "./src/components/alert/alert.tsx",
      "encapsulation": "shadow",
      "tag": "sl-alert",
      "readme": "# sl-alert\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "slot",
          "text": "- The alert's content."
        },
        {
          "name": "slot",
          "text": "icon - An icon to show in the alert."
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        },
        {
          "name": "part",
          "text": "icon - The container that wraps the alert icon."
        },
        {
          "name": "part",
          "text": "message - The alert message."
        },
        {
          "name": "part",
          "text": "close-button - The close button."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "closable",
          "type": "boolean",
          "mutable": false,
          "attr": "closable",
          "reflectToAttr": true,
          "docs": "Set to true to make the alert closable.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "duration",
          "type": "number",
          "mutable": false,
          "attr": "duration",
          "reflectToAttr": false,
          "docs": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with the\nalert before it closes (e.g. moves the mouse over it), the timer will restart.",
          "docsTags": [],
          "default": "Infinity",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "open",
          "type": "boolean",
          "mutable": true,
          "attr": "open",
          "reflectToAttr": true,
          "docs": "Indicates whether or not the alert is open. You can use this in lieu of the show/hide methods.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "type",
          "type": "\"danger\" | \"info\" | \"neutral\" | \"primary\" | \"success\" | \"warning\"",
          "mutable": false,
          "attr": "type",
          "reflectToAttr": true,
          "docs": "The type of alert.",
          "docsTags": [],
          "default": "'primary'",
          "values": [
            {
              "value": "danger",
              "type": "string"
            },
            {
              "value": "info",
              "type": "string"
            },
            {
              "value": "neutral",
              "type": "string"
            },
            {
              "value": "primary",
              "type": "string"
            },
            {
              "value": "success",
              "type": "string"
            },
            {
              "value": "warning",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "hide",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "hide() => Promise<void>",
          "parameters": [],
          "docs": "Hides the alert",
          "docsTags": []
        },
        {
          "name": "show",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "show() => Promise<void>",
          "parameters": [],
          "docs": "Shows the alert.",
          "docsTags": []
        },
        {
          "name": "toast",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "toast() => Promise<void>",
          "parameters": [],
          "docs": "Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\ndismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\ncalling this method again. The returned promise will resolve after the alert is hidden.",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "slAfterHide",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted after the alert closes and all transitions are complete.",
          "docsTags": []
        },
        {
          "event": "slAfterShow",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted after the alert opens and all transitions are complete.",
          "docsTags": []
        },
        {
          "event": "slHide",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the alert closes. Calling `event.preventDefault()` will prevent it from being closed.",
          "docsTags": []
        },
        {
          "event": "slShow",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the alert opens. Calling `event.preventDefault()` will prevent it from being opened.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [
        {
          "name": "--box-shadow",
          "annotation": "prop",
          "docs": "The alert's box shadow."
        }
      ],
      "slots": [
        {
          "name": "",
          "docs": "The alert's content."
        },
        {
          "name": "icon",
          "docs": "An icon to show in the alert."
        }
      ],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        },
        {
          "name": "close-button",
          "docs": "The close button."
        },
        {
          "name": "icon",
          "docs": "The container that wraps the alert icon."
        },
        {
          "name": "message",
          "docs": "The alert message."
        }
      ],
      "dependents": [],
      "dependencies": [
        "sl-icon-button"
      ],
      "dependencyGraph": {
        "sl-alert": [
          "sl-icon-button"
        ],
        "sl-icon-button": [
          "sl-icon"
        ]
      }
    },
    {
      "filePath": "./src/components/animation/animation.tsx",
      "encapsulation": "shadow",
      "tag": "sl-animation",
      "readme": "# sl-animation\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "slot",
          "text": "- The element to animate. If multiple elements are to be animated, wrap them in a single container."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "delay",
          "type": "number",
          "mutable": false,
          "attr": "delay",
          "reflectToAttr": false,
          "docs": "The number of milliseconds to delay the start of the animation.",
          "docsTags": [],
          "default": "0",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "direction",
          "type": "\"alternate\" | \"alternate-reverse\" | \"normal\" | \"reverse\"",
          "mutable": false,
          "attr": "direction",
          "reflectToAttr": false,
          "docs": "Determines the direction of playback as well as the behavior when reaching the end of an iteration.",
          "docsTags": [],
          "default": "'normal'",
          "values": [
            {
              "value": "alternate",
              "type": "string"
            },
            {
              "value": "alternate-reverse",
              "type": "string"
            },
            {
              "value": "normal",
              "type": "string"
            },
            {
              "value": "reverse",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "duration",
          "type": "number",
          "mutable": false,
          "attr": "duration",
          "reflectToAttr": false,
          "docs": "The number of milliseconds each iteration of the animation takes to complete.",
          "docsTags": [],
          "default": "1000",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "easing",
          "type": "string",
          "mutable": false,
          "attr": "easing",
          "reflectToAttr": false,
          "docs": "The easing function to use for the animation. This can be a Stallion easing function or a custom easing function\nsuch as `cubic-bezier(0, 1, .76, 1.14)`.",
          "docsTags": [],
          "default": "'linear'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "endDelay",
          "type": "number",
          "mutable": false,
          "attr": "end-delay",
          "reflectToAttr": false,
          "docs": "The number of milliseconds to delay after the active period of an animation sequence.",
          "docsTags": [],
          "default": "0",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "fill",
          "type": "\"auto\" | \"backwards\" | \"both\" | \"forwards\" | \"none\"",
          "mutable": false,
          "attr": "fill",
          "reflectToAttr": false,
          "docs": "Sets how the animation applies styles to its target before and after its execution.",
          "docsTags": [],
          "default": "'auto'",
          "values": [
            {
              "value": "auto",
              "type": "string"
            },
            {
              "value": "backwards",
              "type": "string"
            },
            {
              "value": "both",
              "type": "string"
            },
            {
              "value": "forwards",
              "type": "string"
            },
            {
              "value": "none",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "iterationStart",
          "type": "number",
          "mutable": false,
          "attr": "iteration-start",
          "reflectToAttr": false,
          "docs": "The offset at which to start the animation, usually between 0 (start) and 1 (end).",
          "docsTags": [],
          "default": "0",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "iterations",
          "type": "number",
          "mutable": false,
          "attr": "iterations",
          "reflectToAttr": false,
          "docs": "The number of iterations to run before the animation completes. Defaults to `Infinity`, which loops.",
          "docsTags": [],
          "default": "Infinity",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "keyframes",
          "type": "Keyframe[]",
          "mutable": true,
          "reflectToAttr": false,
          "docs": "The keyframes to use for the animation. If this is set, `name` will be ignored.",
          "docsTags": [],
          "values": [
            {
              "type": "Keyframe[]"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "name",
          "type": "string",
          "mutable": false,
          "attr": "name",
          "reflectToAttr": false,
          "docs": "The name of the built-in animation to use. For custom animations, use the `keyframes` prop.",
          "docsTags": [],
          "default": "'none'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "pause",
          "type": "boolean",
          "mutable": false,
          "attr": "pause",
          "reflectToAttr": false,
          "docs": "Pauses the animation. The animation will resume when this prop is removed.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "playbackRate",
          "type": "number",
          "mutable": false,
          "attr": "playback-rate",
          "reflectToAttr": false,
          "docs": "Sets the animation's playback rate. The default is `1`, which plays the animation at a normal speed. Setting this\nto `2`, for example, will double the animation's speed. A negative value can be used to reverse the animation. This\nvalue can be changed without causing the animation to restart.",
          "docsTags": [],
          "default": "1",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "cancel",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "cancel() => Promise<void>",
          "parameters": [],
          "docs": "Clears all KeyframeEffects caused by this animation and aborts its playback.",
          "docsTags": []
        },
        {
          "name": "finish",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "finish() => Promise<void>",
          "parameters": [],
          "docs": "Sets the playback time to the end of the animation corresponding to the current playback direction.",
          "docsTags": []
        },
        {
          "name": "getAnimationNames",
          "returns": {
            "type": "Promise<string[]>",
            "docs": ""
          },
          "signature": "getAnimationNames() => Promise<string[]>",
          "parameters": [],
          "docs": "Gets a list of all supported animation names.",
          "docsTags": []
        },
        {
          "name": "getCurrentTime",
          "returns": {
            "type": "Promise<number>",
            "docs": ""
          },
          "signature": "getCurrentTime() => Promise<number>",
          "parameters": [],
          "docs": "Gets the current time of the animation in milliseconds.",
          "docsTags": []
        },
        {
          "name": "getEasingNames",
          "returns": {
            "type": "Promise<string[]>",
            "docs": ""
          },
          "signature": "getEasingNames() => Promise<string[]>",
          "parameters": [],
          "docs": "Gets a list of all supported easing function names.",
          "docsTags": []
        },
        {
          "name": "setCurrentTime",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "setCurrentTime(time: number) => Promise<void>",
          "parameters": [],
          "docs": "Sets the current time of the animation in milliseconds.",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "slCancel",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the animation is canceled.",
          "docsTags": []
        },
        {
          "event": "slFinish",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the animation finishes.",
          "docsTags": []
        },
        {
          "event": "slStart",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the animation starts or restarts.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "",
          "docs": "The element to animate. If multiple elements are to be animated, wrap them in a single container."
        }
      ],
      "parts": [],
      "dependents": [
        "sl-auth",
        "sl-otp-view"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "sl-auth": [
          "sl-animation"
        ],
        "sl-otp-view": [
          "sl-animation"
        ]
      }
    },
    {
      "filePath": "./src/components/auth/auth.tsx",
      "encapsulation": "shadow",
      "tag": "sl-auth",
      "readme": "# sl-auth\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "api",
          "type": "string",
          "mutable": false,
          "attr": "api",
          "reflectToAttr": false,
          "docs": "The url of the auth api",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "email",
          "type": "string",
          "mutable": true,
          "attr": "email",
          "reflectToAttr": false,
          "docs": "The email to preset in the input",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "preventEmailChange",
          "type": "boolean",
          "mutable": false,
          "attr": "prevent-email-change",
          "reflectToAttr": false,
          "docs": "Whether changing email should be prevented",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "signInDescription",
          "type": "string",
          "mutable": false,
          "attr": "sign-in-description",
          "reflectToAttr": false,
          "docs": "The optional description for the sign in view.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "signInHeader",
          "type": "any",
          "mutable": false,
          "attr": "sign-in-header",
          "reflectToAttr": false,
          "docs": "The header for the sign in view.",
          "docsTags": [],
          "default": "localize('Auth.SigninHeader')",
          "values": [
            {
              "type": "any"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "terms",
          "type": "string",
          "mutable": false,
          "attr": "terms",
          "reflectToAttr": false,
          "docs": "The url of the terms",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "webauthn",
          "type": "boolean",
          "mutable": false,
          "attr": "webauthn",
          "reflectToAttr": false,
          "docs": "Whether webauthn is enabled if supported by client.",
          "docsTags": [],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "reset",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "reset() => Promise<void>",
          "parameters": [],
          "docs": "Reset the view",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "authenticate",
          "detail": "{ email: string; token: string; userId: string; }",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when user is sucessfully authenticated.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "base",
          "docs": ""
        }
      ],
      "dependents": [],
      "dependencies": [
        "sl-animation",
        "sl-label",
        "sl-input",
        "sl-button",
        "sl-icon",
        "sl-divider",
        "sl-otp-view",
        "sl-grid",
        "sl-flex",
        "sl-spinner"
      ],
      "dependencyGraph": {
        "sl-auth": [
          "sl-animation",
          "sl-label",
          "sl-input",
          "sl-button",
          "sl-icon",
          "sl-divider",
          "sl-otp-view",
          "sl-grid",
          "sl-flex",
          "sl-spinner"
        ],
        "sl-input": [
          "sl-dropdown",
          "sl-date-picker",
          "sl-icon"
        ],
        "sl-date-picker": [
          "sl-button",
          "sl-icon",
          "sl-icon-button"
        ],
        "sl-button": [
          "sl-spinner"
        ],
        "sl-icon-button": [
          "sl-icon"
        ],
        "sl-otp-view": [
          "sl-label",
          "sl-otp-input",
          "sl-animation",
          "sl-button",
          "sl-icon"
        ],
        "sl-otp-input": [
          "sl-input"
        ]
      }
    },
    {
      "filePath": "./src/components/auth/auth-profile/auth-profile.tsx",
      "encapsulation": "shadow",
      "tag": "sl-auth-profile",
      "readme": "# sl-auth-profile\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "api",
          "type": "string",
          "mutable": false,
          "attr": "api",
          "reflectToAttr": false,
          "docs": "The url of the auth api",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "primaryEmailChange",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the primary email changes.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "base",
          "docs": ""
        },
        {
          "name": "list",
          "docs": ""
        }
      ],
      "dependents": [],
      "dependencies": [
        "sl-label",
        "sl-list",
        "sl-list-item",
        "sl-dialog",
        "sl-otp-view",
        "sl-button",
        "sl-badge",
        "sl-dropdown",
        "sl-icon",
        "sl-menu",
        "sl-menu-item",
        "sl-menu-divider"
      ],
      "dependencyGraph": {
        "sl-auth-profile": [
          "sl-label",
          "sl-list",
          "sl-list-item",
          "sl-dialog",
          "sl-otp-view",
          "sl-button",
          "sl-badge",
          "sl-dropdown",
          "sl-icon",
          "sl-menu",
          "sl-menu-item",
          "sl-menu-divider"
        ],
        "sl-dialog": [
          "sl-icon-button"
        ],
        "sl-icon-button": [
          "sl-icon"
        ],
        "sl-otp-view": [
          "sl-label",
          "sl-otp-input",
          "sl-animation",
          "sl-button",
          "sl-icon"
        ],
        "sl-otp-input": [
          "sl-input"
        ],
        "sl-input": [
          "sl-dropdown",
          "sl-date-picker",
          "sl-icon"
        ],
        "sl-date-picker": [
          "sl-button",
          "sl-icon",
          "sl-icon-button"
        ],
        "sl-button": [
          "sl-spinner"
        ],
        "sl-menu-item": [
          "sl-icon"
        ]
      }
    },
    {
      "filePath": "./src/components/avatar/avatar.tsx",
      "encapsulation": "shadow",
      "tag": "sl-avatar",
      "readme": "# sl-avatar\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "slot",
          "text": "icon - The default icon to use when no image or initials are present."
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        },
        {
          "name": "part",
          "text": "icon - The container that wraps the avatar icon."
        },
        {
          "name": "part",
          "text": "initials - The container that wraps the avatar initials."
        },
        {
          "name": "part",
          "text": "image - The avatar image."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "alt",
          "type": "string",
          "mutable": false,
          "attr": "alt",
          "reflectToAttr": false,
          "docs": "Alternative text for the image.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "image",
          "type": "string",
          "mutable": false,
          "attr": "image",
          "reflectToAttr": false,
          "docs": "The image source to use for the avatar.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "initials",
          "type": "string",
          "mutable": false,
          "attr": "initials",
          "reflectToAttr": false,
          "docs": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "shape",
          "type": "\"circle\" | \"rounded\" | \"square\"",
          "mutable": false,
          "attr": "shape",
          "reflectToAttr": false,
          "docs": "The shape of the avatar.",
          "docsTags": [],
          "default": "'circle'",
          "values": [
            {
              "value": "circle",
              "type": "string"
            },
            {
              "value": "rounded",
              "type": "string"
            },
            {
              "value": "square",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [
        {
          "name": "--size",
          "annotation": "prop",
          "docs": "The size of the avatar."
        }
      ],
      "slots": [
        {
          "name": "icon",
          "docs": "The default icon to use when no image or initials are present."
        }
      ],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        },
        {
          "name": "icon",
          "docs": "The container that wraps the avatar icon."
        },
        {
          "name": "image",
          "docs": "The avatar image."
        },
        {
          "name": "initials",
          "docs": "The container that wraps the avatar initials."
        }
      ],
      "dependents": [],
      "dependencies": [
        "sl-icon"
      ],
      "dependencyGraph": {
        "sl-avatar": [
          "sl-icon"
        ]
      }
    },
    {
      "filePath": "./src/components/badge/badge.tsx",
      "encapsulation": "shadow",
      "tag": "sl-badge",
      "readme": "# sl-badge\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "slot",
          "text": "- The badge's content."
        },
        {
          "name": "part",
          "text": "base - The base wrapper"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "pill",
          "type": "boolean",
          "mutable": false,
          "attr": "pill",
          "reflectToAttr": false,
          "docs": "Set to true to draw a pill-style badge with rounded edges.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "pulse",
          "type": "boolean",
          "mutable": false,
          "attr": "pulse",
          "reflectToAttr": false,
          "docs": "Set to true to make the badge pulsate to draw attention.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "type",
          "type": "\"danger\" | \"info\" | \"primary\" | \"success\" | \"warning\"",
          "mutable": false,
          "attr": "type",
          "reflectToAttr": false,
          "docs": "The badge's type.",
          "docsTags": [],
          "default": "'primary'",
          "values": [
            {
              "value": "danger",
              "type": "string"
            },
            {
              "value": "info",
              "type": "string"
            },
            {
              "value": "primary",
              "type": "string"
            },
            {
              "value": "success",
              "type": "string"
            },
            {
              "value": "warning",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "",
          "docs": "The badge's content."
        }
      ],
      "parts": [
        {
          "name": "base",
          "docs": "The base wrapper"
        },
        {
          "name": "suffix",
          "docs": ""
        }
      ],
      "dependents": [
        "sl-auth-profile",
        "sl-calendar-date"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "sl-auth-profile": [
          "sl-badge"
        ],
        "sl-calendar-date": [
          "sl-badge"
        ]
      }
    },
    {
      "filePath": "./src/components/breadcrumb/breadcrumb.tsx",
      "encapsulation": "shadow",
      "tag": "sl-breadcrumb",
      "readme": "# sl-breadcrumb\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "summary",
          "text": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy."
        },
        {
          "name": "documentation",
          "text": "https://shoelace.style/components/breadcrumb"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "since",
          "text": "$.0"
        },
        {
          "name": "slot",
          "text": "- One or more breadcrumb items to display."
        },
        {
          "name": "slot",
          "text": "separator - The separator to use between breadcrumb items. Works best with `<sl-icon>`."
        },
        {
          "name": "dependency",
          "text": "sl-icon"
        },
        {
          "name": "csspart",
          "text": "base - The component's base wrapper."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "label",
          "type": "string",
          "mutable": false,
          "attr": "label",
          "reflectToAttr": false,
          "docs": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "",
          "docs": "One or more breadcrumb items to display."
        },
        {
          "name": "separator",
          "docs": "The separator to use between breadcrumb items. Works best with `<sl-icon>`."
        }
      ],
      "parts": [
        {
          "name": "base",
          "docs": ""
        }
      ],
      "dependents": [],
      "dependencies": [
        "sl-icon"
      ],
      "dependencyGraph": {
        "sl-breadcrumb": [
          "sl-icon"
        ]
      }
    },
    {
      "filePath": "./src/components/breadcrumb-item/breadcrumb-item.tsx",
      "encapsulation": "shadow",
      "tag": "sl-breadcrumb-item",
      "readme": "# sl-breadcrumb-item\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "summary",
          "text": "Breadcrumb Items are used inside [breadcrumbs](/components/breadcrumb) to represent different links."
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "since",
          "text": "$.0"
        },
        {
          "name": "slot",
          "text": "- The breadcrumb item's label."
        },
        {
          "name": "slot",
          "text": "prefix - An optional prefix, usually an icon or icon button."
        },
        {
          "name": "slot",
          "text": "suffix - An optional suffix, usually an icon or icon button."
        },
        {
          "name": "slot",
          "text": "separator - The separator to use for the breadcrumb item. This will only change the separator for this item. If\nyou want to change it for all items in the group, set the separator on `<sl-breadcrumb>` instead."
        },
        {
          "name": "csspart",
          "text": "base - The component's base wrapper."
        },
        {
          "name": "csspart",
          "text": "label - The breadcrumb item's label."
        },
        {
          "name": "csspart",
          "text": "prefix - The container that wraps the prefix."
        },
        {
          "name": "csspart",
          "text": "suffix - The container that wraps the suffix."
        },
        {
          "name": "csspart",
          "text": "separator - The container that wraps the separator."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "href",
          "type": "string",
          "mutable": false,
          "attr": "href",
          "reflectToAttr": false,
          "docs": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "leaf",
          "type": "boolean",
          "mutable": false,
          "attr": "leaf",
          "reflectToAttr": false,
          "docs": "Whether this is displayed as leaf or not.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "rel",
          "type": "string",
          "mutable": false,
          "attr": "rel",
          "reflectToAttr": false,
          "docs": "The `rel` attribute to use on the link. Only used when `href` is set.",
          "docsTags": [],
          "default": "'noreferrer noopener'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "target",
          "type": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\"",
          "mutable": false,
          "attr": "target",
          "reflectToAttr": false,
          "docs": "Tells the browser where to open the link. Only used when `href` is set.",
          "docsTags": [],
          "values": [
            {
              "value": "_blank",
              "type": "string"
            },
            {
              "value": "_parent",
              "type": "string"
            },
            {
              "value": "_self",
              "type": "string"
            },
            {
              "value": "_top",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "",
          "docs": "The breadcrumb item's label."
        },
        {
          "name": "prefix",
          "docs": "An optional prefix, usually an icon or icon button."
        },
        {
          "name": "separator",
          "docs": "The separator to use for the breadcrumb item. This will only change the separator for this item. If\nyou want to change it for all items in the group, set the separator on `<sl-breadcrumb>` instead."
        },
        {
          "name": "suffix",
          "docs": "An optional suffix, usually an icon or icon button."
        }
      ],
      "parts": [
        {
          "name": "base",
          "docs": ""
        },
        {
          "name": "label",
          "docs": ""
        },
        {
          "name": "prefix",
          "docs": ""
        },
        {
          "name": "separator",
          "docs": ""
        },
        {
          "name": "suffix",
          "docs": ""
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/bubble/bubble.tsx",
      "encapsulation": "shadow",
      "tag": "sl-bubble",
      "readme": "# sl-bubble\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "slot",
          "text": "- The bubble's content."
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        }
      ],
      "usage": {},
      "props": [],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "",
          "docs": "The bubble's content."
        }
      ],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/button/button.tsx",
      "encapsulation": "shadow",
      "tag": "sl-button",
      "readme": "# sl-button\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "slot",
          "text": "- The button's label."
        },
        {
          "name": "slot",
          "text": "prefix - Used to prepend an icon or similar element to the button."
        },
        {
          "name": "slot",
          "text": "suffix - Used to append an icon or similar element to the button."
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        },
        {
          "name": "part",
          "text": "prefix - The prefix container."
        },
        {
          "name": "part",
          "text": "label - The button's label."
        },
        {
          "name": "part",
          "text": "suffix - The suffix container."
        },
        {
          "name": "part",
          "text": "caret - The button's caret."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "caret",
          "type": "boolean",
          "mutable": false,
          "attr": "caret",
          "reflectToAttr": false,
          "docs": "Set to true to draw the button with a caret for use with dropdowns, popovers, etc.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "checked",
          "type": "boolean",
          "mutable": false,
          "attr": "checked",
          "reflectToAttr": false,
          "docs": "When true, the button will be rendered in a 'pushed' state.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "circle",
          "type": "boolean",
          "mutable": false,
          "attr": "circle",
          "reflectToAttr": true,
          "docs": "Set to true to draw a circle button.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": true,
          "docs": "Set to true to disable the button.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "download",
          "type": "string",
          "mutable": false,
          "attr": "download",
          "reflectToAttr": false,
          "docs": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "href",
          "type": "string",
          "mutable": false,
          "attr": "href",
          "reflectToAttr": false,
          "docs": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "loading",
          "type": "boolean",
          "mutable": false,
          "attr": "loading",
          "reflectToAttr": true,
          "docs": "Set to true to draw the button in a loading state.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "name",
          "type": "string",
          "mutable": false,
          "attr": "name",
          "reflectToAttr": false,
          "docs": "An optional name for the button. Ignored when `href` is set.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "pill",
          "type": "boolean",
          "mutable": false,
          "attr": "pill",
          "reflectToAttr": true,
          "docs": "Set to true to draw a pill-style button with rounded edges.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "shape",
          "type": "\"block\" | \"block-first\" | \"block-last\" | \"block-middle\" | \"circle\" | \"pill\"",
          "mutable": false,
          "attr": "shape",
          "reflectToAttr": false,
          "docs": "The shape of the button.",
          "docsTags": [],
          "default": "'block'",
          "values": [
            {
              "value": "block",
              "type": "string"
            },
            {
              "value": "block-first",
              "type": "string"
            },
            {
              "value": "block-last",
              "type": "string"
            },
            {
              "value": "block-middle",
              "type": "string"
            },
            {
              "value": "circle",
              "type": "string"
            },
            {
              "value": "pill",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "size",
          "type": "\"large\" | \"medium\" | \"small\"",
          "mutable": false,
          "attr": "size",
          "reflectToAttr": true,
          "docs": "The button's size.",
          "docsTags": [],
          "default": "'medium'",
          "values": [
            {
              "value": "large",
              "type": "string"
            },
            {
              "value": "medium",
              "type": "string"
            },
            {
              "value": "small",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "submit",
          "type": "boolean",
          "mutable": false,
          "attr": "submit",
          "reflectToAttr": true,
          "docs": "Indicates if activating the button should submit the form. Ignored when `href` is set.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "target",
          "type": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\"",
          "mutable": false,
          "attr": "target",
          "reflectToAttr": false,
          "docs": "Tells the browser where to open the link. Only used when `href` is set.",
          "docsTags": [],
          "values": [
            {
              "value": "_blank",
              "type": "string"
            },
            {
              "value": "_parent",
              "type": "string"
            },
            {
              "value": "_self",
              "type": "string"
            },
            {
              "value": "_top",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "type",
          "type": "\"danger\" | \"default\" | \"primary\" | \"text\"",
          "mutable": false,
          "attr": "type",
          "reflectToAttr": true,
          "docs": "The button's type.",
          "docsTags": [],
          "default": "'default'",
          "values": [
            {
              "value": "danger",
              "type": "string"
            },
            {
              "value": "default",
              "type": "string"
            },
            {
              "value": "primary",
              "type": "string"
            },
            {
              "value": "text",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "value",
          "type": "string",
          "mutable": false,
          "attr": "value",
          "reflectToAttr": false,
          "docs": "An optional value for the button. Ignored when `href` is set.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "removeFocus",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "removeFocus() => Promise<void>",
          "parameters": [],
          "docs": "Removes focus from the button.",
          "docsTags": []
        },
        {
          "name": "setFocus",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "setFocus(options?: FocusOptions) => Promise<void>",
          "parameters": [],
          "docs": "Sets focus on the button.",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "slBlur",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the button loses focus.",
          "docsTags": []
        },
        {
          "event": "slFocus",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the button gains focus.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "",
          "docs": "The button's label."
        },
        {
          "name": "prefix",
          "docs": "Used to prepend an icon or similar element to the button."
        },
        {
          "name": "suffix",
          "docs": "Used to append an icon or similar element to the button."
        }
      ],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        },
        {
          "name": "caret",
          "docs": "The button's caret."
        },
        {
          "name": "label",
          "docs": "The button's label."
        },
        {
          "name": "prefix",
          "docs": "The prefix container."
        },
        {
          "name": "suffix",
          "docs": "The suffix container."
        }
      ],
      "dependents": [
        "sl-auth",
        "sl-auth-profile",
        "sl-date-picker",
        "sl-otp-view",
        "sl-rrule-picker",
        "sl-scheduler"
      ],
      "dependencies": [
        "sl-spinner"
      ],
      "dependencyGraph": {
        "sl-button": [
          "sl-spinner"
        ],
        "sl-auth": [
          "sl-button"
        ],
        "sl-auth-profile": [
          "sl-button"
        ],
        "sl-date-picker": [
          "sl-button"
        ],
        "sl-otp-view": [
          "sl-button"
        ],
        "sl-rrule-picker": [
          "sl-button"
        ],
        "sl-scheduler": [
          "sl-button"
        ]
      }
    },
    {
      "filePath": "./src/components/button-group/button-group.tsx",
      "encapsulation": "shadow",
      "tag": "sl-button-group",
      "readme": "# sl-button-group\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "slot",
          "text": "- One or more `<sl-button>` elements to display in the button group."
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "label",
          "type": "string",
          "mutable": false,
          "attr": "label",
          "reflectToAttr": false,
          "docs": "A label to use for the button group's `aria-label` attribute.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "",
          "docs": "One or more `<sl-button>` elements to display in the button group."
        }
      ],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        }
      ],
      "dependents": [
        "sl-scheduler"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "sl-scheduler": [
          "sl-button-group"
        ]
      }
    },
    {
      "filePath": "./src/components/time/calendar/calendar.tsx",
      "encapsulation": "shadow",
      "tag": "sl-calendar",
      "readme": "# sl-calendar\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "date",
          "type": "Date",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "A date in the month to display.",
          "docsTags": [],
          "default": "new Date()",
          "values": [
            {
              "type": "Date"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "events",
          "type": "DateEvent[]",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "The date events to display in the calendar.",
          "docsTags": [],
          "default": "[]",
          "values": [
            {
              "type": "DateEvent[]"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "resourceId",
          "type": "string",
          "mutable": false,
          "attr": "resource-id",
          "reflectToAttr": false,
          "docs": "Optional resource id",
          "docsTags": [],
          "default": "CROSS_RESOURCE_ID",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "getDisplayableRange",
          "returns": {
            "type": "Promise<{ start: Date; end: Date; }>",
            "docs": ""
          },
          "signature": "getDisplayableRange() => Promise<{ start: Date; end: Date; }>",
          "parameters": [],
          "docs": "Retrieves the currently displayable timerange",
          "docsTags": []
        },
        {
          "name": "getEventProperties",
          "returns": {
            "type": "Promise<any>",
            "docs": ""
          },
          "signature": "getEventProperties(event: MouseEvent | DragEvent) => Promise<any>",
          "parameters": [],
          "docs": "Retrieves detailed properties about the event that was emitted from the calendar, fx. date and resource related to the event.",
          "docsTags": []
        },
        {
          "name": "select",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "select(id: string) => Promise<void>",
          "parameters": [],
          "docs": "Selects an event specified by id.",
          "docsTags": []
        },
        {
          "name": "setDate",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "setDate(date: Date) => Promise<void>",
          "parameters": [],
          "docs": "Sets date for the calendar",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "slMove",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when a drop event occurs on the calendar.",
          "docsTags": []
        },
        {
          "event": "slSelect",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when an event is selected.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        }
      ],
      "dependents": [
        "sl-scheduler"
      ],
      "dependencies": [
        "sl-date-cell",
        "sl-calendar-date"
      ],
      "dependencyGraph": {
        "sl-calendar": [
          "sl-date-cell",
          "sl-calendar-date"
        ],
        "sl-calendar-date": [
          "sl-date-cell",
          "sl-label",
          "sl-badge"
        ],
        "sl-scheduler": [
          "sl-calendar"
        ]
      }
    },
    {
      "filePath": "./src/components/time/calendar-date/calendar-date.tsx",
      "encapsulation": "shadow",
      "tag": "sl-calendar-date",
      "readme": "# sl-calendar-date\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "date",
          "type": "Date",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "The date for the cell.",
          "docsTags": [],
          "values": [
            {
              "type": "Date"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "events",
          "type": "DateEvent[]",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Events to show in cell.",
          "docsTags": [],
          "values": [
            {
              "type": "DateEvent[]"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "resourceId",
          "type": "string",
          "mutable": false,
          "attr": "resource-id",
          "reflectToAttr": false,
          "docs": "The resource id for the cell.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "showBackgroundTitle",
          "type": "boolean",
          "mutable": false,
          "attr": "show-background-title",
          "reflectToAttr": false,
          "docs": "Whether to show date in cell.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "showDate",
          "type": "boolean",
          "mutable": false,
          "attr": "show-date",
          "reflectToAttr": false,
          "docs": "Whether to show date in cell.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "showWeekNumber",
          "type": "boolean",
          "mutable": false,
          "attr": "show-week-number",
          "reflectToAttr": false,
          "docs": "Whether to show week number in cell.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "type",
          "type": "\"dimmed\" | \"normal\"",
          "mutable": false,
          "attr": "type",
          "reflectToAttr": false,
          "docs": "Whether to show date in cell.",
          "docsTags": [],
          "default": "'normal'",
          "values": [
            {
              "value": "dimmed",
              "type": "string"
            },
            {
              "value": "normal",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "value",
          "type": "string",
          "mutable": true,
          "attr": "value",
          "reflectToAttr": true,
          "docs": "The id of the selected event.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "removeFocus",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "removeFocus() => Promise<void>",
          "parameters": [],
          "docs": "Removes focus",
          "docsTags": []
        },
        {
          "name": "setFocus",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "setFocus() => Promise<void>",
          "parameters": [],
          "docs": "Set focus.",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "valueChange",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emited when the selected event changes.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        }
      ],
      "dependents": [
        "sl-calendar",
        "sl-timeline"
      ],
      "dependencies": [
        "sl-date-cell",
        "sl-label",
        "sl-badge"
      ],
      "dependencyGraph": {
        "sl-calendar-date": [
          "sl-date-cell",
          "sl-label",
          "sl-badge"
        ],
        "sl-calendar": [
          "sl-calendar-date"
        ],
        "sl-timeline": [
          "sl-calendar-date"
        ]
      }
    },
    {
      "filePath": "./src/components/card/card.tsx",
      "encapsulation": "shadow",
      "tag": "sl-card",
      "readme": "# sl-card\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "slot",
          "text": "- The card's body."
        },
        {
          "name": "slot",
          "text": "header - The card's header."
        },
        {
          "name": "slot",
          "text": "footer - The card's footer."
        },
        {
          "name": "slot",
          "text": "image - The card's image."
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        },
        {
          "name": "part",
          "text": "image - The card's image, if present."
        },
        {
          "name": "part",
          "text": "header - The card's header, if present."
        },
        {
          "name": "part",
          "text": "body - The card's body."
        },
        {
          "name": "part",
          "text": "footer - The card's footer, if present."
        }
      ],
      "usage": {},
      "props": [],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [
        {
          "name": "--border-color",
          "annotation": "prop",
          "docs": "The card's border color, including borders that occur inside the card."
        },
        {
          "name": "--border-radius",
          "annotation": "prop",
          "docs": "The border radius for card edges."
        },
        {
          "name": "--border-width",
          "annotation": "prop",
          "docs": "The width of card borders."
        },
        {
          "name": "--padding",
          "annotation": "prop",
          "docs": "The padding to use for card sections."
        }
      ],
      "slots": [
        {
          "name": "",
          "docs": "The card's body."
        },
        {
          "name": "footer",
          "docs": "The card's footer."
        },
        {
          "name": "header",
          "docs": "The card's header."
        },
        {
          "name": "image",
          "docs": "The card's image."
        }
      ],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        },
        {
          "name": "body",
          "docs": "The card's body."
        },
        {
          "name": "footer",
          "docs": "The card's footer, if present."
        },
        {
          "name": "header",
          "docs": "The card's header, if present."
        },
        {
          "name": "image",
          "docs": "The card's image, if present."
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/table/cell/cell.tsx",
      "encapsulation": "shadow",
      "tag": "sl-cell",
      "readme": "# sl-cell\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "experimental"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "align",
          "type": "\"center\" | \"left\" | \"right\"",
          "mutable": false,
          "attr": "align",
          "reflectToAttr": false,
          "docs": "The allignment of the cell.",
          "docsTags": [],
          "values": [
            {
              "value": "center",
              "type": "string"
            },
            {
              "value": "left",
              "type": "string"
            },
            {
              "value": "right",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "nowrap",
          "type": "boolean",
          "mutable": false,
          "attr": "nowrap",
          "reflectToAttr": false,
          "docs": "The property sets how overflowing inside an element is handled(normal/nowrap).",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/chart/chart.tsx",
      "encapsulation": "shadow",
      "tag": "sl-chart",
      "readme": "# sl-chart\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "data",
          "type": "any",
          "mutable": false,
          "attr": "data",
          "reflectToAttr": false,
          "docs": "The chart data",
          "docsTags": [],
          "default": "[]",
          "values": [
            {
              "type": "any"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "options",
          "type": "any",
          "mutable": false,
          "attr": "options",
          "reflectToAttr": false,
          "docs": "The chart options",
          "docsTags": [],
          "default": "{}",
          "values": [
            {
              "type": "any"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "type",
          "type": "ChartType",
          "mutable": false,
          "attr": "type",
          "reflectToAttr": false,
          "docs": "The chart type",
          "docsTags": [],
          "default": "'line'",
          "values": [
            {
              "type": "ChartType"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/checkbox/checkbox.tsx",
      "encapsulation": "shadow",
      "tag": "sl-checkbox",
      "readme": "# sl-checkbox\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "slot",
          "text": "- The checkbox's label."
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        },
        {
          "name": "part",
          "text": "control - The checkbox control."
        },
        {
          "name": "part",
          "text": "checked-icon - The container the wraps the checked icon."
        },
        {
          "name": "part",
          "text": "indeterminate-icon - The container that wraps the indeterminate icon."
        },
        {
          "name": "part",
          "text": "label - The checkbox label."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "checked",
          "type": "boolean",
          "mutable": true,
          "attr": "checked",
          "reflectToAttr": true,
          "docs": "Set to true to draw the checkbox in a checked state.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": false,
          "docs": "Set to true to disable the checkbox.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "indeterminate",
          "type": "boolean",
          "mutable": true,
          "attr": "indeterminate",
          "reflectToAttr": true,
          "docs": "Set to true to draw the checkbox in an indeterminate state.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "invalid",
          "type": "boolean",
          "mutable": true,
          "attr": "invalid",
          "reflectToAttr": true,
          "docs": "This will be true when the control is in an invalid state. Validity is determined by the `required` prop.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "name",
          "type": "string",
          "mutable": false,
          "attr": "name",
          "reflectToAttr": false,
          "docs": "The checkbox's name attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "required",
          "type": "boolean",
          "mutable": false,
          "attr": "required",
          "reflectToAttr": false,
          "docs": "Set to true to make the checkbox a required field.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "size",
          "type": "\"large\" | \"medium\" | \"small\"",
          "mutable": false,
          "attr": "size",
          "reflectToAttr": false,
          "docs": "The checkbox's size.",
          "docsTags": [],
          "default": "'medium'",
          "values": [
            {
              "value": "large",
              "type": "string"
            },
            {
              "value": "medium",
              "type": "string"
            },
            {
              "value": "small",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "value",
          "type": "string",
          "mutable": false,
          "attr": "value",
          "reflectToAttr": false,
          "docs": "The checkbox's value attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "removeFocus",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "removeFocus() => Promise<void>",
          "parameters": [],
          "docs": "Removes focus from the checkbox.",
          "docsTags": []
        },
        {
          "name": "reportValidity",
          "returns": {
            "type": "Promise<boolean>",
            "docs": ""
          },
          "signature": "reportValidity() => Promise<boolean>",
          "parameters": [],
          "docs": "Checks for validity and shows the browser's validation message if the control is invalid.",
          "docsTags": []
        },
        {
          "name": "setCustomValidity",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "setCustomValidity(message: string) => Promise<void>",
          "parameters": [],
          "docs": "Sets a custom validation message. If `message` is not empty, the field will be considered invalid.",
          "docsTags": []
        },
        {
          "name": "setFocus",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "setFocus(options?: FocusOptions) => Promise<void>",
          "parameters": [],
          "docs": "Sets focus on the checkbox.",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "checkedChange",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the control's checked state changes.",
          "docsTags": []
        },
        {
          "event": "slBlur",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the control loses focus.",
          "docsTags": []
        },
        {
          "event": "slFocus",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the control gains focus.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "",
          "docs": "The checkbox's label."
        }
      ],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        },
        {
          "name": "checked-icon",
          "docs": "The container the wraps the checked icon."
        },
        {
          "name": "control",
          "docs": "The checkbox control."
        },
        {
          "name": "indeterminate-icon",
          "docs": "The container that wraps the indeterminate icon."
        },
        {
          "name": "label",
          "docs": "The checkbox label."
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/table/column/column.tsx",
      "encapsulation": "shadow",
      "tag": "sl-column",
      "readme": "# sl-column\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "experimental"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "align",
          "type": "\"center\" | \"left\" | \"right\"",
          "mutable": false,
          "attr": "align",
          "reflectToAttr": false,
          "docs": "The alignment of the column.",
          "docsTags": [],
          "values": [
            {
              "value": "center",
              "type": "string"
            },
            {
              "value": "left",
              "type": "string"
            },
            {
              "value": "right",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/time/date-cell/date-cell.tsx",
      "encapsulation": "shadow",
      "tag": "sl-date-cell",
      "readme": "# sl-datecell\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "backgroundColor",
          "type": "\"blue\" | \"gray\" | \"green\" | \"indigo\" | \"pink\" | \"purple\" | \"red\" | \"yellow\"",
          "mutable": false,
          "attr": "background-color",
          "reflectToAttr": false,
          "docs": "The color of the background. Defaults to none.",
          "docsTags": [],
          "values": [
            {
              "value": "blue",
              "type": "string"
            },
            {
              "value": "gray",
              "type": "string"
            },
            {
              "value": "green",
              "type": "string"
            },
            {
              "value": "indigo",
              "type": "string"
            },
            {
              "value": "pink",
              "type": "string"
            },
            {
              "value": "purple",
              "type": "string"
            },
            {
              "value": "red",
              "type": "string"
            },
            {
              "value": "yellow",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "removeFocus",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "removeFocus() => Promise<void>",
          "parameters": [],
          "docs": "Removes focus from the button.",
          "docsTags": []
        },
        {
          "name": "setFocus",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "setFocus() => Promise<void>",
          "parameters": [],
          "docs": "Sets focus on the button.",
          "docsTags": []
        }
      ],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "base",
          "docs": ""
        }
      ],
      "dependents": [
        "sl-calendar",
        "sl-calendar-date",
        "sl-timeline"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "sl-calendar": [
          "sl-date-cell"
        ],
        "sl-calendar-date": [
          "sl-date-cell"
        ],
        "sl-timeline": [
          "sl-date-cell"
        ]
      }
    },
    {
      "filePath": "./src/components/time/date-picker/date-picker.tsx",
      "encapsulation": "shadow",
      "tag": "sl-date-picker",
      "readme": "# sl-calendar\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "value",
          "type": "string",
          "mutable": true,
          "attr": "value",
          "reflectToAttr": true,
          "docs": "value of this control specified as an ISO-formatted date, fx. 2021-12-31",
          "docsTags": [],
          "default": "TODAY",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "valueChange",
          "detail": "string",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the control's value changes.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        }
      ],
      "dependents": [
        "sl-input",
        "sl-scheduler"
      ],
      "dependencies": [
        "sl-button",
        "sl-icon",
        "sl-icon-button"
      ],
      "dependencyGraph": {
        "sl-date-picker": [
          "sl-button",
          "sl-icon",
          "sl-icon-button"
        ],
        "sl-button": [
          "sl-spinner"
        ],
        "sl-icon-button": [
          "sl-icon"
        ],
        "sl-input": [
          "sl-date-picker"
        ],
        "sl-scheduler": [
          "sl-date-picker"
        ]
      }
    },
    {
      "filePath": "./src/components/details/details.tsx",
      "encapsulation": "shadow",
      "tag": "sl-details",
      "readme": "# sl-details\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "slot",
          "text": "- The details' content."
        },
        {
          "name": "slot",
          "text": "summary - The details' summary. Alternatively, you can use the summary prop."
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        },
        {
          "name": "part",
          "text": "header - The summary header."
        },
        {
          "name": "part",
          "text": "summary - The details summary."
        },
        {
          "name": "part",
          "text": "summary-icon - The expand/collapse summary icon."
        },
        {
          "name": "part",
          "text": "content - The details content."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "disabled",
          "type": "boolean",
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": false,
          "docs": "Set to true to prevent the user from toggling the details.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "open",
          "type": "boolean",
          "mutable": true,
          "attr": "open",
          "reflectToAttr": true,
          "docs": "Indicates whether or not the details is open. You can use this in lieu of the show/hide methods.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "summary",
          "type": "string",
          "mutable": false,
          "attr": "summary",
          "reflectToAttr": false,
          "docs": "The summary to show in the details header. If you need to display HTML, use the `summary` slot instead.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "hide",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "hide() => Promise<void>",
          "parameters": [],
          "docs": "Hides the alert",
          "docsTags": []
        },
        {
          "name": "show",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "show() => Promise<void>",
          "parameters": [],
          "docs": "Shows the alert.",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "slAfterHide",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted after the details closes and all transitions are complete.",
          "docsTags": []
        },
        {
          "event": "slAfterShow",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted after the details opens and all transitions are complete.",
          "docsTags": []
        },
        {
          "event": "slHide",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the details closes. Calling `event.preventDefault()` will prevent it from being closed.",
          "docsTags": []
        },
        {
          "event": "slShow",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the details opens. Calling `event.preventDefault()` will prevent it from being opened.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [
        {
          "name": "--hide-duration",
          "annotation": "prop",
          "docs": "The length of the hide transition."
        },
        {
          "name": "--hide-timing-function",
          "annotation": "prop",
          "docs": "The timing function (easing) to use for the hide transition."
        },
        {
          "name": "--show-duration",
          "annotation": "prop",
          "docs": "The length of the show transition."
        },
        {
          "name": "--show-timing-function",
          "annotation": "prop",
          "docs": "The timing function (easing) to use for the show transition."
        }
      ],
      "slots": [
        {
          "name": "",
          "docs": "The details' content."
        },
        {
          "name": "summary",
          "docs": "The details' summary. Alternatively, you can use the summary prop."
        }
      ],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        },
        {
          "name": "content",
          "docs": "The details content."
        },
        {
          "name": "header",
          "docs": "The summary header."
        },
        {
          "name": "summary",
          "docs": "The details summary."
        },
        {
          "name": "summary-icon",
          "docs": "The expand/collapse summary icon."
        }
      ],
      "dependents": [],
      "dependencies": [
        "sl-icon"
      ],
      "dependencyGraph": {
        "sl-details": [
          "sl-icon"
        ]
      }
    },
    {
      "filePath": "./src/components/dialog/dialog.tsx",
      "encapsulation": "shadow",
      "tag": "sl-dialog",
      "readme": "# sl-dialog\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "slot",
          "text": "- The dialog's content."
        },
        {
          "name": "slot",
          "text": "label - The dialog's label. Alternatively, you can use the label prop."
        },
        {
          "name": "slot",
          "text": "footer - The dialog's footer, usually one or more buttons representing various options."
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        },
        {
          "name": "part",
          "text": "overlay - The overlay."
        },
        {
          "name": "part",
          "text": "panel - The dialog panel (where the dialog and its content is rendered)."
        },
        {
          "name": "part",
          "text": "header - The dialog header."
        },
        {
          "name": "part",
          "text": "title - The dialog title."
        },
        {
          "name": "part",
          "text": "close-button - The close button."
        },
        {
          "name": "part",
          "text": "body - The dialog body."
        },
        {
          "name": "part",
          "text": "footer - The dialog footer."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "headerStyle",
          "type": "\"dense\" | \"discreet\" | \"hidden\" | \"normal\"",
          "mutable": false,
          "attr": "header-style",
          "reflectToAttr": false,
          "docs": "Set style for header. If hidden it will also remove the default close button, so please ensure you provide an\neasy, accessible way for users to dismiss the dialog.",
          "docsTags": [],
          "default": "'normal'",
          "values": [
            {
              "value": "dense",
              "type": "string"
            },
            {
              "value": "discreet",
              "type": "string"
            },
            {
              "value": "hidden",
              "type": "string"
            },
            {
              "value": "normal",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "label",
          "type": "string",
          "mutable": false,
          "attr": "label",
          "reflectToAttr": false,
          "docs": "The dialog's label as displayed in the header. You should always include a relevant label even when\nhiding the header, as it is required for proper accessibility.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "open",
          "type": "boolean",
          "mutable": true,
          "attr": "open",
          "reflectToAttr": true,
          "docs": "Indicates whether or not the dialog is open. You can use this in lieu of the show/hide methods.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "position",
          "type": "\"center\" | \"top\"",
          "mutable": false,
          "attr": "position",
          "reflectToAttr": false,
          "docs": "The vertical position of the dialog. The normal behavior is to center it, but in some cirumstances it may be\nbetter to align it to the top, especially if the dialog changes its size.",
          "docsTags": [],
          "default": "'center'",
          "values": [
            {
              "value": "center",
              "type": "string"
            },
            {
              "value": "top",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "hide",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "hide() => Promise<void>",
          "parameters": [],
          "docs": "Hides the dialog",
          "docsTags": []
        },
        {
          "name": "show",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "show() => Promise<void>",
          "parameters": [],
          "docs": "Shows the dialog",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "slAfterHide",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted after the dialog closes and all transitions are complete.",
          "docsTags": []
        },
        {
          "event": "slAfterShow",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted after the dialog opens and all transitions are complete.",
          "docsTags": []
        },
        {
          "event": "slHide",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the dialog closes. Calling `event.preventDefault()` will prevent it from being closed.",
          "docsTags": []
        },
        {
          "event": "slInitialFocus",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the dialog opens and the panel gains focus. Calling `event.preventDefault()` will prevent focus and\nallow you to set it on a different element in the dialog, such as an input or button.",
          "docsTags": []
        },
        {
          "event": "slOverlayDismiss",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the overlay is clicked. Calling `event.preventDefault()` will prevent the dialog from closing.",
          "docsTags": []
        },
        {
          "event": "slShow",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the dialog opens. Calling `event.preventDefault()` will prevent it from being opened.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [
        {
          "name": "--width",
          "annotation": "prop",
          "docs": "The preferred width of the dialog. Note that the dialog will shrink to accommodate smaller screens."
        }
      ],
      "slots": [
        {
          "name": "",
          "docs": "The dialog's content."
        },
        {
          "name": "footer",
          "docs": "The dialog's footer, usually one or more buttons representing various options."
        },
        {
          "name": "label",
          "docs": "The dialog's label. Alternatively, you can use the label prop."
        }
      ],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        },
        {
          "name": "body",
          "docs": "The dialog body."
        },
        {
          "name": "close-button",
          "docs": "The close button."
        },
        {
          "name": "footer",
          "docs": "The dialog footer."
        },
        {
          "name": "header",
          "docs": "The dialog header."
        },
        {
          "name": "overlay",
          "docs": "The overlay."
        },
        {
          "name": "panel",
          "docs": "The dialog panel (where the dialog and its content is rendered)."
        },
        {
          "name": "title",
          "docs": "The dialog title."
        }
      ],
      "dependents": [
        "sl-auth-profile"
      ],
      "dependencies": [
        "sl-icon-button"
      ],
      "dependencyGraph": {
        "sl-dialog": [
          "sl-icon-button"
        ],
        "sl-icon-button": [
          "sl-icon"
        ],
        "sl-auth-profile": [
          "sl-dialog"
        ]
      }
    },
    {
      "filePath": "./src/components/divider/divider.tsx",
      "encapsulation": "shadow",
      "tag": "sl-divider",
      "readme": "# sl-divider\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "direction",
          "type": "\"horizontal\" | \"vertical\"",
          "mutable": true,
          "attr": "direction",
          "reflectToAttr": true,
          "docs": "The direction of the divider",
          "docsTags": [],
          "default": "'horizontal'",
          "values": [
            {
              "value": "horizontal",
              "type": "string"
            },
            {
              "value": "vertical",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "label",
          "type": "string",
          "mutable": false,
          "attr": "label",
          "reflectToAttr": false,
          "docs": "Optional text to show in divider",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        }
      ],
      "dependents": [
        "sl-auth"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "sl-auth": [
          "sl-divider"
        ]
      }
    },
    {
      "filePath": "./src/components/drawer/drawer.tsx",
      "encapsulation": "shadow",
      "tag": "sl-drawer",
      "readme": "# sl-drawer\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "slot",
          "text": "- The drawer's content."
        },
        {
          "name": "slot",
          "text": "label - The drawer's label. Alternatively, you can use the label prop."
        },
        {
          "name": "slot",
          "text": "footer - The drawer's footer, usually one or more buttons representing various options."
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        },
        {
          "name": "part",
          "text": "overlay - The overlay."
        },
        {
          "name": "part",
          "text": "panel - The drawer panel (where the drawer and its content is rendered)."
        },
        {
          "name": "part",
          "text": "header - The drawer header."
        },
        {
          "name": "part",
          "text": "title - The drawer title."
        },
        {
          "name": "part",
          "text": "close-button - The close button."
        },
        {
          "name": "part",
          "text": "body - The drawer body."
        },
        {
          "name": "part",
          "text": "footer - The drawer footer."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "contained",
          "type": "boolean",
          "mutable": false,
          "attr": "contained",
          "reflectToAttr": false,
          "docs": "By default, the drawer slides out of its containing block (usually the viewport). To make the drawer slide out of\nits parent element, set this prop and add `position: relative` to the parent.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "label",
          "type": "string",
          "mutable": false,
          "attr": "label",
          "reflectToAttr": false,
          "docs": "The drawer's label as displayed in the header. You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "noHeader",
          "type": "boolean",
          "mutable": false,
          "attr": "no-header",
          "reflectToAttr": false,
          "docs": "Removes the header. This will also remove the default close button, so please ensure you provide an easy,\naccessible way for users to dismiss the drawer.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "open",
          "type": "boolean",
          "mutable": true,
          "attr": "open",
          "reflectToAttr": true,
          "docs": "Indicates whether or not the drawer is open. You can use this in lieu of the show/hide methods.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "placement",
          "type": "\"bottom\" | \"left\" | \"right\" | \"top\"",
          "mutable": false,
          "attr": "placement",
          "reflectToAttr": false,
          "docs": "The direction from which the drawer will open.",
          "docsTags": [],
          "default": "'right'",
          "values": [
            {
              "value": "bottom",
              "type": "string"
            },
            {
              "value": "left",
              "type": "string"
            },
            {
              "value": "right",
              "type": "string"
            },
            {
              "value": "top",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "hide",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "hide() => Promise<void>",
          "parameters": [],
          "docs": "Hides the drawer",
          "docsTags": []
        },
        {
          "name": "show",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "show() => Promise<void>",
          "parameters": [],
          "docs": "Shows the drawer",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "slAfterHide",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted after the drawer closes and all transitions are complete.",
          "docsTags": []
        },
        {
          "event": "slAfterShow",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted after the drawer opens and all transitions are complete.",
          "docsTags": []
        },
        {
          "event": "slHide",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the drawer closes. Calling `event.preventDefault()` will prevent it from being closed.",
          "docsTags": []
        },
        {
          "event": "slInitialFocus",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the drawer opens and the panel gains focus. Calling `event.preventDefault()` will prevent focus and\nallow you to set it on a different element in the drawer, such as an input or button.",
          "docsTags": []
        },
        {
          "event": "slOverlayDismiss",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the overlay is clicked. Calling `event.preventDefault()` will prevent the drawer from closing.",
          "docsTags": []
        },
        {
          "event": "slShow",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the drawer opens. Calling `event.preventDefault()` will prevent it from being opened.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [
        {
          "name": "--size",
          "annotation": "prop",
          "docs": "The preferred size of the drawer. This will be applied to the drawer's width or height depending on its `placement`. Note that the drawer will shrink to accommodate smaller screens."
        }
      ],
      "slots": [
        {
          "name": "",
          "docs": "The drawer's content."
        },
        {
          "name": "footer",
          "docs": "The drawer's footer, usually one or more buttons representing various options."
        },
        {
          "name": "label",
          "docs": "The drawer's label. Alternatively, you can use the label prop."
        }
      ],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        },
        {
          "name": "body",
          "docs": "The drawer body."
        },
        {
          "name": "close-button",
          "docs": "The close button."
        },
        {
          "name": "footer",
          "docs": "The drawer footer."
        },
        {
          "name": "header",
          "docs": "The drawer header."
        },
        {
          "name": "overlay",
          "docs": "The overlay."
        },
        {
          "name": "panel",
          "docs": "The drawer panel (where the drawer and its content is rendered)."
        },
        {
          "name": "title",
          "docs": "The drawer title."
        }
      ],
      "dependents": [],
      "dependencies": [
        "sl-icon-button"
      ],
      "dependencyGraph": {
        "sl-drawer": [
          "sl-icon-button"
        ],
        "sl-icon-button": [
          "sl-icon"
        ]
      }
    },
    {
      "filePath": "./src/components/dropdown/dropdown.tsx",
      "encapsulation": "shadow",
      "tag": "sl-dropdown",
      "readme": "# sl-dropdown\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "slot",
          "text": "trigger - The dropdown's trigger, usually a `<sl-button>` element."
        },
        {
          "name": "slot",
          "text": "- The dropdown's content."
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        },
        {
          "name": "part",
          "text": "trigger - The container that wraps the trigger."
        },
        {
          "name": "part",
          "text": "panel - The panel that gets shown when the dropdown is open."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "closeOnSelect",
          "type": "boolean",
          "mutable": false,
          "attr": "close-on-select",
          "reflectToAttr": false,
          "docs": "Determines whether the dropdown should hide when a menu item is selected.",
          "docsTags": [],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "containingElement",
          "type": "HTMLElement",
          "mutable": true,
          "reflectToAttr": false,
          "docs": "The dropdown will close when the user interacts outside of this element (e.g. clicking).",
          "docsTags": [],
          "values": [
            {
              "type": "HTMLElement"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "distance",
          "type": "number",
          "mutable": false,
          "attr": "distance",
          "reflectToAttr": false,
          "docs": "The distance in pixels from which to offset the panel away from its trigger.",
          "docsTags": [],
          "default": "2",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "hoist",
          "type": "boolean",
          "mutable": false,
          "attr": "hoist",
          "reflectToAttr": false,
          "docs": "Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "open",
          "type": "boolean",
          "mutable": true,
          "attr": "open",
          "reflectToAttr": true,
          "docs": "Indicates whether or not the dropdown is open. You can use this in lieu of the show/hide methods.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "placement",
          "type": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
          "mutable": false,
          "attr": "placement",
          "reflectToAttr": false,
          "docs": "The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel\ninside of the viewport.",
          "docsTags": [],
          "default": "'bottom-start'",
          "values": [
            {
              "value": "bottom",
              "type": "string"
            },
            {
              "value": "bottom-end",
              "type": "string"
            },
            {
              "value": "bottom-start",
              "type": "string"
            },
            {
              "value": "left",
              "type": "string"
            },
            {
              "value": "left-end",
              "type": "string"
            },
            {
              "value": "left-start",
              "type": "string"
            },
            {
              "value": "right",
              "type": "string"
            },
            {
              "value": "right-end",
              "type": "string"
            },
            {
              "value": "right-start",
              "type": "string"
            },
            {
              "value": "top",
              "type": "string"
            },
            {
              "value": "top-end",
              "type": "string"
            },
            {
              "value": "top-start",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "skidding",
          "type": "number",
          "mutable": false,
          "attr": "skidding",
          "reflectToAttr": false,
          "docs": "The distance in pixels from which to offset the panel along its trigger.",
          "docsTags": [],
          "default": "0",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "hide",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "hide() => Promise<void>",
          "parameters": [],
          "docs": "Hides the dropdown panel",
          "docsTags": []
        },
        {
          "name": "show",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "show() => Promise<void>",
          "parameters": [],
          "docs": "Shows the dropdown panel",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "slAfterHide",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted after the dropdown closes and all transitions are complete.",
          "docsTags": []
        },
        {
          "event": "slAfterShow",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted after the dropdown opens and all transitions are complete.",
          "docsTags": []
        },
        {
          "event": "slHide",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the dropdown closes. Calling `event.preventDefault()` will prevent it from being closed.",
          "docsTags": []
        },
        {
          "event": "slShow",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the dropdown opens. Calling `event.preventDefault()` will prevent it from being opened.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "",
          "docs": "The dropdown's content."
        },
        {
          "name": "trigger",
          "docs": "The dropdown's trigger, usually a `<sl-button>` element."
        }
      ],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        },
        {
          "name": "panel",
          "docs": "The panel that gets shown when the dropdown is open."
        },
        {
          "name": "trigger",
          "docs": "The container that wraps the trigger."
        }
      ],
      "dependents": [
        "sl-auth-profile",
        "sl-input",
        "sl-rrule-picker",
        "sl-scheduler",
        "sl-select"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "sl-auth-profile": [
          "sl-dropdown"
        ],
        "sl-input": [
          "sl-dropdown"
        ],
        "sl-rrule-picker": [
          "sl-dropdown"
        ],
        "sl-scheduler": [
          "sl-dropdown"
        ],
        "sl-select": [
          "sl-dropdown"
        ]
      }
    },
    {
      "filePath": "./src/components/empty/empty.tsx",
      "encapsulation": "shadow",
      "tag": "sl-empty",
      "readme": "# sl-empty\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "experimental"
        },
        {
          "name": "slot",
          "text": "- The empty placeholder's content."
        },
        {
          "name": "slot",
          "text": "icon - Illustration for the empty element."
        },
        {
          "name": "slot",
          "text": "actions - Space for actions."
        },
        {
          "name": "slot",
          "text": "secondary-actions - Space for additional actions."
        },
        {
          "name": "part",
          "text": "base - The base wrapper"
        },
        {
          "name": "part",
          "text": "header - The header"
        },
        {
          "name": "part",
          "text": "illustration - The illustration wrapper"
        },
        {
          "name": "part",
          "text": "text - The text wrapper"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "header",
          "type": "string",
          "mutable": false,
          "attr": "header",
          "reflectToAttr": false,
          "docs": "The empty headline",
          "docsTags": [],
          "default": "'No data'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "",
          "docs": "The empty placeholder's content."
        },
        {
          "name": "actions",
          "docs": "Space for actions."
        },
        {
          "name": "icon",
          "docs": "Illustration for the empty element."
        },
        {
          "name": "secondary-actions",
          "docs": "Space for additional actions."
        }
      ],
      "parts": [
        {
          "name": "base",
          "docs": "The base wrapper"
        },
        {
          "name": "header",
          "docs": "The header"
        },
        {
          "name": "illustration",
          "docs": "The illustration wrapper"
        },
        {
          "name": "text",
          "docs": "The text wrapper"
        }
      ],
      "dependents": [],
      "dependencies": [
        "sl-icon"
      ],
      "dependencyGraph": {
        "sl-empty": [
          "sl-icon"
        ]
      }
    },
    {
      "filePath": "./src/components/fieldset/fieldrow/fieldrow.tsx",
      "encapsulation": "none",
      "tag": "sl-fieldrow",
      "readme": "# sl-fieldrow\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        }
      ],
      "usage": {},
      "props": [],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [
        "sl-address"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "sl-address": [
          "sl-fieldrow"
        ]
      }
    },
    {
      "filePath": "./src/components/fieldset/fieldset.tsx",
      "encapsulation": "none",
      "tag": "sl-fieldset",
      "readme": "# sl-fieldset\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "errorText",
          "type": "string",
          "mutable": false,
          "attr": "error-text",
          "reflectToAttr": false,
          "docs": "The input's error text. Alternatively, you can use the error-text slot.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "helpText",
          "type": "string",
          "mutable": false,
          "attr": "help-text",
          "reflectToAttr": false,
          "docs": "The input's help text. Alternatively, you can use the help-text slot.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "label",
          "type": "string",
          "mutable": false,
          "attr": "label",
          "reflectToAttr": false,
          "docs": "The input's label. Alternatively, you can use the label slot.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "size",
          "type": "\"large\" | \"medium\" | \"small\"",
          "mutable": false,
          "attr": "size",
          "reflectToAttr": true,
          "docs": "The input's size.",
          "docsTags": [],
          "default": "'medium'",
          "values": [
            {
              "value": "large",
              "type": "string"
            },
            {
              "value": "medium",
              "type": "string"
            },
            {
              "value": "small",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [
        "sl-address"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "sl-address": [
          "sl-fieldset"
        ]
      }
    },
    {
      "filePath": "./src/components/flex/flex.tsx",
      "encapsulation": "shadow",
      "tag": "sl-flex",
      "readme": "# sl-flex\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "experimental"
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        }
      ],
      "usage": {},
      "props": [],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        }
      ],
      "dependents": [
        "sl-auth",
        "sl-rrule-picker"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "sl-auth": [
          "sl-flex"
        ],
        "sl-rrule-picker": [
          "sl-flex"
        ]
      }
    },
    {
      "filePath": "./src/components/form/form.tsx",
      "encapsulation": "shadow",
      "tag": "sl-form",
      "readme": "# sl-form\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "slot",
          "text": "- The form's content."
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "novalidate",
          "type": "boolean",
          "mutable": false,
          "attr": "novalidate",
          "reflectToAttr": false,
          "docs": "Prevent the form from validating inputs before submitting.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "getFormControls",
          "returns": {
            "type": "Promise<HTMLElement[]>",
            "docs": ""
          },
          "signature": "getFormControls() => Promise<HTMLElement[]>",
          "parameters": [],
          "docs": "Gets all form control elements (native and custom).",
          "docsTags": []
        },
        {
          "name": "getFormData",
          "returns": {
            "type": "Promise<FormData>",
            "docs": ""
          },
          "signature": "getFormData() => Promise<FormData>",
          "parameters": [],
          "docs": "Serializes all form controls elements and returns a `FormData` object.",
          "docsTags": []
        },
        {
          "name": "submit",
          "returns": {
            "type": "Promise<boolean>",
            "docs": ""
          },
          "signature": "submit() => Promise<boolean>",
          "parameters": [],
          "docs": "Submits the form. If all controls are valid, the `sl-submit` event will be emitted and the promise will resolve\nwith `true`. If any form control is invalid, the promise will resolve with `false` and no event will be emitted.",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "slSubmit",
          "detail": "{ formData: FormData; formControls: HTMLElement[]; }",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the form is submitted. This event will not be emitted if any form control inside of it is in an\ninvalid state, unless the form has the `novalidate` attribute. Note that there is never a need to prevent this\nevent, since it doen't send a GET or POST request like native forms. To \"prevent\" submission, use a conditional\naround the XHR request you use to submit the form's data with.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "",
          "docs": "The form's content."
        }
      ],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/format-bytes/format-bytes.tsx",
      "encapsulation": "shadow",
      "tag": "sl-format-bytes",
      "readme": "# sl-format-bytes\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "locale",
          "type": "string",
          "mutable": false,
          "attr": "locale",
          "reflectToAttr": false,
          "docs": "The locale to use when formatting the number.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "unit",
          "type": "\"bits\" | \"bytes\"",
          "mutable": false,
          "attr": "unit",
          "reflectToAttr": false,
          "docs": "The unit to display.",
          "docsTags": [],
          "default": "'bytes'",
          "values": [
            {
              "value": "bits",
              "type": "string"
            },
            {
              "value": "bytes",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "value",
          "type": "number",
          "mutable": false,
          "attr": "value",
          "reflectToAttr": false,
          "docs": "The number to format in bytes.",
          "docsTags": [],
          "default": "0",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/format-date/format-date.tsx",
      "encapsulation": "shadow",
      "tag": "sl-format-date",
      "readme": "# sl-format-date\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "date",
          "type": "Date | string",
          "mutable": false,
          "attr": "date",
          "reflectToAttr": false,
          "docs": "The date/time to format. If not set, the current date and time will be used.",
          "docsTags": [],
          "default": "new Date()",
          "values": [
            {
              "type": "Date"
            },
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "day",
          "type": "\"2-digit\" | \"numeric\"",
          "mutable": false,
          "attr": "day",
          "reflectToAttr": false,
          "docs": "The format for displaying the day.",
          "docsTags": [],
          "values": [
            {
              "value": "2-digit",
              "type": "string"
            },
            {
              "value": "numeric",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "era",
          "type": "\"long\" | \"narrow\" | \"short\"",
          "mutable": false,
          "attr": "era",
          "reflectToAttr": false,
          "docs": "The format for displaying the era.",
          "docsTags": [],
          "values": [
            {
              "value": "long",
              "type": "string"
            },
            {
              "value": "narrow",
              "type": "string"
            },
            {
              "value": "short",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "hour",
          "type": "\"2-digit\" | \"numeric\"",
          "mutable": false,
          "attr": "hour",
          "reflectToAttr": false,
          "docs": "The format for displaying the hour.",
          "docsTags": [],
          "values": [
            {
              "value": "2-digit",
              "type": "string"
            },
            {
              "value": "numeric",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "hourFormat",
          "type": "\"12\" | \"24\" | \"auto\"",
          "mutable": false,
          "attr": "hour-format",
          "reflectToAttr": false,
          "docs": "When set, 24 hour time will always be used.",
          "docsTags": [],
          "default": "'auto'",
          "values": [
            {
              "value": "12",
              "type": "string"
            },
            {
              "value": "24",
              "type": "string"
            },
            {
              "value": "auto",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "locale",
          "type": "string",
          "mutable": false,
          "attr": "locale",
          "reflectToAttr": false,
          "docs": "The locale to use when formatting the date/time.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "minute",
          "type": "\"2-digit\" | \"numeric\"",
          "mutable": false,
          "attr": "minute",
          "reflectToAttr": false,
          "docs": "The format for displaying the minute.",
          "docsTags": [],
          "values": [
            {
              "value": "2-digit",
              "type": "string"
            },
            {
              "value": "numeric",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "month",
          "type": "\"2-digit\" | \"long\" | \"narrow\" | \"numeric\" | \"short\"",
          "mutable": false,
          "attr": "month",
          "reflectToAttr": false,
          "docs": "The format for displaying the month.",
          "docsTags": [],
          "values": [
            {
              "value": "2-digit",
              "type": "string"
            },
            {
              "value": "long",
              "type": "string"
            },
            {
              "value": "narrow",
              "type": "string"
            },
            {
              "value": "numeric",
              "type": "string"
            },
            {
              "value": "short",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "second",
          "type": "\"2-digit\" | \"numeric\"",
          "mutable": false,
          "attr": "second",
          "reflectToAttr": false,
          "docs": "The format for displaying the second.",
          "docsTags": [],
          "values": [
            {
              "value": "2-digit",
              "type": "string"
            },
            {
              "value": "numeric",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "timeZone",
          "type": "string",
          "mutable": false,
          "attr": "time-zone",
          "reflectToAttr": false,
          "docs": "The time zone to express the time in.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "timeZoneName",
          "type": "\"long\" | \"short\"",
          "mutable": false,
          "attr": "time-zone-name",
          "reflectToAttr": false,
          "docs": "The format for displaying the time.",
          "docsTags": [],
          "values": [
            {
              "value": "long",
              "type": "string"
            },
            {
              "value": "short",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "weekday",
          "type": "\"long\" | \"narrow\" | \"short\"",
          "mutable": false,
          "attr": "weekday",
          "reflectToAttr": false,
          "docs": "The format for displaying the weekday.",
          "docsTags": [],
          "values": [
            {
              "value": "long",
              "type": "string"
            },
            {
              "value": "narrow",
              "type": "string"
            },
            {
              "value": "short",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "year",
          "type": "\"2-digit\" | \"numeric\"",
          "mutable": false,
          "attr": "year",
          "reflectToAttr": false,
          "docs": "The format for displaying the year.",
          "docsTags": [],
          "values": [
            {
              "value": "2-digit",
              "type": "string"
            },
            {
              "value": "numeric",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/format-number/format-number.tsx",
      "encapsulation": "shadow",
      "tag": "sl-format-number",
      "readme": "# sl-format-number\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "currency",
          "type": "string",
          "mutable": false,
          "attr": "currency",
          "reflectToAttr": false,
          "docs": "The currency to use when formatting. Must be an ISO 4217 currency code such as `USD` or `EUR`.",
          "docsTags": [],
          "default": "'USD'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "currencyDisplay",
          "type": "\"code\" | \"name\" | \"narrowSymbol\" | \"symbol\"",
          "mutable": false,
          "attr": "currency-display",
          "reflectToAttr": false,
          "docs": "How to display the currency.",
          "docsTags": [],
          "default": "'symbol'",
          "values": [
            {
              "value": "code",
              "type": "string"
            },
            {
              "value": "name",
              "type": "string"
            },
            {
              "value": "narrowSymbol",
              "type": "string"
            },
            {
              "value": "symbol",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "locale",
          "type": "string",
          "mutable": false,
          "attr": "locale",
          "reflectToAttr": false,
          "docs": "The locale to use when formatting the number.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "maximumFractionDigits",
          "type": "number",
          "mutable": false,
          "attr": "maximum-fraction-digits",
          "reflectToAttr": false,
          "docs": "The maximum number of fraction digits to use. Possible values are 0 - 20.",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "maximumSignificantDigits",
          "type": "number",
          "mutable": false,
          "attr": "maximum-significant-digits",
          "reflectToAttr": false,
          "docs": "The maximum number of significant digits to use,. Possible values are 1 - 21.",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "minimumFractionDigits",
          "type": "number",
          "mutable": false,
          "attr": "minimum-fraction-digits",
          "reflectToAttr": false,
          "docs": "The minimum number of fraction digits to use. Possible values are 0 - 20.",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "minimumIntegerDigits",
          "type": "number",
          "mutable": false,
          "attr": "minimum-integer-digits",
          "reflectToAttr": false,
          "docs": "The minimum number of integer digits to use. Possible values are 1 - 21.",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "minimumSignificantDigits",
          "type": "number",
          "mutable": false,
          "attr": "minimum-significant-digits",
          "reflectToAttr": false,
          "docs": "The minimum number of significant digits to use. Possible values are 1 - 21.",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "noGrouping",
          "type": "boolean",
          "mutable": false,
          "attr": "no-grouping",
          "reflectToAttr": false,
          "docs": "Turns off grouping separators.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "type",
          "type": "\"currency\" | \"decimal\" | \"percent\"",
          "mutable": false,
          "attr": "type",
          "reflectToAttr": false,
          "docs": "The formatting style to use.",
          "docsTags": [],
          "default": "'decimal'",
          "values": [
            {
              "value": "currency",
              "type": "string"
            },
            {
              "value": "decimal",
              "type": "string"
            },
            {
              "value": "percent",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "value",
          "type": "number",
          "mutable": false,
          "attr": "value",
          "reflectToAttr": false,
          "docs": "The number to format.",
          "docsTags": [],
          "default": "0",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/format-rrule/format-rrule.tsx",
      "encapsulation": "none",
      "tag": "sl-format-rrule",
      "readme": "# sl-format-rrule\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "value",
          "type": "string",
          "mutable": false,
          "attr": "value",
          "reflectToAttr": false,
          "docs": "The recurrence rule to format.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [
        "sl-rrule-picker"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "sl-rrule-picker": [
          "sl-format-rrule"
        ]
      }
    },
    {
      "filePath": "./src/components/grid/grid.tsx",
      "encapsulation": "shadow",
      "tag": "sl-grid",
      "readme": "# sl-grid\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "experimental"
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        }
      ],
      "usage": {},
      "props": [],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        }
      ],
      "dependents": [
        "sl-auth",
        "sl-section"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "sl-auth": [
          "sl-grid"
        ],
        "sl-section": [
          "sl-grid"
        ]
      }
    },
    {
      "filePath": "./src/components/icon/icon.tsx",
      "encapsulation": "shadow",
      "tag": "sl-icon",
      "readme": "# sl-icon\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "label",
          "type": "string",
          "mutable": false,
          "attr": "label",
          "reflectToAttr": false,
          "docs": "An alternative description to use for accessibility. If omitted, the name or src will be used to generate it.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "library",
          "type": "string",
          "mutable": false,
          "attr": "library",
          "reflectToAttr": false,
          "docs": "The name of a registered custom icon library.",
          "docsTags": [],
          "default": "'default'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "name",
          "type": "string",
          "mutable": false,
          "attr": "name",
          "reflectToAttr": false,
          "docs": "The name of the icon to draw.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "src",
          "type": "string",
          "mutable": false,
          "attr": "src",
          "reflectToAttr": false,
          "docs": "An external URL of an SVG file.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "slError",
          "detail": "{ status?: number; }",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the icon failed to load.",
          "docsTags": []
        },
        {
          "event": "slLoad",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the icon has loaded.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        }
      ],
      "dependents": [
        "sl-auth",
        "sl-auth-profile",
        "sl-avatar",
        "sl-breadcrumb",
        "sl-date-picker",
        "sl-details",
        "sl-empty",
        "sl-icon-button",
        "sl-input",
        "sl-menu-item",
        "sl-otp-view",
        "sl-pagination",
        "sl-scheduler",
        "sl-select",
        "sl-tag",
        "sl-upload"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "sl-auth": [
          "sl-icon"
        ],
        "sl-auth-profile": [
          "sl-icon"
        ],
        "sl-avatar": [
          "sl-icon"
        ],
        "sl-breadcrumb": [
          "sl-icon"
        ],
        "sl-date-picker": [
          "sl-icon"
        ],
        "sl-details": [
          "sl-icon"
        ],
        "sl-empty": [
          "sl-icon"
        ],
        "sl-icon-button": [
          "sl-icon"
        ],
        "sl-input": [
          "sl-icon"
        ],
        "sl-menu-item": [
          "sl-icon"
        ],
        "sl-otp-view": [
          "sl-icon"
        ],
        "sl-pagination": [
          "sl-icon"
        ],
        "sl-scheduler": [
          "sl-icon"
        ],
        "sl-select": [
          "sl-icon"
        ],
        "sl-tag": [
          "sl-icon"
        ],
        "sl-upload": [
          "sl-icon"
        ]
      }
    },
    {
      "filePath": "./src/components/icon-button/icon-button.tsx",
      "encapsulation": "shadow",
      "tag": "sl-icon-button",
      "readme": "# sl-icon-button\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "disabled",
          "type": "boolean",
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": true,
          "docs": "Set to true to disable the button.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "label",
          "type": "string",
          "mutable": false,
          "attr": "label",
          "reflectToAttr": true,
          "docs": "A description that gets read by screen readers and other assistive devices. For optimal accessibility, you should\nalways include a label that describes what the icon button does.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "library",
          "type": "string",
          "mutable": false,
          "attr": "library",
          "reflectToAttr": true,
          "docs": "The name of a registered custom icon library.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "name",
          "type": "string",
          "mutable": false,
          "attr": "name",
          "reflectToAttr": true,
          "docs": "The name of the icon to draw.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "src",
          "type": "string",
          "mutable": false,
          "attr": "src",
          "reflectToAttr": true,
          "docs": "An external URL of an SVG file.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        }
      ],
      "dependents": [
        "sl-alert",
        "sl-date-picker",
        "sl-dialog",
        "sl-drawer",
        "sl-scheduler",
        "sl-select",
        "sl-tab",
        "sl-tab-group",
        "sl-tag"
      ],
      "dependencies": [
        "sl-icon"
      ],
      "dependencyGraph": {
        "sl-icon-button": [
          "sl-icon"
        ],
        "sl-alert": [
          "sl-icon-button"
        ],
        "sl-date-picker": [
          "sl-icon-button"
        ],
        "sl-dialog": [
          "sl-icon-button"
        ],
        "sl-drawer": [
          "sl-icon-button"
        ],
        "sl-scheduler": [
          "sl-icon-button"
        ],
        "sl-select": [
          "sl-icon-button"
        ],
        "sl-tab": [
          "sl-icon-button"
        ],
        "sl-tab-group": [
          "sl-icon-button"
        ],
        "sl-tag": [
          "sl-icon-button"
        ]
      }
    },
    {
      "filePath": "./src/components/icon-library/icon-library.tsx",
      "encapsulation": "shadow",
      "tag": "sl-icon-library",
      "readme": "# sl-icon-library\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "mutator",
          "type": "(svg: SVGElement) => void",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "A function that mutates the SVG element before it renders.",
          "docsTags": [],
          "values": [
            {
              "type": "(svg: SVGElement) => void"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "name",
          "type": "string",
          "mutable": false,
          "attr": "name",
          "reflectToAttr": false,
          "docs": "The name of the icon library.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "resolver",
          "type": "(name: string) => string",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "A function that translates an icon name to a URL where the corresponding SVG file exists The URL can be local or a\nCORS-enabled endpoint.",
          "docsTags": [],
          "values": [
            {
              "type": "(name: string) => string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/include/include.tsx",
      "encapsulation": "shadow",
      "tag": "sl-include",
      "readme": "# sl-include\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "allowScripts",
          "type": "boolean",
          "mutable": false,
          "attr": "allow-scripts",
          "reflectToAttr": false,
          "docs": "Allows included scripts to be executed. You must ensure the content you're including is trusted, otherwise this\noption can lead to XSS vulnerabilities in your app!",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "mode",
          "type": "\"cors\" | \"no-cors\" | \"same-origin\"",
          "mutable": false,
          "attr": "mode",
          "reflectToAttr": false,
          "docs": "The fetch mode to use.",
          "docsTags": [],
          "default": "'cors'",
          "values": [
            {
              "value": "cors",
              "type": "string"
            },
            {
              "value": "no-cors",
              "type": "string"
            },
            {
              "value": "same-origin",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "src",
          "type": "string",
          "mutable": false,
          "attr": "src",
          "reflectToAttr": false,
          "docs": "The location of the HTML file to include.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "slError",
          "detail": "{ status?: number; }",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the included file fails to load due to an error.",
          "docsTags": []
        },
        {
          "event": "slLoad",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the included file is loaded.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/input/input.tsx",
      "encapsulation": "shadow",
      "tag": "sl-input",
      "readme": "# sl-input\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "slot",
          "text": "label - The input's label. Alternatively, you can use the label prop."
        },
        {
          "name": "slot",
          "text": "prefix - Used to prepend an icon or similar element to the input."
        },
        {
          "name": "slot",
          "text": "suffix - Used to append an icon or similar element to the input."
        },
        {
          "name": "slot",
          "text": "clear-icon - An icon to use in lieu of the default clear icon."
        },
        {
          "name": "slot",
          "text": "show-password-icon - An icon to use in lieu of the default show password icon."
        },
        {
          "name": "slot",
          "text": "hide-password-icon - An icon to use in lieu of the default hide password icon."
        },
        {
          "name": "slot",
          "text": "help-text - Help text that describes how to use the input. Alternatively, you can use the help-text prop."
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        },
        {
          "name": "part",
          "text": "form-control - The form control that wraps the label, input, and help-text."
        },
        {
          "name": "part",
          "text": "label - The input label."
        },
        {
          "name": "part",
          "text": "input - The input control."
        },
        {
          "name": "part",
          "text": "prefix - The input prefix container."
        },
        {
          "name": "part",
          "text": "clear-button - The clear button."
        },
        {
          "name": "part",
          "text": "password-toggle-button - The password toggle button."
        },
        {
          "name": "part",
          "text": "suffix - The input suffix container."
        },
        {
          "name": "part",
          "text": "help-text - The input help text."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "align",
          "type": "\"center\" | \"left\" | \"right\"",
          "mutable": false,
          "attr": "align",
          "reflectToAttr": false,
          "docs": "The input's horizontal align.",
          "docsTags": [],
          "default": "'left'",
          "values": [
            {
              "value": "center",
              "type": "string"
            },
            {
              "value": "left",
              "type": "string"
            },
            {
              "value": "right",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "autocapitalize",
          "type": "string",
          "mutable": false,
          "attr": "autocapitalize",
          "reflectToAttr": false,
          "docs": "The input's autocaptialize attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "autocomplete",
          "type": "string",
          "mutable": false,
          "attr": "autocomplete",
          "reflectToAttr": false,
          "docs": "The input's autocomplete attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "autocorrect",
          "type": "string",
          "mutable": false,
          "attr": "autocorrect",
          "reflectToAttr": false,
          "docs": "The input's autocorrect attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "autofocus",
          "type": "boolean",
          "mutable": false,
          "attr": "autofocus",
          "reflectToAttr": false,
          "docs": "The input's autofocus attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "clearable",
          "type": "boolean",
          "mutable": false,
          "attr": "clearable",
          "reflectToAttr": false,
          "docs": "Set to true to add a clear button when the input is populated.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": true,
          "docs": "Set to true to disable the input.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "errorText",
          "type": "string",
          "mutable": false,
          "attr": "error-text",
          "reflectToAttr": false,
          "docs": "The input's error text. Alternatively, you can use the error-text slot.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "helpText",
          "type": "string",
          "mutable": false,
          "attr": "help-text",
          "reflectToAttr": false,
          "docs": "The input's help text. Alternatively, you can use the help-text slot.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "hoist",
          "type": "boolean",
          "mutable": false,
          "attr": "hoist",
          "reflectToAttr": false,
          "docs": "Enable this option to prevent input editor using dropdowns from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "inputmode",
          "type": "\"decimal\" | \"email\" | \"none\" | \"numeric\" | \"search\" | \"tel\" | \"text\" | \"url\"",
          "mutable": false,
          "attr": "inputmode",
          "reflectToAttr": false,
          "docs": "The input's inputmode attribute.",
          "docsTags": [],
          "values": [
            {
              "value": "decimal",
              "type": "string"
            },
            {
              "value": "email",
              "type": "string"
            },
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "numeric",
              "type": "string"
            },
            {
              "value": "search",
              "type": "string"
            },
            {
              "value": "tel",
              "type": "string"
            },
            {
              "value": "text",
              "type": "string"
            },
            {
              "value": "url",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "invalid",
          "type": "boolean",
          "mutable": true,
          "attr": "invalid",
          "reflectToAttr": true,
          "docs": "This will be true when the control is in an invalid state. Validity is determined by props such as `type`,\n`required`, `minlength`, `maxlength`, and `pattern` using the browser's constraint validation API.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "label",
          "type": "string",
          "mutable": false,
          "attr": "label",
          "reflectToAttr": false,
          "docs": "The input's label. Alternatively, you can use the label slot.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "max",
          "type": "number",
          "mutable": false,
          "attr": "max",
          "reflectToAttr": true,
          "docs": "The input's maximum value.",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "maxlength",
          "type": "number",
          "mutable": false,
          "attr": "maxlength",
          "reflectToAttr": true,
          "docs": "The maximum length of input that will be considered valid.",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "min",
          "type": "number",
          "mutable": false,
          "attr": "min",
          "reflectToAttr": true,
          "docs": "The input's minimum value.",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "minlength",
          "type": "number",
          "mutable": false,
          "attr": "minlength",
          "reflectToAttr": true,
          "docs": "The minimum length of input that will be considered valid.",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "name",
          "type": "string",
          "mutable": false,
          "attr": "name",
          "reflectToAttr": true,
          "docs": "The input's name attribute.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "pattern",
          "type": "string",
          "mutable": false,
          "attr": "pattern",
          "reflectToAttr": true,
          "docs": "A pattern to validate input against.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "pill",
          "type": "boolean",
          "mutable": false,
          "attr": "pill",
          "reflectToAttr": true,
          "docs": "Set to true to draw a pill-style input with rounded edges.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "placeholder",
          "type": "string",
          "mutable": false,
          "attr": "placeholder",
          "reflectToAttr": false,
          "docs": "The input's placeholder text.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "readonly",
          "type": "boolean",
          "mutable": false,
          "attr": "readonly",
          "reflectToAttr": true,
          "docs": "Set to true to make the input readonly.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "required",
          "type": "boolean",
          "mutable": false,
          "attr": "required",
          "reflectToAttr": true,
          "docs": "Set to true to make the input a required field.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "size",
          "type": "\"large\" | \"medium\" | \"small\"",
          "mutable": false,
          "attr": "size",
          "reflectToAttr": false,
          "docs": "The input's size.",
          "docsTags": [],
          "default": "'medium'",
          "values": [
            {
              "value": "large",
              "type": "string"
            },
            {
              "value": "medium",
              "type": "string"
            },
            {
              "value": "small",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "spellcheck",
          "type": "boolean",
          "mutable": false,
          "attr": "spellcheck",
          "reflectToAttr": false,
          "docs": "Enables spell checking on the input.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "step",
          "type": "number",
          "mutable": false,
          "attr": "step",
          "reflectToAttr": true,
          "docs": "The input's step attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "togglePassword",
          "type": "boolean",
          "mutable": false,
          "attr": "toggle-password",
          "reflectToAttr": false,
          "docs": "Set to true to add a password toggle button for password inputs.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "type",
          "type": "\"date\" | \"email\" | \"number\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"time\" | \"url\"",
          "mutable": false,
          "attr": "type",
          "reflectToAttr": true,
          "docs": "The input's type.",
          "docsTags": [],
          "default": "'text'",
          "values": [
            {
              "value": "date",
              "type": "string"
            },
            {
              "value": "email",
              "type": "string"
            },
            {
              "value": "number",
              "type": "string"
            },
            {
              "value": "password",
              "type": "string"
            },
            {
              "value": "search",
              "type": "string"
            },
            {
              "value": "tel",
              "type": "string"
            },
            {
              "value": "text",
              "type": "string"
            },
            {
              "value": "time",
              "type": "string"
            },
            {
              "value": "url",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "value",
          "type": "string",
          "mutable": true,
          "attr": "value",
          "reflectToAttr": true,
          "docs": "The input's value attribute.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "removeFocus",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "removeFocus() => Promise<void>",
          "parameters": [],
          "docs": "Removes focus from the input.",
          "docsTags": []
        },
        {
          "name": "reportValidity",
          "returns": {
            "type": "Promise<boolean>",
            "docs": ""
          },
          "signature": "reportValidity() => Promise<boolean>",
          "parameters": [],
          "docs": "Checks for validity and shows the browser's validation message if the control is invalid.",
          "docsTags": []
        },
        {
          "name": "select",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "select() => Promise<void>",
          "parameters": [],
          "docs": "Selects all the text in the input.",
          "docsTags": []
        },
        {
          "name": "setCustomValidity",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "setCustomValidity(message: string) => Promise<void>",
          "parameters": [],
          "docs": "Sets a custom validation message. If `message` is not empty, the field will be considered invalid.",
          "docsTags": []
        },
        {
          "name": "setFocus",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "setFocus(options?: FocusOptions) => Promise<void>",
          "parameters": [],
          "docs": "Sets focus on the input.",
          "docsTags": []
        },
        {
          "name": "setRangeText",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "setRangeText(replacement: string, start: number, end: number, selectMode?: 'select' | 'start' | 'end' | 'preserve') => Promise<void>",
          "parameters": [],
          "docs": "Replaces a range of text with a new string.",
          "docsTags": []
        },
        {
          "name": "setSelectionRange",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "setSelectionRange(selectionStart: number, selectionEnd: number, selectionDirection?: 'forward' | 'backward' | 'none') => Promise<void>",
          "parameters": [],
          "docs": "Sets the start and end positions of the text selection (0-based).",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "slBlur",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the control loses focus.",
          "docsTags": []
        },
        {
          "event": "slClear",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the clear button is activated.",
          "docsTags": []
        },
        {
          "event": "slFocus",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the control gains focus.",
          "docsTags": []
        },
        {
          "event": "slInput",
          "detail": "number | string",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the control receives input.",
          "docsTags": []
        },
        {
          "event": "valueChange",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the control's value changes.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [
        {
          "name": "--focus-ring",
          "annotation": "prop",
          "docs": "The focus ring style to use when the control receives focus, a `box-shadow` property."
        }
      ],
      "slots": [
        {
          "name": "clear-icon",
          "docs": "An icon to use in lieu of the default clear icon."
        },
        {
          "name": "help-text",
          "docs": "Help text that describes how to use the input. Alternatively, you can use the help-text prop."
        },
        {
          "name": "hide-password-icon",
          "docs": "An icon to use in lieu of the default hide password icon."
        },
        {
          "name": "label",
          "docs": "The input's label. Alternatively, you can use the label prop."
        },
        {
          "name": "prefix",
          "docs": "Used to prepend an icon or similar element to the input."
        },
        {
          "name": "show-password-icon",
          "docs": "An icon to use in lieu of the default show password icon."
        },
        {
          "name": "suffix",
          "docs": "Used to append an icon or similar element to the input."
        }
      ],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        },
        {
          "name": "clear-button",
          "docs": "The clear button."
        },
        {
          "name": "form-control",
          "docs": "The form control that wraps the label, input, and help-text."
        },
        {
          "name": "help-text",
          "docs": "The input help text."
        },
        {
          "name": "input",
          "docs": "The input control."
        },
        {
          "name": "label",
          "docs": "The input label."
        },
        {
          "name": "password-toggle-button",
          "docs": "The password toggle button."
        },
        {
          "name": "prefix",
          "docs": "The input prefix container."
        },
        {
          "name": "suffix",
          "docs": "The input suffix container."
        }
      ],
      "dependents": [
        "sl-address",
        "sl-auth",
        "sl-otp-input",
        "sl-rrule-picker",
        "sl-select"
      ],
      "dependencies": [
        "sl-dropdown",
        "sl-date-picker",
        "sl-icon"
      ],
      "dependencyGraph": {
        "sl-input": [
          "sl-dropdown",
          "sl-date-picker",
          "sl-icon"
        ],
        "sl-date-picker": [
          "sl-button",
          "sl-icon",
          "sl-icon-button"
        ],
        "sl-button": [
          "sl-spinner"
        ],
        "sl-icon-button": [
          "sl-icon"
        ],
        "sl-address": [
          "sl-input"
        ],
        "sl-auth": [
          "sl-input"
        ],
        "sl-otp-input": [
          "sl-input"
        ],
        "sl-rrule-picker": [
          "sl-input"
        ],
        "sl-select": [
          "sl-input"
        ]
      }
    },
    {
      "filePath": "./src/components/label/label.tsx",
      "encapsulation": "shadow",
      "tag": "sl-label",
      "readme": "# sl-label\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "slot",
          "text": "- The label's content."
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "color",
          "type": "\"blue\" | \"dark\" | \"green\" | \"light\" | \"medium\" | \"purple\" | \"red\" | \"very-dark\" | \"very-light\" | \"yellow\"",
          "mutable": false,
          "attr": "color",
          "reflectToAttr": true,
          "docs": "The label's size",
          "docsTags": [],
          "values": [
            {
              "value": "blue",
              "type": "string"
            },
            {
              "value": "dark",
              "type": "string"
            },
            {
              "value": "green",
              "type": "string"
            },
            {
              "value": "light",
              "type": "string"
            },
            {
              "value": "medium",
              "type": "string"
            },
            {
              "value": "purple",
              "type": "string"
            },
            {
              "value": "red",
              "type": "string"
            },
            {
              "value": "very-dark",
              "type": "string"
            },
            {
              "value": "very-light",
              "type": "string"
            },
            {
              "value": "yellow",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "multiline",
          "type": "boolean",
          "mutable": false,
          "attr": "multiline",
          "reflectToAttr": false,
          "docs": "Whether the label is multiline.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "size",
          "type": "\"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\"",
          "mutable": false,
          "attr": "size",
          "reflectToAttr": true,
          "docs": "The label's size",
          "docsTags": [],
          "default": "'medium'",
          "values": [
            {
              "value": "large",
              "type": "string"
            },
            {
              "value": "medium",
              "type": "string"
            },
            {
              "value": "small",
              "type": "string"
            },
            {
              "value": "x-large",
              "type": "string"
            },
            {
              "value": "x-small",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "weight",
          "type": "\"bold\" | \"light\" | \"normal\" | \"semibold\"",
          "mutable": false,
          "attr": "weight",
          "reflectToAttr": true,
          "docs": "The label's weight",
          "docsTags": [],
          "values": [
            {
              "value": "bold",
              "type": "string"
            },
            {
              "value": "light",
              "type": "string"
            },
            {
              "value": "normal",
              "type": "string"
            },
            {
              "value": "semibold",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [
        {
          "name": "--line-height--large",
          "annotation": "prop",
          "docs": "The line-height for large labels."
        },
        {
          "name": "--line-height--medium",
          "annotation": "prop",
          "docs": "The line-height for medium labels."
        },
        {
          "name": "--line-height--small",
          "annotation": "prop",
          "docs": "The line-height for small labels."
        },
        {
          "name": "--line-height--x-large",
          "annotation": "prop",
          "docs": "The line-height for x-large labels."
        },
        {
          "name": "--line-height--x-small",
          "annotation": "prop",
          "docs": "The line-height for x-small labels."
        }
      ],
      "slots": [
        {
          "name": "",
          "docs": "The label's content."
        }
      ],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        }
      ],
      "dependents": [
        "sl-auth",
        "sl-auth-profile",
        "sl-calendar-date",
        "sl-otp-view",
        "sl-rrule-picker",
        "sl-scheduler",
        "sl-time-period"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "sl-auth": [
          "sl-label"
        ],
        "sl-auth-profile": [
          "sl-label"
        ],
        "sl-calendar-date": [
          "sl-label"
        ],
        "sl-otp-view": [
          "sl-label"
        ],
        "sl-rrule-picker": [
          "sl-label"
        ],
        "sl-scheduler": [
          "sl-label"
        ],
        "sl-time-period": [
          "sl-label"
        ]
      }
    },
    {
      "filePath": "./src/components/layout/layout.tsx",
      "encapsulation": "shadow",
      "tag": "sl-layout",
      "readme": "# sl-layout\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "slot",
          "text": "- The layouts's main content."
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        }
      ],
      "usage": {},
      "props": [],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "",
          "docs": "The layouts's main content."
        }
      ],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        },
        {
          "name": "margin",
          "docs": ""
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/list/list.tsx",
      "encapsulation": "shadow",
      "tag": "sl-list",
      "readme": "# sl-list\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "experimental"
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "lines",
          "type": "\"full\" | \"none\"",
          "mutable": false,
          "attr": "lines",
          "reflectToAttr": true,
          "docs": "Set to 'full' to show lines between list items.",
          "docsTags": [],
          "default": "'none'",
          "values": [
            {
              "value": "full",
              "type": "string"
            },
            {
              "value": "none",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "value",
          "type": "string",
          "mutable": true,
          "attr": "value",
          "reflectToAttr": false,
          "docs": "The value of the control..",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "slBlur",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the control loses focus.",
          "docsTags": []
        },
        {
          "event": "slFocus",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the control gains focus.",
          "docsTags": []
        },
        {
          "event": "valueChange",
          "detail": "string",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when a list item is selected.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        }
      ],
      "dependents": [
        "sl-auth-profile",
        "sl-rrule-picker"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "sl-auth-profile": [
          "sl-list"
        ],
        "sl-rrule-picker": [
          "sl-list"
        ]
      }
    },
    {
      "filePath": "./src/components/list-divider/list-divider.tsx",
      "encapsulation": "shadow",
      "tag": "sl-list-divider",
      "readme": "# sl-list-divider\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "experimental"
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        }
      ],
      "usage": {},
      "props": [],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/list-item/list-item.tsx",
      "encapsulation": "shadow",
      "tag": "sl-list-item",
      "readme": "# sl-list-item\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "experimental"
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        },
        {
          "name": "slot",
          "text": "prefix - Space for icons, avatars or other features"
        },
        {
          "name": "slot",
          "text": "- The main content"
        },
        {
          "name": "slot",
          "text": "suffix - Space for icons, menus and other actions"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "active",
          "type": "boolean",
          "mutable": true,
          "attr": "active",
          "reflectToAttr": false,
          "docs": "Whether this item is visually active or not.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "center",
          "type": "boolean",
          "mutable": true,
          "attr": "center",
          "reflectToAttr": false,
          "docs": "Whether the items are vertically centered or not. By default they align to the top",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "value",
          "type": "any",
          "mutable": false,
          "attr": "value",
          "reflectToAttr": false,
          "docs": "A value that can be attached to the list item.",
          "docsTags": [],
          "values": [
            {
              "type": "any"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [
        {
          "name": "--focus-ring",
          "annotation": "prop",
          "docs": "The focus ring style to use when the control receives focus, a `box-shadow` property."
        }
      ],
      "slots": [
        {
          "name": "",
          "docs": "The main content"
        },
        {
          "name": "prefix",
          "docs": "Space for icons, avatars or other features"
        },
        {
          "name": "suffix",
          "docs": "Space for icons, menus and other actions"
        }
      ],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        },
        {
          "name": "content",
          "docs": ""
        },
        {
          "name": "prefix",
          "docs": ""
        },
        {
          "name": "suffix",
          "docs": ""
        }
      ],
      "dependents": [
        "sl-auth-profile",
        "sl-rrule-picker"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "sl-auth-profile": [
          "sl-list-item"
        ],
        "sl-rrule-picker": [
          "sl-list-item"
        ]
      }
    },
    {
      "filePath": "./src/components/map/map.tsx",
      "encapsulation": "shadow",
      "tag": "sl-map",
      "readme": "# sl-map\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "accessToken",
          "type": "string",
          "mutable": false,
          "attr": "access-token",
          "reflectToAttr": false,
          "docs": "The mapbox access token (Required)",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "lat",
          "type": "number",
          "mutable": false,
          "attr": "lat",
          "reflectToAttr": false,
          "docs": "The latitude center",
          "docsTags": [],
          "default": "57.04",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "lng",
          "type": "number",
          "mutable": false,
          "attr": "lng",
          "reflectToAttr": false,
          "docs": "The longitude center",
          "docsTags": [],
          "default": "9.95",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "mapStyle",
          "type": "string",
          "mutable": false,
          "attr": "map-style",
          "reflectToAttr": false,
          "docs": "The map style.",
          "docsTags": [],
          "default": "'mapbox://styles/mapbox/streets-v11'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "zoom",
          "type": "number",
          "mutable": false,
          "attr": "zoom",
          "reflectToAttr": false,
          "docs": "The default zoom",
          "docsTags": [],
          "default": "12",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "addLayer",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "addLayer(layer: AnyLayer) => Promise<void>",
          "parameters": [],
          "docs": "Adds new layer.",
          "docsTags": []
        },
        {
          "name": "addMarker",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "addMarker(id: string, longitude: number, latitude: number, options?: { element?: HTMLElement; anchor: 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'; }) => Promise<void>",
          "parameters": [],
          "docs": "Adds a marker to the map.",
          "docsTags": []
        },
        {
          "name": "addSource",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "addSource(id: string, source: AnySourceData) => Promise<void>",
          "parameters": [],
          "docs": "Adds new source.",
          "docsTags": [
            {
              "name": "param",
              "text": "source"
            }
          ]
        },
        {
          "name": "clearLayers",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "clearLayers() => Promise<void>",
          "parameters": [],
          "docs": "Removes layers added to map.",
          "docsTags": []
        },
        {
          "name": "clearMarkers",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "clearMarkers() => Promise<void>",
          "parameters": [],
          "docs": "Removes all markers on the map.",
          "docsTags": []
        },
        {
          "name": "clearSources",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "clearSources() => Promise<void>",
          "parameters": [],
          "docs": "Removes sources added to map.",
          "docsTags": []
        },
        {
          "name": "fitBounds",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "fitBounds() => Promise<void>",
          "parameters": [],
          "docs": "Fits map to markers if any",
          "docsTags": []
        },
        {
          "name": "getInnerMap",
          "returns": {
            "type": "Promise<Map>",
            "docs": ""
          },
          "signature": "getInnerMap() => Promise<mapboxgl.Map>",
          "parameters": [],
          "docs": "Retrieves the inner mapbox object.",
          "docsTags": [
            {
              "name": "returns"
            }
          ]
        },
        {
          "name": "getMarker",
          "returns": {
            "type": "Promise<Marker>",
            "docs": ""
          },
          "signature": "getMarker(id: string) => Promise<mapboxgl.Marker | undefined>",
          "parameters": [],
          "docs": "Retrieves a marker",
          "docsTags": []
        },
        {
          "name": "locate",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "locate(latitude: number, longitude: number) => Promise<void>",
          "parameters": [],
          "docs": "Centers the map on the specified coordinate.",
          "docsTags": []
        },
        {
          "name": "removeMarker",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "removeMarker(id: string) => Promise<void>",
          "parameters": [],
          "docs": "Removes a marker from the map.",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "slMove",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when map is moved.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/menu/menu.tsx",
      "encapsulation": "shadow",
      "tag": "sl-menu",
      "readme": "# sl-menu\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "slot",
          "text": "- The menu's content, including menu items, menu dividers, and menu labels."
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        }
      ],
      "usage": {},
      "props": [],
      "methods": [
        {
          "name": "typeToSelect",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "typeToSelect(key: string) => Promise<void>",
          "parameters": [],
          "docs": "Initiates type-to-select logic, which automatically selects an option based on what the user is currently typing.\nThe key passed will be appended to the internal query and the selection will be updated. After a brief period, the\ninternal query is cleared automatically. This method is intended to be used with the keydown event. Useful for\nenabling type-to-select when the menu doesn't have focus.",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "slSelect",
          "detail": "{ item: HTMLSlMenuItemElement; }",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when a menu item is selected.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "",
          "docs": "The menu's content, including menu items, menu dividers, and menu labels."
        }
      ],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        }
      ],
      "dependents": [
        "sl-auth-profile",
        "sl-rrule-picker",
        "sl-scheduler",
        "sl-select"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "sl-auth-profile": [
          "sl-menu"
        ],
        "sl-rrule-picker": [
          "sl-menu"
        ],
        "sl-scheduler": [
          "sl-menu"
        ],
        "sl-select": [
          "sl-menu"
        ]
      }
    },
    {
      "filePath": "./src/components/menu-divider/menu-divider.tsx",
      "encapsulation": "shadow",
      "tag": "sl-menu-divider",
      "readme": "# sl-menu-divider\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "deprecated"
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        }
      ],
      "usage": {},
      "props": [],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        }
      ],
      "dependents": [
        "sl-auth-profile",
        "sl-scheduler"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "sl-auth-profile": [
          "sl-menu-divider"
        ],
        "sl-scheduler": [
          "sl-menu-divider"
        ]
      }
    },
    {
      "filePath": "./src/components/menu-item/menu-item.tsx",
      "encapsulation": "shadow",
      "tag": "sl-menu-item",
      "readme": "# sl-menu-item\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "slot",
          "text": "- The menu item's label."
        },
        {
          "name": "slot",
          "text": "prefix - Used to prepend an icon or similar element to the menu item."
        },
        {
          "name": "slot",
          "text": "suffix - Used to append an icon or similar element to the menu item."
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        },
        {
          "name": "part",
          "text": "checked-icon - The container that wraps the checked icon."
        },
        {
          "name": "part",
          "text": "prefix - The prefix container."
        },
        {
          "name": "part",
          "text": "label - The menu item label."
        },
        {
          "name": "part",
          "text": "suffix - The suffix container."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "checked",
          "type": "boolean",
          "mutable": false,
          "attr": "checked",
          "reflectToAttr": true,
          "docs": "Set to true to draw the item in a checked state.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": true,
          "docs": "Set to true to draw the menu item in a disabled state.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "type",
          "type": "\"danger\" | \"default\" | \"primary\"",
          "mutable": false,
          "attr": "type",
          "reflectToAttr": true,
          "docs": "The menu items type.",
          "docsTags": [],
          "default": "'default'",
          "values": [
            {
              "value": "danger",
              "type": "string"
            },
            {
              "value": "default",
              "type": "string"
            },
            {
              "value": "primary",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "value",
          "type": "string",
          "mutable": false,
          "attr": "value",
          "reflectToAttr": true,
          "docs": "A unique value to store in the menu item. This can be used as a way to identify menu items when selected.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "removeFocus",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "removeFocus() => Promise<void>",
          "parameters": [],
          "docs": "Removes focus from the menu item",
          "docsTags": []
        },
        {
          "name": "setFocus",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "setFocus(options?: FocusOptions) => Promise<void>",
          "parameters": [],
          "docs": "Sets focus on the menu item.",
          "docsTags": []
        }
      ],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "",
          "docs": "The menu item's label."
        },
        {
          "name": "prefix",
          "docs": "Used to prepend an icon or similar element to the menu item."
        },
        {
          "name": "suffix",
          "docs": "Used to append an icon or similar element to the menu item."
        }
      ],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        },
        {
          "name": "checked-icon",
          "docs": "The container that wraps the checked icon."
        },
        {
          "name": "label",
          "docs": "The menu item label."
        },
        {
          "name": "prefix",
          "docs": "The prefix container."
        },
        {
          "name": "suffix",
          "docs": "The suffix container."
        }
      ],
      "dependents": [
        "sl-address",
        "sl-auth-profile",
        "sl-rrule-picker",
        "sl-scheduler",
        "sl-time-period"
      ],
      "dependencies": [
        "sl-icon"
      ],
      "dependencyGraph": {
        "sl-menu-item": [
          "sl-icon"
        ],
        "sl-address": [
          "sl-menu-item"
        ],
        "sl-auth-profile": [
          "sl-menu-item"
        ],
        "sl-rrule-picker": [
          "sl-menu-item"
        ],
        "sl-scheduler": [
          "sl-menu-item"
        ],
        "sl-time-period": [
          "sl-menu-item"
        ]
      }
    },
    {
      "filePath": "./src/components/menu-label/menu-label.tsx",
      "encapsulation": "shadow",
      "tag": "sl-menu-label",
      "readme": "# sl-menu-label\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "slot",
          "text": "- The menu label's content."
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        }
      ],
      "usage": {},
      "props": [],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "",
          "docs": "The menu label's content."
        }
      ],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/otp-input/otp-input.tsx",
      "encapsulation": "shadow",
      "tag": "sl-otp-input",
      "readme": "# sl-otp-input\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "errorText",
          "type": "string",
          "mutable": false,
          "attr": "error-text",
          "reflectToAttr": false,
          "docs": "The input's error text. Alternatively, you can use the error-text slot.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "value",
          "type": "string",
          "mutable": true,
          "attr": "value",
          "reflectToAttr": false,
          "docs": "The value of the component.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "removeFocus",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "removeFocus() => Promise<void>",
          "parameters": [],
          "docs": "Removes focus from the input.",
          "docsTags": []
        },
        {
          "name": "setFocus",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "setFocus(options?: FocusOptions) => Promise<void>",
          "parameters": [],
          "docs": "Sets focus on the input.",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "valueChange",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the value change.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "base",
          "docs": ""
        }
      ],
      "dependents": [
        "sl-otp-view"
      ],
      "dependencies": [
        "sl-input"
      ],
      "dependencyGraph": {
        "sl-otp-input": [
          "sl-input"
        ],
        "sl-input": [
          "sl-dropdown",
          "sl-date-picker",
          "sl-icon"
        ],
        "sl-date-picker": [
          "sl-button",
          "sl-icon",
          "sl-icon-button"
        ],
        "sl-button": [
          "sl-spinner"
        ],
        "sl-icon-button": [
          "sl-icon"
        ],
        "sl-otp-view": [
          "sl-otp-input"
        ]
      }
    },
    {
      "filePath": "./src/components/auth/otp-view/otp-view.tsx",
      "encapsulation": "shadow",
      "tag": "sl-otp-view",
      "readme": "# sl-otp-view\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "email",
          "type": "string",
          "mutable": false,
          "attr": "email",
          "reflectToAttr": false,
          "docs": "The email the display as recipient of the code.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "errorText",
          "type": "string",
          "mutable": false,
          "attr": "error-text",
          "reflectToAttr": false,
          "docs": "Optional error text for show under the input.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "otp",
          "type": "string",
          "mutable": false,
          "attr": "otp",
          "reflectToAttr": false,
          "docs": "The default otp to use in the input",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "setFocus",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "setFocus(options?: FocusOptions) => Promise<void>",
          "parameters": [],
          "docs": "Sets focus on the input element",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "otpInput",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted on otp input",
          "docsTags": []
        },
        {
          "event": "resendPasscode",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the usere requests to have the otp send again.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [
        "sl-auth",
        "sl-auth-profile"
      ],
      "dependencies": [
        "sl-label",
        "sl-otp-input",
        "sl-animation",
        "sl-button",
        "sl-icon"
      ],
      "dependencyGraph": {
        "sl-otp-view": [
          "sl-label",
          "sl-otp-input",
          "sl-animation",
          "sl-button",
          "sl-icon"
        ],
        "sl-otp-input": [
          "sl-input"
        ],
        "sl-input": [
          "sl-dropdown",
          "sl-date-picker",
          "sl-icon"
        ],
        "sl-date-picker": [
          "sl-button",
          "sl-icon",
          "sl-icon-button"
        ],
        "sl-button": [
          "sl-spinner"
        ],
        "sl-icon-button": [
          "sl-icon"
        ],
        "sl-auth": [
          "sl-otp-view"
        ],
        "sl-auth-profile": [
          "sl-otp-view"
        ]
      }
    },
    {
      "filePath": "./src/components/page-header/page-header.tsx",
      "encapsulation": "shadow",
      "tag": "sl-page-header",
      "readme": "# sl-page-header\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "slot",
          "text": "- A generic page header"
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "header",
          "type": "string",
          "mutable": false,
          "attr": "header",
          "reflectToAttr": false,
          "docs": "The header text.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "sticky",
          "type": "boolean",
          "mutable": false,
          "attr": "sticky",
          "reflectToAttr": false,
          "docs": "Whether the position of the header is sticky or not.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "type",
          "type": "\"frosted\" | \"opaque\"",
          "mutable": false,
          "attr": "type",
          "reflectToAttr": false,
          "docs": "The type of page header.",
          "docsTags": [],
          "default": "'frosted'",
          "values": [
            {
              "value": "frosted",
              "type": "string"
            },
            {
              "value": "opaque",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "",
          "docs": "A generic page header"
        }
      ],
      "parts": [
        {
          "name": "actions",
          "docs": ""
        },
        {
          "name": "base",
          "docs": "The component's base wrapper."
        },
        {
          "name": "header",
          "docs": ""
        },
        {
          "name": "margin",
          "docs": ""
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/pagination/pagination.tsx",
      "encapsulation": "shadow",
      "tag": "sl-pagination",
      "readme": "# sl-pagination\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "experimental"
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "page",
          "type": "number",
          "mutable": false,
          "attr": "page",
          "reflectToAttr": false,
          "docs": "The current page.",
          "docsTags": [],
          "default": "0",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "totalPages",
          "type": "number",
          "mutable": false,
          "attr": "total-pages",
          "reflectToAttr": false,
          "docs": "The total pages available.",
          "docsTags": [],
          "default": "1",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "pageChange",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the page changes.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        }
      ],
      "dependents": [],
      "dependencies": [
        "sl-icon"
      ],
      "dependencyGraph": {
        "sl-pagination": [
          "sl-icon"
        ]
      }
    },
    {
      "filePath": "./src/components/popover/popover.tsx",
      "encapsulation": "shadow",
      "tag": "sl-popover",
      "readme": "# sl-popover\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "slot",
          "text": "- The content to show inside the popover"
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "anchorElement",
          "type": "HTMLElement",
          "mutable": true,
          "reflectToAttr": false,
          "docs": "The positioning anchor that defines the attachment point of the popover.",
          "docsTags": [],
          "values": [
            {
              "type": "HTMLElement"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "arrow",
          "type": "boolean",
          "mutable": false,
          "attr": "arrow",
          "reflectToAttr": false,
          "docs": "A Boolean value that determines whether to show an arrow pointing at the anchorElement.",
          "docsTags": [],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "distance",
          "type": "number",
          "mutable": false,
          "attr": "distance",
          "reflectToAttr": false,
          "docs": "The distance in pixels from which to offset the popover away from its trigger.",
          "docsTags": [],
          "default": "2",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "open",
          "type": "boolean",
          "mutable": true,
          "attr": "open",
          "reflectToAttr": true,
          "docs": "Indicates whether or not the popover is open. You can use this in lieu of the show/hide methods.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "placement",
          "type": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
          "mutable": false,
          "attr": "placement",
          "reflectToAttr": false,
          "docs": "The preferred placement of the popover panel. Note that the actual placement may vary as needed to keep the panel\ninside of the viewport.",
          "docsTags": [],
          "default": "'bottom'",
          "values": [
            {
              "value": "bottom",
              "type": "string"
            },
            {
              "value": "bottom-end",
              "type": "string"
            },
            {
              "value": "bottom-start",
              "type": "string"
            },
            {
              "value": "left",
              "type": "string"
            },
            {
              "value": "left-end",
              "type": "string"
            },
            {
              "value": "left-start",
              "type": "string"
            },
            {
              "value": "right",
              "type": "string"
            },
            {
              "value": "right-end",
              "type": "string"
            },
            {
              "value": "right-start",
              "type": "string"
            },
            {
              "value": "top",
              "type": "string"
            },
            {
              "value": "top-end",
              "type": "string"
            },
            {
              "value": "top-start",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "skidding",
          "type": "number",
          "mutable": false,
          "attr": "skidding",
          "reflectToAttr": false,
          "docs": "The distance in pixels from which to offset the popover along its trigger.",
          "docsTags": [],
          "default": "0",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "hide",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "hide() => Promise<void>",
          "parameters": [],
          "docs": "Hides the dropdown panel",
          "docsTags": []
        },
        {
          "name": "show",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "show() => Promise<void>",
          "parameters": [],
          "docs": "Shows the dropdown panel",
          "docsTags": []
        },
        {
          "name": "update",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "update() => Promise<void>",
          "parameters": [],
          "docs": "Updates the position of the popover",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "slAfterHide",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted after the popover closes and all transitions are complete.",
          "docsTags": []
        },
        {
          "event": "slAfterShow",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted after the popover opens and all transitions are complete.",
          "docsTags": []
        },
        {
          "event": "slHide",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the popover closes. Calling `event.preventDefault()` will prevent it from being closed.",
          "docsTags": []
        },
        {
          "event": "slShow",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the popover opens. Calling `event.preventDefault()` will prevent it from being opened.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "",
          "docs": "The content to show inside the popover"
        }
      ],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        },
        {
          "name": "panel",
          "docs": ""
        },
        {
          "name": "trigger",
          "docs": ""
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/progress-bar/progress-bar.tsx",
      "encapsulation": "shadow",
      "tag": "sl-progress-bar",
      "readme": "# sl-progress-bar\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "slot",
          "text": "- A label to show inside the indicator."
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        },
        {
          "name": "part",
          "text": "indicator - The progress bar indicator."
        },
        {
          "name": "part",
          "text": "label - The progress bar label."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "indeterminate",
          "type": "boolean",
          "mutable": false,
          "attr": "indeterminate",
          "reflectToAttr": false,
          "docs": "When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "percentage",
          "type": "number",
          "mutable": false,
          "attr": "percentage",
          "reflectToAttr": false,
          "docs": "The progress bar's percentage, 0 to 100.",
          "docsTags": [],
          "default": "0",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [
        {
          "name": "--height",
          "annotation": "prop",
          "docs": "The progress bar's height."
        },
        {
          "name": "--indicator-color",
          "annotation": "prop",
          "docs": "The indicator color."
        },
        {
          "name": "--label-color",
          "annotation": "prop",
          "docs": "The label color."
        },
        {
          "name": "--track-color",
          "annotation": "prop",
          "docs": "The track color."
        }
      ],
      "slots": [
        {
          "name": "",
          "docs": "A label to show inside the indicator."
        }
      ],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        },
        {
          "name": "indicator",
          "docs": "The progress bar indicator."
        },
        {
          "name": "label",
          "docs": "The progress bar label."
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/progress-ring/progress-ring.tsx",
      "encapsulation": "shadow",
      "tag": "sl-progress-ring",
      "readme": "# sl-progress-ring\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "slot",
          "text": "- A label to show inside the ring."
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        },
        {
          "name": "part",
          "text": "label - The progress ring label."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "percentage",
          "type": "number",
          "mutable": false,
          "attr": "percentage",
          "reflectToAttr": false,
          "docs": "The current progress percentage, 0 - 100.",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "size",
          "type": "number",
          "mutable": false,
          "attr": "size",
          "reflectToAttr": false,
          "docs": "The size of the progress ring in pixels.",
          "docsTags": [],
          "default": "128",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "strokeWidth",
          "type": "number",
          "mutable": false,
          "attr": "stroke-width",
          "reflectToAttr": false,
          "docs": "The stroke width of the progress ring in pixels.",
          "docsTags": [],
          "default": "4",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [
        {
          "name": "--indicator-color",
          "annotation": "prop",
          "docs": "The indicator color."
        },
        {
          "name": "--track-color",
          "annotation": "prop",
          "docs": "The track color."
        }
      ],
      "slots": [
        {
          "name": "",
          "docs": "A label to show inside the ring."
        }
      ],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        },
        {
          "name": "label",
          "docs": "The progress ring label."
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/radio/radio.tsx",
      "encapsulation": "shadow",
      "tag": "sl-radio",
      "readme": "# sl-radio\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "slot",
          "text": "- The radio's label."
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        },
        {
          "name": "part",
          "text": "control - The radio control."
        },
        {
          "name": "part",
          "text": "checked-icon - The container the wraps the checked icon."
        },
        {
          "name": "part",
          "text": "label - The radio label."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "checked",
          "type": "boolean",
          "mutable": true,
          "attr": "checked",
          "reflectToAttr": true,
          "docs": "Set to true to draw the radio in a checked state.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": false,
          "docs": "Set to true to disable the radio.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "invalid",
          "type": "boolean",
          "mutable": true,
          "attr": "invalid",
          "reflectToAttr": true,
          "docs": "This will be true when the control is in an invalid state. Validity in range inputs is determined by the message\nprovided by the `setCustomValidity` method.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "name",
          "type": "string",
          "mutable": false,
          "attr": "name",
          "reflectToAttr": false,
          "docs": "The radio's name attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "readonly",
          "type": "boolean",
          "mutable": false,
          "attr": "readonly",
          "reflectToAttr": false,
          "docs": "Set to true to make the radio readonly.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "size",
          "type": "\"large\" | \"medium\" | \"small\"",
          "mutable": false,
          "attr": "size",
          "reflectToAttr": false,
          "docs": "The radio's size.",
          "docsTags": [],
          "default": "'medium'",
          "values": [
            {
              "value": "large",
              "type": "string"
            },
            {
              "value": "medium",
              "type": "string"
            },
            {
              "value": "small",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "value",
          "type": "string",
          "mutable": false,
          "attr": "value",
          "reflectToAttr": false,
          "docs": "The radio's value attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "removeFocus",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "removeFocus() => Promise<void>",
          "parameters": [],
          "docs": "Removes focus from the radio.",
          "docsTags": []
        },
        {
          "name": "reportValidity",
          "returns": {
            "type": "Promise<boolean>",
            "docs": ""
          },
          "signature": "reportValidity() => Promise<boolean>",
          "parameters": [],
          "docs": "Checks for validity and shows the browser's validation message if the control is invalid.",
          "docsTags": []
        },
        {
          "name": "setCustomValidity",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "setCustomValidity(message: string) => Promise<void>",
          "parameters": [],
          "docs": "Sets a custom validation message. If `message` is not empty, the field will be considered invalid.",
          "docsTags": []
        },
        {
          "name": "setFocus",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "setFocus(options?: FocusOptions) => Promise<void>",
          "parameters": [],
          "docs": "Sets focus on the radio.",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "checkedChange",
          "detail": "boolean",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the control's checked state changes.",
          "docsTags": []
        },
        {
          "event": "slBlur",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the control loses focus.",
          "docsTags": []
        },
        {
          "event": "slFocus",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the control gains focus.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "",
          "docs": "The radio's label."
        }
      ],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        },
        {
          "name": "checked-icon",
          "docs": "The container the wraps the checked icon."
        },
        {
          "name": "control",
          "docs": "The radio control."
        },
        {
          "name": "label",
          "docs": "The radio label."
        }
      ],
      "dependents": [
        "sl-rrule-picker"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "sl-rrule-picker": [
          "sl-radio"
        ]
      }
    },
    {
      "filePath": "./src/components/radio-group/radio-group.tsx",
      "encapsulation": "shadow",
      "tag": "sl-radio-group",
      "readme": "# sl-radio-group\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.8"
        },
        {
          "name": "status",
          "text": "experimental"
        },
        {
          "name": "slot",
          "text": "Used to set radio components inside the picker. Only sl-radio components are allowed."
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "disabled",
          "type": "boolean",
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": false,
          "docs": "Set to true to disable the component.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "value",
          "type": "string",
          "mutable": true,
          "attr": "value",
          "reflectToAttr": true,
          "docs": "The value of this component.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "valueChange",
          "detail": "string",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emits any changes to the value of the component.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "Used to set radio components inside the picker. Only sl-radio components are allowed.",
          "docs": ""
        }
      ],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        }
      ],
      "dependents": [
        "sl-rrule-picker"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "sl-rrule-picker": [
          "sl-radio-group"
        ]
      }
    },
    {
      "filePath": "./src/components/range/range.tsx",
      "encapsulation": "shadow",
      "tag": "sl-range",
      "readme": "# sl-range\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "slot",
          "text": "label - The input's label. Alternatively, you can use the label prop."
        },
        {
          "name": "slot",
          "text": "help-text - Help text that describes how to use the input. Alternatively, you can use the help-text prop."
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        },
        {
          "name": "part",
          "text": "input - The native range input."
        },
        {
          "name": "part",
          "text": "tooltip - The range tooltip."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "disabled",
          "type": "boolean",
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": false,
          "docs": "Set to true to disable the input.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "helpText",
          "type": "string",
          "mutable": false,
          "attr": "help-text",
          "reflectToAttr": false,
          "docs": "The range's help text. Alternatively, you can use the help-text slot.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "invalid",
          "type": "boolean",
          "mutable": true,
          "attr": "invalid",
          "reflectToAttr": true,
          "docs": "This will be true when the control is in an invalid state. Validity in range inputs is determined by the message\nprovided by the `setCustomValidity` method.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "label",
          "type": "string",
          "mutable": false,
          "attr": "label",
          "reflectToAttr": false,
          "docs": "The range's label. Alternatively, you can use the label slot.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "max",
          "type": "number",
          "mutable": false,
          "attr": "max",
          "reflectToAttr": false,
          "docs": "The input's max attribute.",
          "docsTags": [],
          "default": "100",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "min",
          "type": "number",
          "mutable": false,
          "attr": "min",
          "reflectToAttr": false,
          "docs": "The input's min attribute.",
          "docsTags": [],
          "default": "0",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "name",
          "type": "string",
          "mutable": false,
          "attr": "name",
          "reflectToAttr": false,
          "docs": "The input's name attribute.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "step",
          "type": "number",
          "mutable": false,
          "attr": "step",
          "reflectToAttr": false,
          "docs": "The input's step attribute.",
          "docsTags": [],
          "default": "1",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "tooltip",
          "type": "\"bottom\" | \"none\" | \"top\"",
          "mutable": false,
          "attr": "tooltip",
          "reflectToAttr": false,
          "docs": "The preferred placedment of the tooltip.",
          "docsTags": [],
          "default": "'top'",
          "values": [
            {
              "value": "bottom",
              "type": "string"
            },
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "top",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "tooltipFormatter",
          "type": "(value: number) => string",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "A function used to format the tooltip's value.",
          "docsTags": [],
          "default": "(value: number) => value.toString()",
          "values": [
            {
              "type": "(value: number) => string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "value",
          "type": "number",
          "mutable": true,
          "attr": "value",
          "reflectToAttr": false,
          "docs": "The input's value attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "removeFocus",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "removeFocus() => Promise<void>",
          "parameters": [],
          "docs": "Removes focus from the input.",
          "docsTags": []
        },
        {
          "name": "setCustomValidity",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "setCustomValidity(message: string) => Promise<void>",
          "parameters": [],
          "docs": "Sets a custom validation message. If `message` is not empty, the field will be considered invalid.",
          "docsTags": []
        },
        {
          "name": "setFocus",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "setFocus(options?: FocusOptions) => Promise<void>",
          "parameters": [],
          "docs": "Sets focus on the input.",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "slBlur",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the control loses focus.",
          "docsTags": []
        },
        {
          "event": "slChange",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the control's value changes.",
          "docsTags": []
        },
        {
          "event": "slFocus",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the control gains focus.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "help-text",
          "docs": "Help text that describes how to use the input. Alternatively, you can use the help-text prop."
        },
        {
          "name": "label",
          "docs": "The input's label. Alternatively, you can use the label prop."
        }
      ],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        },
        {
          "name": "input",
          "docs": "The native range input."
        },
        {
          "name": "tooltip",
          "docs": "The range tooltip."
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/rating/rating.tsx",
      "encapsulation": "shadow",
      "tag": "sl-rating",
      "readme": "# sl-rating\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "disabled",
          "type": "boolean",
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": false,
          "docs": "Disables the rating.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "getSymbol",
          "type": "(value?: number) => string",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "A function that returns the symbols to display. Accepts an option `value` parameter you can use to map a specific\nsymbol to a value.",
          "docsTags": [],
          "default": "(value?: number) => '<sl-icon name=\"star-fill\"></sl-icon>'",
          "values": [
            {
              "type": "(value?: number) => string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "max",
          "type": "number",
          "mutable": false,
          "attr": "max",
          "reflectToAttr": false,
          "docs": "The highest rating to show.",
          "docsTags": [],
          "default": "5",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "precision",
          "type": "number",
          "mutable": false,
          "attr": "precision",
          "reflectToAttr": false,
          "docs": "The minimum increment value allowed by the control.",
          "docsTags": [],
          "default": "1",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "readonly",
          "type": "boolean",
          "mutable": false,
          "attr": "readonly",
          "reflectToAttr": false,
          "docs": "Makes the rating readonly.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "value",
          "type": "number",
          "mutable": true,
          "attr": "value",
          "reflectToAttr": true,
          "docs": "The current rating.",
          "docsTags": [],
          "default": "0",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "removeFocus",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "removeFocus() => Promise<void>",
          "parameters": [],
          "docs": "Removes focus from the rating.",
          "docsTags": []
        },
        {
          "name": "setFocus",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "setFocus(options?: FocusOptions) => Promise<void>",
          "parameters": [],
          "docs": "Sets focus on the rating.",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "slChange",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the rating's value changes.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [
        {
          "name": "--symbol-color",
          "annotation": "prop",
          "docs": "The inactive color for symbols."
        },
        {
          "name": "--symbol-color-active",
          "annotation": "prop",
          "docs": "The active color for symbols."
        },
        {
          "name": "--symbol-size",
          "annotation": "prop",
          "docs": "The size of symbols."
        },
        {
          "name": "--symbol-spacing",
          "annotation": "prop",
          "docs": "The spacing to use around symbols."
        }
      ],
      "slots": [],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/relative-time/relative-time.tsx",
      "encapsulation": "shadow",
      "tag": "sl-relative-time",
      "readme": "# sl-relative-time\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "date",
          "type": "Date | string",
          "mutable": false,
          "attr": "date",
          "reflectToAttr": false,
          "docs": "The date from which to calculate time from.",
          "docsTags": [],
          "values": [
            {
              "type": "Date"
            },
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "format",
          "type": "\"long\" | \"narrow\" | \"short\"",
          "mutable": false,
          "attr": "format",
          "reflectToAttr": false,
          "docs": "The formatting style to use.",
          "docsTags": [],
          "default": "'long'",
          "values": [
            {
              "value": "long",
              "type": "string"
            },
            {
              "value": "narrow",
              "type": "string"
            },
            {
              "value": "short",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "locale",
          "type": "string",
          "mutable": false,
          "attr": "locale",
          "reflectToAttr": false,
          "docs": "The locale to use when formatting the number.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "numeric",
          "type": "\"always\" | \"auto\"",
          "mutable": false,
          "attr": "numeric",
          "reflectToAttr": false,
          "docs": "When `auto`, values such as \"yesterday\" and \"tomorrow\" will be shown when possible. When `always`, values such as\n\"1 day ago\" and \"in 1 day\" will be shown.",
          "docsTags": [],
          "default": "'auto'",
          "values": [
            {
              "value": "always",
              "type": "string"
            },
            {
              "value": "auto",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "sync",
          "type": "boolean",
          "mutable": false,
          "attr": "sync",
          "reflectToAttr": false,
          "docs": "Keep the displayed value up to date as time passes.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/resize-observer/resize-observer.tsx",
      "encapsulation": "shadow",
      "tag": "sl-resize-observer",
      "readme": "# sl-resize-observer\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "experimental"
        }
      ],
      "usage": {},
      "props": [],
      "methods": [],
      "events": [
        {
          "event": "slResize",
          "detail": "readonly ResizeObserverEntry[]",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the element is resized.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/responsive-embed/responsive-embed.tsx",
      "encapsulation": "shadow",
      "tag": "sl-responsive-embed",
      "readme": "# sl-responsive-embed\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "aspectRatio",
          "type": "string",
          "mutable": false,
          "attr": "aspect-ratio",
          "reflectToAttr": false,
          "docs": "The aspect ratio of the embedded media in the format of `width:height`, e.g. `16:9`, `4:3`, or `1:1`. Ratios not in\nthis format will be ignored.",
          "docsTags": [],
          "default": "'16:9'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/table/row/row.tsx",
      "encapsulation": "shadow",
      "tag": "sl-row",
      "readme": "# sl-row\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "experimental"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "columns",
          "type": "HTMLSlColumnElement[]",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "The columns.",
          "docsTags": [],
          "values": [
            {
              "type": "HTMLSlColumnElement[]"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "base",
          "docs": ""
        }
      ],
      "dependents": [
        "sl-table"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "sl-table": [
          "sl-row"
        ]
      }
    },
    {
      "filePath": "./src/components/rrule-picker/rrule-picker.tsx",
      "encapsulation": "shadow",
      "tag": "sl-rrule-picker",
      "readme": "# sl-rrule-picker\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "allowSpecific",
          "type": "boolean",
          "mutable": true,
          "attr": "allow-specific",
          "reflectToAttr": false,
          "docs": "Whether the rrule-picker allows selection of specific rules that includes BYDAY, BYMONTH, BYWEEK etc.",
          "docsTags": [],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "value",
          "type": "string",
          "mutable": true,
          "attr": "value",
          "reflectToAttr": false,
          "docs": "The value of the rrule picker.",
          "docsTags": [],
          "default": "'FREQ=DAILY'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "valueChange",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the rrule is changed.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        }
      ],
      "dependents": [],
      "dependencies": [
        "sl-well",
        "sl-list",
        "sl-list-item",
        "sl-label",
        "sl-select",
        "sl-menu-item",
        "sl-flex",
        "sl-input",
        "sl-format-rrule",
        "sl-radio-group",
        "sl-radio",
        "sl-dropdown",
        "sl-button",
        "sl-menu"
      ],
      "dependencyGraph": {
        "sl-rrule-picker": [
          "sl-well",
          "sl-list",
          "sl-list-item",
          "sl-label",
          "sl-select",
          "sl-menu-item",
          "sl-flex",
          "sl-input",
          "sl-format-rrule",
          "sl-radio-group",
          "sl-radio",
          "sl-dropdown",
          "sl-button",
          "sl-menu"
        ],
        "sl-select": [
          "sl-tag",
          "sl-input",
          "sl-icon",
          "sl-icon-button",
          "sl-dropdown",
          "sl-menu"
        ],
        "sl-tag": [
          "sl-icon",
          "sl-icon-button"
        ],
        "sl-icon-button": [
          "sl-icon"
        ],
        "sl-input": [
          "sl-dropdown",
          "sl-date-picker",
          "sl-icon"
        ],
        "sl-date-picker": [
          "sl-button",
          "sl-icon",
          "sl-icon-button"
        ],
        "sl-button": [
          "sl-spinner"
        ],
        "sl-menu-item": [
          "sl-icon"
        ]
      }
    },
    {
      "filePath": "./src/components/time/scheduler/scheduler.tsx",
      "encapsulation": "shadow",
      "tag": "sl-scheduler",
      "readme": "# sl-scheduler\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "dataSource",
          "type": "CalendarDataSource",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "The data source for the timeline. Enables the timeline to load resources and events when needed.",
          "docsTags": [],
          "values": [
            {
              "type": "CalendarDataSource"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "selectedResources",
          "type": "string[]",
          "mutable": true,
          "reflectToAttr": false,
          "docs": "The selected resources",
          "docsTags": [],
          "default": "[]",
          "values": [
            {
              "type": "string[]"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "showResourceSelector",
          "type": "boolean",
          "mutable": false,
          "attr": "show-resource-selector",
          "reflectToAttr": false,
          "docs": "Whether to show controls for selecting resource",
          "docsTags": [],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "showViewSelector",
          "type": "boolean",
          "mutable": false,
          "attr": "show-view-selector",
          "reflectToAttr": false,
          "docs": "Whether to show controls for selecting view",
          "docsTags": [],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "startDate",
          "type": "Date",
          "mutable": true,
          "reflectToAttr": false,
          "docs": "The start date of the current view in the scheduler.",
          "docsTags": [],
          "default": "startOfISOWeek(new Date())",
          "values": [
            {
              "type": "Date"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "view",
          "type": "\"calendar\" | \"timeline\"",
          "mutable": false,
          "attr": "view",
          "reflectToAttr": false,
          "docs": "The view of the scheduler",
          "docsTags": [],
          "default": "'timeline'",
          "values": [
            {
              "value": "calendar",
              "type": "string"
            },
            {
              "value": "timeline",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "getEventProperties",
          "returns": {
            "type": "Promise<any>",
            "docs": ""
          },
          "signature": "getEventProperties(event: MouseEvent | DragEvent) => Promise<any>",
          "parameters": [],
          "docs": "Retrieves detailed properties about the event that was emitted from the timeline, fx. date and resource related to the event.",
          "docsTags": []
        },
        {
          "name": "refresh",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "refresh() => Promise<void>",
          "parameters": [],
          "docs": "Refreshes the active view.",
          "docsTags": []
        },
        {
          "name": "select",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "select(id: string) => Promise<void>",
          "parameters": [],
          "docs": "Selects event with specified id",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "slResourceSelect",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when changes to the selected resources occurs.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "base",
          "docs": ""
        }
      ],
      "dependents": [],
      "dependencies": [
        "sl-label",
        "sl-dropdown",
        "sl-icon-button",
        "sl-date-picker",
        "sl-button-group",
        "sl-button",
        "sl-icon",
        "sl-tooltip",
        "sl-menu",
        "sl-menu-item",
        "sl-menu-divider",
        "sl-select",
        "sl-timeline",
        "sl-calendar"
      ],
      "dependencyGraph": {
        "sl-scheduler": [
          "sl-label",
          "sl-dropdown",
          "sl-icon-button",
          "sl-date-picker",
          "sl-button-group",
          "sl-button",
          "sl-icon",
          "sl-tooltip",
          "sl-menu",
          "sl-menu-item",
          "sl-menu-divider",
          "sl-select",
          "sl-timeline",
          "sl-calendar"
        ],
        "sl-icon-button": [
          "sl-icon"
        ],
        "sl-date-picker": [
          "sl-button",
          "sl-icon",
          "sl-icon-button"
        ],
        "sl-button": [
          "sl-spinner"
        ],
        "sl-menu-item": [
          "sl-icon"
        ],
        "sl-select": [
          "sl-tag",
          "sl-input",
          "sl-icon",
          "sl-icon-button",
          "sl-dropdown",
          "sl-menu"
        ],
        "sl-tag": [
          "sl-icon",
          "sl-icon-button"
        ],
        "sl-input": [
          "sl-dropdown",
          "sl-date-picker",
          "sl-icon"
        ],
        "sl-timeline": [
          "sl-date-cell",
          "sl-calendar-date"
        ],
        "sl-calendar-date": [
          "sl-date-cell",
          "sl-label",
          "sl-badge"
        ],
        "sl-calendar": [
          "sl-date-cell",
          "sl-calendar-date"
        ]
      }
    },
    {
      "filePath": "./src/components/section/section.tsx",
      "encapsulation": "shadow",
      "tag": "sl-section",
      "readme": "# sl-section\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "slot",
          "text": "- The sections content"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "description",
          "type": "string",
          "mutable": false,
          "attr": "description",
          "reflectToAttr": false,
          "docs": "The description of the section",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "header",
          "type": "string",
          "mutable": false,
          "attr": "header",
          "reflectToAttr": false,
          "docs": "The header of the section",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "type",
          "type": "\"two-column\"",
          "mutable": false,
          "attr": "type",
          "reflectToAttr": false,
          "docs": "Defines the type of section layout",
          "docsTags": [],
          "default": "'two-column'",
          "values": [
            {
              "value": "two-column",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "",
          "docs": "The sections content"
        }
      ],
      "parts": [
        {
          "name": "base",
          "docs": ""
        },
        {
          "name": "content",
          "docs": ""
        }
      ],
      "dependents": [],
      "dependencies": [
        "sl-grid"
      ],
      "dependencyGraph": {
        "sl-section": [
          "sl-grid"
        ]
      }
    },
    {
      "filePath": "./src/components/select/select.tsx",
      "encapsulation": "shadow",
      "tag": "sl-select",
      "readme": "# sl-select\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "slot",
          "text": "- The select's options in the form of menu items."
        },
        {
          "name": "slot",
          "text": "label - The select's label. Alternatively, you can use the label prop."
        },
        {
          "name": "slot",
          "text": "help-text - Help text that describes how to use the select."
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        },
        {
          "name": "part",
          "text": "clear-button - The input's clear button, exported from <sl-input>."
        },
        {
          "name": "part",
          "text": "form-control - The form control that wraps the label, input, and help text."
        },
        {
          "name": "part",
          "text": "select-box - The wrapper around the select box."
        },
        {
          "name": "part",
          "text": "help-text - The select's help text."
        },
        {
          "name": "part",
          "text": "icon - The select's icon."
        },
        {
          "name": "part",
          "text": "label - The select's label."
        },
        {
          "name": "part",
          "text": "menu - The select menu, a <sl-menu> element."
        },
        {
          "name": "part",
          "text": "tag - The multiselect option, a <sl-tag> element."
        },
        {
          "name": "part",
          "text": "tags - The container in which multiselect options are rendered."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "clearable",
          "type": "boolean",
          "mutable": false,
          "attr": "clearable",
          "reflectToAttr": false,
          "docs": "Set to true to add a clear button when the select is populated.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "debounce",
          "type": "number",
          "mutable": false,
          "attr": "debounce",
          "reflectToAttr": false,
          "docs": "Set the amount of time, in milliseconds, to wait to trigger the `search` event after each keystroke. This also impacts form bindings such as `ngModel` or `v-model`.",
          "docsTags": [],
          "default": "0",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": false,
          "docs": "Set to true to disable the select control.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "errorText",
          "type": "string",
          "mutable": false,
          "attr": "error-text",
          "reflectToAttr": false,
          "docs": "The select's error text. Alternatively, you can use the error-text slot.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "helpText",
          "type": "string",
          "mutable": false,
          "attr": "help-text",
          "reflectToAttr": false,
          "docs": "The select's help text. Alternatively, you can use the help-text slot.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "hoist",
          "type": "boolean",
          "mutable": false,
          "attr": "hoist",
          "reflectToAttr": false,
          "docs": "Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "invalid",
          "type": "boolean",
          "mutable": true,
          "attr": "invalid",
          "reflectToAttr": false,
          "docs": "This will be true when the control is in an invalid state. Validity is determined by the `required` prop.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "label",
          "type": "string",
          "mutable": false,
          "attr": "label",
          "reflectToAttr": false,
          "docs": "The select's label. Alternatively, you can use the label slot.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "maxTagsVisible",
          "type": "number",
          "mutable": false,
          "attr": "max-tags-visible",
          "reflectToAttr": false,
          "docs": "The maximum number of tags to show when `multiple` is true. After the maximum, \"+n\" will be shown to indicate the\nnumber of additional items that are selected. Set to -1 to remove the limit.",
          "docsTags": [],
          "default": "3",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "multiple",
          "type": "boolean",
          "mutable": false,
          "attr": "multiple",
          "reflectToAttr": false,
          "docs": "Set to true to enable multiselect.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "name",
          "type": "string",
          "mutable": false,
          "attr": "name",
          "reflectToAttr": false,
          "docs": "The select's name.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "pill",
          "type": "boolean",
          "mutable": false,
          "attr": "pill",
          "reflectToAttr": false,
          "docs": "Set to true to draw a pill-style select with rounded edges.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "placeholder",
          "type": "string",
          "mutable": false,
          "attr": "placeholder",
          "reflectToAttr": false,
          "docs": "The select's placeholder text.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "required",
          "type": "boolean",
          "mutable": false,
          "attr": "required",
          "reflectToAttr": false,
          "docs": "The select's required attribute.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "search",
          "type": "string",
          "mutable": true,
          "attr": "search",
          "reflectToAttr": false,
          "docs": "The label displayed in the input field when select is searchable. Can be used to set the display value of a searchbox before anyhing has been searched for.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "searchable",
          "type": "boolean",
          "mutable": false,
          "attr": "searchable",
          "reflectToAttr": false,
          "docs": "Set to true to add a clear button when the select is populated.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "size",
          "type": "\"large\" | \"medium\" | \"small\"",
          "mutable": false,
          "attr": "size",
          "reflectToAttr": false,
          "docs": "The select's size.",
          "docsTags": [],
          "default": "'medium'",
          "values": [
            {
              "value": "large",
              "type": "string"
            },
            {
              "value": "medium",
              "type": "string"
            },
            {
              "value": "small",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "value",
          "type": "string | string[]",
          "mutable": true,
          "attr": "value",
          "reflectToAttr": false,
          "docs": "The value of the control. This will be a string or an array depending on `multiple`.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            },
            {
              "type": "string[]"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "reportValidity",
          "returns": {
            "type": "Promise<boolean>",
            "docs": ""
          },
          "signature": "reportValidity() => Promise<boolean>",
          "parameters": [],
          "docs": "Checks for validity and shows the browser's validation message if the control is invalid.",
          "docsTags": []
        },
        {
          "name": "setCustomValidity",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "setCustomValidity(message: string) => Promise<void>",
          "parameters": [],
          "docs": "Sets a custom validation message. If `message` is not empty, the field will be considered invalid.",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "slBlur",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the control loses focus.",
          "docsTags": []
        },
        {
          "event": "slFocus",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the control gains focus.",
          "docsTags": []
        },
        {
          "event": "slSearch",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when text is entered in a searchable select.",
          "docsTags": []
        },
        {
          "event": "valueChange",
          "detail": "string | string[]",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the control's value changes.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [
        {
          "name": "--focus-ring",
          "annotation": "prop",
          "docs": "The focus ring style to use when the control receives focus, a `box-shadow` property."
        }
      ],
      "slots": [
        {
          "name": "",
          "docs": "The select's options in the form of menu items."
        },
        {
          "name": "help-text",
          "docs": "Help text that describes how to use the select."
        },
        {
          "name": "label",
          "docs": "The select's label. Alternatively, you can use the label prop."
        }
      ],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        },
        {
          "name": "clear-button",
          "docs": "The input's clear button, exported from <sl-input>."
        },
        {
          "name": "form-control",
          "docs": "The form control that wraps the label, input, and help text."
        },
        {
          "name": "help-text",
          "docs": "The select's help text."
        },
        {
          "name": "icon",
          "docs": "The select's icon."
        },
        {
          "name": "label",
          "docs": "The select's label."
        },
        {
          "name": "menu",
          "docs": "The select menu, a <sl-menu> element."
        },
        {
          "name": "select-box",
          "docs": "The wrapper around the select box."
        },
        {
          "name": "tag",
          "docs": "The multiselect option, a <sl-tag> element."
        },
        {
          "name": "tags",
          "docs": "The container in which multiselect options are rendered."
        }
      ],
      "dependents": [
        "sl-address",
        "sl-rrule-picker",
        "sl-scheduler",
        "sl-time-period"
      ],
      "dependencies": [
        "sl-tag",
        "sl-input",
        "sl-icon",
        "sl-icon-button",
        "sl-dropdown",
        "sl-menu"
      ],
      "dependencyGraph": {
        "sl-select": [
          "sl-tag",
          "sl-input",
          "sl-icon",
          "sl-icon-button",
          "sl-dropdown",
          "sl-menu"
        ],
        "sl-tag": [
          "sl-icon",
          "sl-icon-button"
        ],
        "sl-icon-button": [
          "sl-icon"
        ],
        "sl-input": [
          "sl-dropdown",
          "sl-date-picker",
          "sl-icon"
        ],
        "sl-date-picker": [
          "sl-button",
          "sl-icon",
          "sl-icon-button"
        ],
        "sl-button": [
          "sl-spinner"
        ],
        "sl-address": [
          "sl-select"
        ],
        "sl-rrule-picker": [
          "sl-select"
        ],
        "sl-scheduler": [
          "sl-select"
        ],
        "sl-time-period": [
          "sl-select"
        ]
      }
    },
    {
      "filePath": "./src/components/sidebar/sidebar.tsx",
      "encapsulation": "shadow",
      "tag": "sl-sidebar",
      "readme": "# sl-sidebar\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "content",
          "docs": ""
        },
        {
          "name": "footer",
          "docs": ""
        },
        {
          "name": "header",
          "docs": ""
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/skeleton/skeleton.tsx",
      "encapsulation": "shadow",
      "tag": "sl-skeleton",
      "readme": "# sl-skeleton\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        },
        {
          "name": "part",
          "text": "indicator - The skeleton's indicator which is responsible for its color and animation."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "effect",
          "type": "\"none\" | \"pulse\" | \"sheen\"",
          "mutable": false,
          "attr": "effect",
          "reflectToAttr": false,
          "docs": "Determines which effect the skeleton will use.",
          "docsTags": [],
          "default": "'sheen'",
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "pulse",
              "type": "string"
            },
            {
              "value": "sheen",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [
        {
          "name": "--border-radius",
          "annotation": "prop",
          "docs": "The skeleton's border radius."
        },
        {
          "name": "--color",
          "annotation": "prop",
          "docs": "The color of the skeleton."
        },
        {
          "name": "--sheen-color",
          "annotation": "prop",
          "docs": "The sheen color when the skeleton is in its loading state."
        }
      ],
      "slots": [],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        },
        {
          "name": "indicator",
          "docs": "The skeleton's indicator which is responsible for its color and animation."
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/spinner/spinner.tsx",
      "encapsulation": "shadow",
      "tag": "sl-spinner",
      "readme": "# sl-spinner\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        }
      ],
      "usage": {},
      "props": [],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [
        {
          "name": "--indicator-color",
          "annotation": "prop",
          "docs": "The color of the spinner's indicator."
        },
        {
          "name": "--stroke-width",
          "annotation": "prop",
          "docs": "The width of the indicator."
        },
        {
          "name": "--track-color",
          "annotation": "prop",
          "docs": "The color of the spinner's track."
        }
      ],
      "slots": [],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        }
      ],
      "dependents": [
        "sl-auth",
        "sl-button"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "sl-auth": [
          "sl-spinner"
        ],
        "sl-button": [
          "sl-spinner"
        ]
      }
    },
    {
      "filePath": "./src/components/split-layout/split-layout.tsx",
      "encapsulation": "shadow",
      "tag": "sl-split-layout",
      "readme": "# sl-split-layout\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "direction",
          "type": "\"horizontal\" | \"vertical\"",
          "mutable": false,
          "attr": "direction",
          "reflectToAttr": false,
          "docs": "Sets the direction of the split layout.",
          "docsTags": [],
          "default": "'horizontal'",
          "values": [
            {
              "value": "horizontal",
              "type": "string"
            },
            {
              "value": "vertical",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/statistic/statistic.tsx",
      "encapsulation": "shadow",
      "tag": "sl-statistic",
      "readme": "# sl-statistic\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "part",
          "text": "legend - The element wrapping the legend."
        },
        {
          "name": "part",
          "text": "content - The element wrapping the content."
        },
        {
          "name": "part",
          "text": "options - The element wrapping the options."
        },
        {
          "name": "slot",
          "text": "(default) - The content of the statistic, fx. a number value."
        },
        {
          "name": "slot",
          "text": "options - The options to display."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "legend",
          "type": "string",
          "mutable": false,
          "attr": "legend",
          "reflectToAttr": false,
          "docs": "The legend for the statistic",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "(default)",
          "docs": "The content of the statistic, fx. a number value."
        },
        {
          "name": "options",
          "docs": "The options to display."
        }
      ],
      "parts": [
        {
          "name": "content",
          "docs": "The element wrapping the content."
        },
        {
          "name": "legend",
          "docs": "The element wrapping the legend."
        },
        {
          "name": "options",
          "docs": "The element wrapping the options."
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/step/step.tsx",
      "encapsulation": "shadow",
      "tag": "sl-step",
      "readme": "# sl-step\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "step",
          "type": "number",
          "mutable": false,
          "attr": "step",
          "reflectToAttr": false,
          "docs": "The active step.",
          "docsTags": [],
          "default": "1",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/step-item/step-item.tsx",
      "encapsulation": "shadow",
      "tag": "sl-step-item",
      "readme": "# sl-step-item\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "active",
          "type": "boolean",
          "mutable": false,
          "attr": "active",
          "reflectToAttr": false,
          "docs": "Whether the step is active or not. (Will be set by the Step component)",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "header",
          "type": "string",
          "mutable": false,
          "attr": "header",
          "reflectToAttr": false,
          "docs": "Header for the step item. (Will be set by the Step component.)",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "label",
          "type": "string",
          "mutable": false,
          "attr": "label",
          "reflectToAttr": false,
          "docs": "Label for the step item.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/switch/switch.tsx",
      "encapsulation": "shadow",
      "tag": "sl-switch",
      "readme": "# sl-switch\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "slot",
          "text": "- The switch's label."
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        },
        {
          "name": "part",
          "text": "control - The switch control."
        },
        {
          "name": "part",
          "text": "thumb - The switch position indicator."
        },
        {
          "name": "part",
          "text": "label - The switch label."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "checked",
          "type": "boolean",
          "mutable": true,
          "attr": "checked",
          "reflectToAttr": true,
          "docs": "Set to true to draw the switch in a checked state.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": false,
          "docs": "Set to true to disable the switch.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "invalid",
          "type": "boolean",
          "mutable": true,
          "attr": "invalid",
          "reflectToAttr": true,
          "docs": "This will be true when the control is in an invalid state. Validity is determined by the `required` prop.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "name",
          "type": "string",
          "mutable": false,
          "attr": "name",
          "reflectToAttr": false,
          "docs": "The switch's name attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "required",
          "type": "boolean",
          "mutable": false,
          "attr": "required",
          "reflectToAttr": false,
          "docs": "Set to true to make the switch a required field.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "value",
          "type": "string",
          "mutable": false,
          "attr": "value",
          "reflectToAttr": false,
          "docs": "The switch's value attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "removeFocus",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "removeFocus() => Promise<void>",
          "parameters": [],
          "docs": "Removes focus from the switch.",
          "docsTags": []
        },
        {
          "name": "reportValidity",
          "returns": {
            "type": "Promise<boolean>",
            "docs": ""
          },
          "signature": "reportValidity() => Promise<boolean>",
          "parameters": [],
          "docs": "Checks for validity and shows the browser's validation message if the control is invalid.",
          "docsTags": []
        },
        {
          "name": "setCustomValidity",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "setCustomValidity(message: string) => Promise<void>",
          "parameters": [],
          "docs": "Sets a custom validation message. If `message` is not empty, the field will be considered invalid.",
          "docsTags": []
        },
        {
          "name": "setFocus",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "setFocus(options?: FocusOptions) => Promise<void>",
          "parameters": [],
          "docs": "Sets focus on the switch.",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "checkedChange",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the control's checked state changes.",
          "docsTags": []
        },
        {
          "event": "slBlur",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the control loses focus.",
          "docsTags": []
        },
        {
          "event": "slFocus",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the control gains focus.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [
        {
          "name": "--height",
          "annotation": "prop",
          "docs": "The height of the switch."
        },
        {
          "name": "--thumb-size",
          "annotation": "prop",
          "docs": "The size of the thumb."
        },
        {
          "name": "--width",
          "annotation": "prop",
          "docs": "The width of the switch."
        }
      ],
      "slots": [
        {
          "name": "",
          "docs": "The switch's label."
        }
      ],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        },
        {
          "name": "control",
          "docs": "The switch control."
        },
        {
          "name": "label",
          "docs": "The switch label."
        },
        {
          "name": "thumb",
          "docs": "The switch position indicator."
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/tab/tab.tsx",
      "encapsulation": "shadow",
      "tag": "sl-tab",
      "readme": "# sl-tab\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "slot",
          "text": "- The tab's label."
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        },
        {
          "name": "part",
          "text": "close-button - The close button, which is the icon button's base wrapper."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "active",
          "type": "boolean",
          "mutable": false,
          "attr": "active",
          "reflectToAttr": true,
          "docs": "Set to true to draw the tab in an active state.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "closable",
          "type": "boolean",
          "mutable": false,
          "attr": "closable",
          "reflectToAttr": false,
          "docs": "When true, the tab will be rendered with a close icon.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": true,
          "docs": "Set to true to draw the tab in a disabled state.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "panel",
          "type": "string",
          "mutable": false,
          "attr": "panel",
          "reflectToAttr": true,
          "docs": "The name of the tab panel the tab will control. The panel must be located in the same tab group.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "removeFocus",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "removeFocus() => Promise<void>",
          "parameters": [],
          "docs": "Removes focus from the tab.",
          "docsTags": []
        },
        {
          "name": "setFocus",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "setFocus(options?: FocusOptions) => Promise<void>",
          "parameters": [],
          "docs": "Sets focus to the tab.",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "slClose",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the tab is closable and the close button is activated.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [
        {
          "name": "--focus-ring",
          "annotation": "prop",
          "docs": "The focus ring's box shadow."
        }
      ],
      "slots": [
        {
          "name": "",
          "docs": "The tab's label."
        }
      ],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        },
        {
          "name": "close-button",
          "docs": "The close button, which is the icon button's base wrapper."
        }
      ],
      "dependents": [],
      "dependencies": [
        "sl-icon-button"
      ],
      "dependencyGraph": {
        "sl-tab": [
          "sl-icon-button"
        ],
        "sl-icon-button": [
          "sl-icon"
        ]
      }
    },
    {
      "filePath": "./src/components/tab-group/tab-group.tsx",
      "encapsulation": "shadow",
      "tag": "sl-tab-group",
      "readme": "# sl-tab-group\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "slot",
          "text": "nav - Used for grouping tabs in the tab group."
        },
        {
          "name": "slot",
          "text": "- Used for grouping tab panels in the tab group."
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        },
        {
          "name": "part",
          "text": "nav - The tab group navigation container."
        },
        {
          "name": "part",
          "text": "tabs - The container that wraps the slotted tabs."
        },
        {
          "name": "part",
          "text": "active-tab-indicator - An element that displays the currently selected tab. This is a child of the tabs container."
        },
        {
          "name": "part",
          "text": "body - The tab group body where tab panels are slotted in."
        },
        {
          "name": "part",
          "text": "scroll-button - The previous and next scroll buttons that appear when tabs are scrollable."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "noScrollControls",
          "type": "boolean",
          "mutable": false,
          "attr": "no-scroll-controls",
          "reflectToAttr": false,
          "docs": "Disables the scroll arrows that appear when tabs overflow.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "placement",
          "type": "\"bottom\" | \"left\" | \"right\" | \"top\"",
          "mutable": false,
          "attr": "placement",
          "reflectToAttr": false,
          "docs": "The placement of the tabs.",
          "docsTags": [],
          "default": "'top'",
          "values": [
            {
              "value": "bottom",
              "type": "string"
            },
            {
              "value": "left",
              "type": "string"
            },
            {
              "value": "right",
              "type": "string"
            },
            {
              "value": "top",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "value",
          "type": "string",
          "mutable": true,
          "attr": "value",
          "reflectToAttr": false,
          "docs": "Name of the selected tab",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "show",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "show(panel: string) => Promise<void>",
          "parameters": [],
          "docs": "Shows the specified tab panel.",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "slTabHide",
          "detail": "{ name: string; }",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when a tab is hidden.",
          "docsTags": []
        },
        {
          "event": "slTabShow",
          "detail": "{ name: string; }",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when a tab is shown.",
          "docsTags": []
        },
        {
          "event": "valueChange",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when value changes",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [
        {
          "name": "--tabs-border-color",
          "annotation": "prop",
          "docs": "The color of the border that separates tabs."
        }
      ],
      "slots": [
        {
          "name": "",
          "docs": "Used for grouping tab panels in the tab group."
        },
        {
          "name": "nav",
          "docs": "Used for grouping tabs in the tab group."
        }
      ],
      "parts": [
        {
          "name": "active-tab-indicator",
          "docs": "An element that displays the currently selected tab. This is a child of the tabs container."
        },
        {
          "name": "base",
          "docs": "The component's base wrapper."
        },
        {
          "name": "body",
          "docs": "The tab group body where tab panels are slotted in."
        },
        {
          "name": "nav",
          "docs": "The tab group navigation container."
        },
        {
          "name": "scroll-button",
          "docs": "The previous and next scroll buttons that appear when tabs are scrollable."
        },
        {
          "name": "tabs",
          "docs": "The container that wraps the slotted tabs."
        }
      ],
      "dependents": [],
      "dependencies": [
        "sl-icon-button"
      ],
      "dependencyGraph": {
        "sl-tab-group": [
          "sl-icon-button"
        ],
        "sl-icon-button": [
          "sl-icon"
        ]
      }
    },
    {
      "filePath": "./src/components/tab-panel/tab-panel.tsx",
      "encapsulation": "shadow",
      "tag": "sl-tab-panel",
      "readme": "# sl-tab-panel\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "slot",
          "text": "- The tab panel's content."
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "active",
          "type": "boolean",
          "mutable": false,
          "attr": "active",
          "reflectToAttr": true,
          "docs": "When true, the tab panel will be shown.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "name",
          "type": "string",
          "mutable": false,
          "attr": "name",
          "reflectToAttr": false,
          "docs": "The tab panel's name.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "",
          "docs": "The tab panel's content."
        }
      ],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/table/table.tsx",
      "encapsulation": "shadow",
      "tag": "sl-table",
      "readme": "# sl-table\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "experimental"
        },
        {
          "name": "slot",
          "text": "- The table's content."
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "scrollBehaviour",
          "type": "\"both\" | \"horizontal\" | \"none\" | \"vertical\"",
          "mutable": false,
          "attr": "scroll-behaviour",
          "reflectToAttr": false,
          "docs": "Defines how the table can scroll.",
          "docsTags": [],
          "default": "'none'",
          "values": [
            {
              "value": "both",
              "type": "string"
            },
            {
              "value": "horizontal",
              "type": "string"
            },
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "vertical",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "",
          "docs": "The table's content."
        }
      ],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        }
      ],
      "dependents": [],
      "dependencies": [
        "sl-row"
      ],
      "dependencyGraph": {
        "sl-table": [
          "sl-row"
        ]
      }
    },
    {
      "filePath": "./src/components/tag/tag.tsx",
      "encapsulation": "shadow",
      "tag": "sl-tag",
      "readme": "# sl-tag\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "slot",
          "text": "- The tag's content."
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        },
        {
          "name": "part",
          "text": "content - The tag content."
        },
        {
          "name": "part",
          "text": "clear-button - The clear button."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "clearable",
          "type": "boolean",
          "mutable": false,
          "attr": "clearable",
          "reflectToAttr": true,
          "docs": "Set to true to make the tag clearable.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "icon",
          "type": "any",
          "mutable": false,
          "attr": "icon",
          "reflectToAttr": false,
          "docs": "Name of icon to display in tag.",
          "docsTags": [],
          "default": "undefined",
          "values": [
            {
              "type": "any"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "pill",
          "type": "boolean",
          "mutable": false,
          "attr": "pill",
          "reflectToAttr": true,
          "docs": "Set to true to draw a pill-style tag with rounded edges.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "size",
          "type": "\"large\" | \"medium\" | \"small\"",
          "mutable": false,
          "attr": "size",
          "reflectToAttr": true,
          "docs": "The tag's size.",
          "docsTags": [],
          "default": "'medium'",
          "values": [
            {
              "value": "large",
              "type": "string"
            },
            {
              "value": "medium",
              "type": "string"
            },
            {
              "value": "small",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "type",
          "type": "\"danger\" | \"info\" | \"primary\" | \"success\" | \"text\" | \"warning\"",
          "mutable": false,
          "attr": "type",
          "reflectToAttr": true,
          "docs": "The tag's type.",
          "docsTags": [],
          "default": "'primary'",
          "values": [
            {
              "value": "danger",
              "type": "string"
            },
            {
              "value": "info",
              "type": "string"
            },
            {
              "value": "primary",
              "type": "string"
            },
            {
              "value": "success",
              "type": "string"
            },
            {
              "value": "text",
              "type": "string"
            },
            {
              "value": "warning",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "slClear",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the clear button is activated.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "",
          "docs": "The tag's content."
        }
      ],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        },
        {
          "name": "clear-button",
          "docs": "The clear button."
        },
        {
          "name": "content",
          "docs": "The tag content."
        }
      ],
      "dependents": [
        "sl-select"
      ],
      "dependencies": [
        "sl-icon",
        "sl-icon-button"
      ],
      "dependencyGraph": {
        "sl-tag": [
          "sl-icon",
          "sl-icon-button"
        ],
        "sl-icon-button": [
          "sl-icon"
        ],
        "sl-select": [
          "sl-tag"
        ]
      }
    },
    {
      "filePath": "./src/components/textarea/textarea.tsx",
      "encapsulation": "shadow",
      "tag": "sl-textarea",
      "readme": "# sl-textarea\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "slot",
          "text": "label - The textarea's label. Alternatively, you can use the label prop."
        },
        {
          "name": "slot",
          "text": "help-text - Help text that describes how to use the input."
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        },
        {
          "name": "part",
          "text": "form-control - The form control that wraps the label, textarea, and help text."
        },
        {
          "name": "part",
          "text": "label - The textarea label."
        },
        {
          "name": "part",
          "text": "textarea - The textarea control."
        },
        {
          "name": "part",
          "text": "help-text - The textarea help text."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "autocapitalize",
          "type": "string",
          "mutable": false,
          "attr": "autocapitalize",
          "reflectToAttr": false,
          "docs": "The textarea's autocaptialize attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "autocomplete",
          "type": "string",
          "mutable": false,
          "attr": "autocomplete",
          "reflectToAttr": false,
          "docs": "The textarea's autocomplete attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "autocorrect",
          "type": "string",
          "mutable": false,
          "attr": "autocorrect",
          "reflectToAttr": false,
          "docs": "The textarea's autocorrect attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "autofocus",
          "type": "boolean",
          "mutable": false,
          "attr": "autofocus",
          "reflectToAttr": false,
          "docs": "The textarea's autofocus attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": true,
          "docs": "Set to true to disable the textarea.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "errorText",
          "type": "string",
          "mutable": false,
          "attr": "error-text",
          "reflectToAttr": false,
          "docs": "The input's error text. Alternatively, you can use the error-text slot.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "helpText",
          "type": "string",
          "mutable": false,
          "attr": "help-text",
          "reflectToAttr": false,
          "docs": "The textarea's help text. Alternatively, you can use the help-text slot.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "inputmode",
          "type": "\"decimal\" | \"email\" | \"none\" | \"numeric\" | \"search\" | \"tel\" | \"text\" | \"url\"",
          "mutable": false,
          "attr": "inputmode",
          "reflectToAttr": false,
          "docs": "The textarea's inputmode attribute.",
          "docsTags": [],
          "values": [
            {
              "value": "decimal",
              "type": "string"
            },
            {
              "value": "email",
              "type": "string"
            },
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "numeric",
              "type": "string"
            },
            {
              "value": "search",
              "type": "string"
            },
            {
              "value": "tel",
              "type": "string"
            },
            {
              "value": "text",
              "type": "string"
            },
            {
              "value": "url",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "invalid",
          "type": "boolean",
          "mutable": true,
          "attr": "invalid",
          "reflectToAttr": true,
          "docs": "This will be true when the control is in an invalid state. Validity is determined by props such as `required`,\n`minlength`, and `maxlength` using the browser's constraint validation API.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "label",
          "type": "string",
          "mutable": false,
          "attr": "label",
          "reflectToAttr": false,
          "docs": "The textarea's label. Alternatively, you can use the label slot.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "maxlength",
          "type": "number",
          "mutable": false,
          "attr": "maxlength",
          "reflectToAttr": true,
          "docs": "The maximum length of input that will be considered valid.",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "minlength",
          "type": "number",
          "mutable": false,
          "attr": "minlength",
          "reflectToAttr": true,
          "docs": "The minimum length of input that will be considered valid.",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "name",
          "type": "string",
          "mutable": false,
          "attr": "name",
          "reflectToAttr": true,
          "docs": "The textarea's name attribute.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "placeholder",
          "type": "string",
          "mutable": false,
          "attr": "placeholder",
          "reflectToAttr": false,
          "docs": "The textarea's placeholder text.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "readonly",
          "type": "boolean",
          "mutable": false,
          "attr": "readonly",
          "reflectToAttr": true,
          "docs": "Set to true for a readonly textarea.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "required",
          "type": "boolean",
          "mutable": false,
          "attr": "required",
          "reflectToAttr": true,
          "docs": "The textarea's required attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "resize",
          "type": "\"auto\" | \"none\" | \"vertical\"",
          "mutable": false,
          "attr": "resize",
          "reflectToAttr": false,
          "docs": "Controls how the textarea can be resized.",
          "docsTags": [],
          "default": "'none'",
          "values": [
            {
              "value": "auto",
              "type": "string"
            },
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "vertical",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "rows",
          "type": "number",
          "mutable": false,
          "attr": "rows",
          "reflectToAttr": false,
          "docs": "The number of rows to display by default.",
          "docsTags": [],
          "default": "4",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "size",
          "type": "\"large\" | \"medium\" | \"small\"",
          "mutable": false,
          "attr": "size",
          "reflectToAttr": true,
          "docs": "The textarea's size.",
          "docsTags": [],
          "default": "'medium'",
          "values": [
            {
              "value": "large",
              "type": "string"
            },
            {
              "value": "medium",
              "type": "string"
            },
            {
              "value": "small",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "spellcheck",
          "type": "boolean",
          "mutable": false,
          "attr": "spellcheck",
          "reflectToAttr": false,
          "docs": "The textarea's spellcheck attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "value",
          "type": "string",
          "mutable": true,
          "attr": "value",
          "reflectToAttr": true,
          "docs": "The textarea's value attribute.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "removeFocus",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "removeFocus() => Promise<void>",
          "parameters": [],
          "docs": "Removes focus fromt the textarea.",
          "docsTags": []
        },
        {
          "name": "reportValidity",
          "returns": {
            "type": "Promise<boolean>",
            "docs": ""
          },
          "signature": "reportValidity() => Promise<boolean>",
          "parameters": [],
          "docs": "Checks for validity and shows the browser's validation message if the control is invalid.",
          "docsTags": []
        },
        {
          "name": "select",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "select() => Promise<void>",
          "parameters": [],
          "docs": "Selects all the text in the input.",
          "docsTags": []
        },
        {
          "name": "setCustomValidity",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "setCustomValidity(message: string) => Promise<void>",
          "parameters": [],
          "docs": "Sets a custom validation message. If `message` is not empty, the field will be considered invalid.",
          "docsTags": []
        },
        {
          "name": "setFocus",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "setFocus(options?: FocusOptions) => Promise<void>",
          "parameters": [],
          "docs": "Sets focus on the textarea.",
          "docsTags": []
        },
        {
          "name": "setRangeText",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "setRangeText(replacement: string, start: number, end: number, selectMode?: 'select' | 'start' | 'end' | 'preserve') => Promise<void>",
          "parameters": [],
          "docs": "Replaces a range of text with a new string.",
          "docsTags": []
        },
        {
          "name": "setSelectionRange",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "setSelectionRange(selectionStart: number, selectionEnd: number, selectionDirection?: 'forward' | 'backward' | 'none') => Promise<void>",
          "parameters": [],
          "docs": "Sets the start and end positions of the text selection (0-based).",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "slBlur",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the control loses focus.",
          "docsTags": []
        },
        {
          "event": "slFocus",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the control gains focus.",
          "docsTags": []
        },
        {
          "event": "slInput",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the control receives input.",
          "docsTags": []
        },
        {
          "event": "valueChange",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the control's value changes.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "help-text",
          "docs": "Help text that describes how to use the input."
        },
        {
          "name": "label",
          "docs": "The textarea's label. Alternatively, you can use the label prop."
        }
      ],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        },
        {
          "name": "form-control",
          "docs": "The form control that wraps the label, textarea, and help text."
        },
        {
          "name": "help-text",
          "docs": "The textarea help text."
        },
        {
          "name": "label",
          "docs": "The textarea label."
        },
        {
          "name": "textarea",
          "docs": "The textarea control."
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/theme/theme.tsx",
      "encapsulation": "shadow",
      "tag": "sl-theme",
      "readme": "# sl-theme\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "experimental"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "name",
          "type": "string",
          "mutable": false,
          "attr": "name",
          "reflectToAttr": false,
          "docs": "The name of the theme to use. The user is responsible for including the associated stylesheet(s). Supportive themes\nmust adhere to theme guidelines by exposing a class that follows the `sl-theme-{name}` convention.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/time/time-period/time-period.tsx",
      "encapsulation": "shadow",
      "tag": "sl-time-period",
      "readme": "# sl-time-period\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "errorText",
          "type": "string",
          "mutable": false,
          "attr": "error-text",
          "reflectToAttr": false,
          "docs": "The input's error text. Alternatively, you can use the error-text slot.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "helpText",
          "type": "string",
          "mutable": false,
          "attr": "help-text",
          "reflectToAttr": false,
          "docs": "The input's help text. Alternatively, you can use the help-text slot.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "label",
          "type": "string",
          "mutable": false,
          "attr": "label",
          "reflectToAttr": false,
          "docs": "The input's label.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "size",
          "type": "\"large\" | \"medium\" | \"small\"",
          "mutable": false,
          "attr": "size",
          "reflectToAttr": false,
          "docs": "The input's size.",
          "docsTags": [],
          "default": "'medium'",
          "values": [
            {
              "value": "large",
              "type": "string"
            },
            {
              "value": "medium",
              "type": "string"
            },
            {
              "value": "small",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "value",
          "type": "Period",
          "mutable": true,
          "reflectToAttr": false,
          "docs": "The input's value.",
          "docsTags": [],
          "default": "{ ...FULL_DAY }",
          "values": [
            {
              "type": "Period"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "valueChange",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the value changes.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        }
      ],
      "dependents": [],
      "dependencies": [
        "sl-select",
        "sl-menu-item",
        "sl-label"
      ],
      "dependencyGraph": {
        "sl-time-period": [
          "sl-select",
          "sl-menu-item",
          "sl-label"
        ],
        "sl-select": [
          "sl-tag",
          "sl-input",
          "sl-icon",
          "sl-icon-button",
          "sl-dropdown",
          "sl-menu"
        ],
        "sl-tag": [
          "sl-icon",
          "sl-icon-button"
        ],
        "sl-icon-button": [
          "sl-icon"
        ],
        "sl-input": [
          "sl-dropdown",
          "sl-date-picker",
          "sl-icon"
        ],
        "sl-date-picker": [
          "sl-button",
          "sl-icon",
          "sl-icon-button"
        ],
        "sl-button": [
          "sl-spinner"
        ],
        "sl-menu-item": [
          "sl-icon"
        ]
      }
    },
    {
      "filePath": "./src/components/time/timeline/timeline.tsx",
      "encapsulation": "shadow",
      "tag": "sl-timeline",
      "readme": "# sl-timeline\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "date",
          "type": "Date",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "The first date to display in the timeline.",
          "docsTags": [],
          "default": "startOfDay(Dates.getWeekStart())",
          "values": [
            {
              "type": "Date"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "events",
          "type": "DateEvent[]",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "The date events to display in the timeline.",
          "docsTags": [],
          "default": "[]",
          "values": [
            {
              "type": "DateEvent[]"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "resources",
          "type": "Resource[]",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "The resources to display in the timeline.",
          "docsTags": [],
          "default": "[]",
          "values": [
            {
              "type": "Resource[]"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "selectedId",
          "type": "string",
          "mutable": true,
          "attr": "selected-id",
          "reflectToAttr": false,
          "docs": "Optional preselected id",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "weeks",
          "type": "number",
          "mutable": false,
          "attr": "weeks",
          "reflectToAttr": false,
          "docs": "Number of weeks to display. Must be between 1 to 4.",
          "docsTags": [],
          "default": "2",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "getDisplayableRange",
          "returns": {
            "type": "Promise<{ start: Date; end: Date; }>",
            "docs": ""
          },
          "signature": "getDisplayableRange() => Promise<{ start: Date; end: Date; }>",
          "parameters": [],
          "docs": "Retrieves the currently displayable timerange",
          "docsTags": []
        },
        {
          "name": "getEventProperties",
          "returns": {
            "type": "Promise<any>",
            "docs": ""
          },
          "signature": "getEventProperties(event: MouseEvent | DragEvent) => Promise<any>",
          "parameters": [],
          "docs": "Retrieves detailed properties about the event that was emitted from the timeline, fx. date and resource related to the event.",
          "docsTags": []
        },
        {
          "name": "select",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "select(id: string) => Promise<void>",
          "parameters": [],
          "docs": "Selects an event specified by id.",
          "docsTags": []
        },
        {
          "name": "setDate",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "setDate(date: Date) => Promise<void>",
          "parameters": [],
          "docs": "Sets date for the timeline",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "slMove",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when a drop event occurs on the timeline.",
          "docsTags": []
        },
        {
          "event": "slSelect",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when an event is selected.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        }
      ],
      "dependents": [
        "sl-scheduler"
      ],
      "dependencies": [
        "sl-date-cell",
        "sl-calendar-date"
      ],
      "dependencyGraph": {
        "sl-timeline": [
          "sl-date-cell",
          "sl-calendar-date"
        ],
        "sl-calendar-date": [
          "sl-date-cell",
          "sl-label",
          "sl-badge"
        ],
        "sl-scheduler": [
          "sl-timeline"
        ]
      }
    },
    {
      "filePath": "./src/components/tooltip/tooltip.tsx",
      "encapsulation": "shadow",
      "tag": "sl-tooltip",
      "readme": "# sl-tooltip\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "slot",
          "text": "- The tooltip's target element. Only the first element will be used as the target."
        },
        {
          "name": "slot",
          "text": "content - The tooltip's content. Alternatively, you can use the content prop."
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "content",
          "type": "string",
          "mutable": false,
          "attr": "content",
          "reflectToAttr": false,
          "docs": "The tooltip's content. Alternatively, you can use the content slot.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": false,
          "docs": "Set to true to disable the tooltip so it won't show when triggered.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "distance",
          "type": "number",
          "mutable": false,
          "attr": "distance",
          "reflectToAttr": false,
          "docs": "The distance in pixels from which to offset the tooltip away from its target.",
          "docsTags": [],
          "default": "10",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "open",
          "type": "boolean",
          "mutable": true,
          "attr": "open",
          "reflectToAttr": true,
          "docs": "Indicates whether or not the tooltip is open. You can use this in lieu of the show/hide methods.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "placement",
          "type": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
          "mutable": false,
          "attr": "placement",
          "reflectToAttr": false,
          "docs": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
          "docsTags": [],
          "default": "'top'",
          "values": [
            {
              "value": "bottom",
              "type": "string"
            },
            {
              "value": "bottom-end",
              "type": "string"
            },
            {
              "value": "bottom-start",
              "type": "string"
            },
            {
              "value": "left",
              "type": "string"
            },
            {
              "value": "left-end",
              "type": "string"
            },
            {
              "value": "left-start",
              "type": "string"
            },
            {
              "value": "right",
              "type": "string"
            },
            {
              "value": "right-end",
              "type": "string"
            },
            {
              "value": "right-start",
              "type": "string"
            },
            {
              "value": "top",
              "type": "string"
            },
            {
              "value": "top-end",
              "type": "string"
            },
            {
              "value": "top-start",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "skidding",
          "type": "number",
          "mutable": false,
          "attr": "skidding",
          "reflectToAttr": false,
          "docs": "The distance in pixels from which to offset the tooltip along its target.",
          "docsTags": [],
          "default": "0",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "trigger",
          "type": "string",
          "mutable": false,
          "attr": "trigger",
          "reflectToAttr": false,
          "docs": "Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\noptions can be passed by separating them with a space. When manual is used, the tooltip must be activated\nprogrammatically.",
          "docsTags": [],
          "default": "'hover focus'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "hide",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "hide() => Promise<void>",
          "parameters": [],
          "docs": "Shows the tooltip.",
          "docsTags": []
        },
        {
          "name": "show",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "show() => Promise<void>",
          "parameters": [],
          "docs": "Shows the tooltip.",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "slAfterHide",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted after the tooltip has hidden and all transitions are complete.",
          "docsTags": []
        },
        {
          "event": "slAfterShow",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted after the tooltip has shown and all transitions are complete.",
          "docsTags": []
        },
        {
          "event": "slHide",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the tooltip begins to hide. Calling `event.preventDefault()` will prevent it from being hidden.",
          "docsTags": []
        },
        {
          "event": "slShow",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the tooltip begins to show. Calling `event.preventDefault()` will prevent it from being shown.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [
        {
          "name": "--hide-delay",
          "annotation": "prop",
          "docs": "The amount of time to wait before hiding the tooltip."
        },
        {
          "name": "--hide-duration",
          "annotation": "prop",
          "docs": "The amount of time the hide transition takes to complete."
        },
        {
          "name": "--hide-timing-function",
          "annotation": "prop",
          "docs": "The timing function (easing) to use for the hide transition."
        },
        {
          "name": "--max-width",
          "annotation": "prop",
          "docs": "The maximum width of the tooltip."
        },
        {
          "name": "--show-delay",
          "annotation": "prop",
          "docs": "The amount of time to wait before showing the tooltip."
        },
        {
          "name": "--show-duration",
          "annotation": "prop",
          "docs": "The amount of time the show transition takes to complete."
        },
        {
          "name": "--show-timing-function",
          "annotation": "prop",
          "docs": "The timing function (easing) to use for the show transition."
        }
      ],
      "slots": [
        {
          "name": "",
          "docs": "The tooltip's target element. Only the first element will be used as the target."
        },
        {
          "name": "content",
          "docs": "The tooltip's content. Alternatively, you can use the content prop."
        }
      ],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        }
      ],
      "dependents": [
        "sl-scheduler"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "sl-scheduler": [
          "sl-tooltip"
        ]
      }
    },
    {
      "filePath": "./src/components/upload/upload.tsx",
      "encapsulation": "shadow",
      "tag": "sl-upload",
      "readme": "# sl-upload\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "slot",
          "text": "icon - The upload areas icon."
        },
        {
          "name": "slot",
          "text": "trigger - Used for custom triggers of the upload, fx. a button."
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "accept",
          "type": "string",
          "mutable": false,
          "attr": "accept",
          "reflectToAttr": false,
          "docs": "The comma seperated accept filter applied to the html file input (fx. image/*,.pdf).",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "description",
          "type": "string",
          "mutable": false,
          "attr": "description",
          "reflectToAttr": false,
          "docs": "Additional description displayed under the link.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "multiple",
          "type": "boolean",
          "mutable": false,
          "attr": "multiple",
          "reflectToAttr": false,
          "docs": "Whether single of multi selection is allowed.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "upload",
          "detail": "FileList",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when file is ready to upload.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "icon",
          "docs": "The upload areas icon."
        },
        {
          "name": "trigger",
          "docs": "Used for custom triggers of the upload, fx. a button."
        }
      ],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        }
      ],
      "dependents": [],
      "dependencies": [
        "sl-icon"
      ],
      "dependencyGraph": {
        "sl-upload": [
          "sl-icon"
        ]
      }
    },
    {
      "filePath": "./src/components/video/video.tsx",
      "encapsulation": "shadow",
      "tag": "sl-video",
      "readme": "# sl-video\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "experimental"
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "previewImage",
          "type": "string",
          "mutable": false,
          "attr": "preview-image",
          "reflectToAttr": false,
          "docs": "an image for preview before showing the video",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "src",
          "type": "string",
          "mutable": false,
          "attr": "src",
          "reflectToAttr": false,
          "docs": "url for the video to show",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "pause",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "pause() => Promise<void>",
          "parameters": [],
          "docs": "a method for pausing the video",
          "docsTags": []
        },
        {
          "name": "play",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "play() => Promise<void>",
          "parameters": [],
          "docs": "a method for playing the video",
          "docsTags": []
        }
      ],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/well/well.tsx",
      "encapsulation": "shadow",
      "tag": "sl-well",
      "readme": "# sl-well\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "since",
          "text": "1.0"
        },
        {
          "name": "status",
          "text": "stable"
        },
        {
          "name": "slot",
          "text": "- The well's content."
        },
        {
          "name": "part",
          "text": "base - The component's base wrapper."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "padding",
          "type": "boolean",
          "mutable": false,
          "attr": "padding",
          "reflectToAttr": false,
          "docs": "Whether padding should be added to the well or not.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "",
          "docs": "The well's content."
        }
      ],
      "parts": [
        {
          "name": "base",
          "docs": "The component's base wrapper."
        }
      ],
      "dependents": [
        "sl-rrule-picker"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "sl-rrule-picker": [
          "sl-well"
        ]
      }
    }
  ],
  "version": "1.0.29"
}