{
  "version": "4.1.2",
  "tags": [
    {
      "name": "kol-abbr",
      "description": "The **Abbr** component implements the HTML tag `abbr` with an accessible tooltip.\nThe tooltip for the description is displayed and read aloud when the **Abbr** component is focused or hovered.",
      "attributes": [
        {
          "name": "_label",
          "type": "string | undefined",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).",
          "required": false
        }
      ],
      "events": [],
      "methods": [],
      "slots": [
        {
          "name": "",
          "description": "The abbreviation (short form)."
        }
      ],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-accordion",
      "description": "The **Accordion** component is a collapsible menu. Clicking the header area — consisting of an icon and a heading — expands the content to reveal additional information. It is an interactive navigation element designed to present extensive content in a space-saving manner.\n\nAccordions are used whenever content associated with a thematic heading needs to be shown or hidden. They allow more detailed information for a heading than would normally be practical, leaving it to the users to decide whether to view that information.",
      "attributes": [
        {
          "name": "_disabled",
          "type": "boolean | undefined",
          "description": "Makes the element not focusable and ignore all events.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_label",
          "type": "string",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).",
          "required": true
        },
        {
          "name": "_level",
          "type": "0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined",
          "description": "Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.",
          "defaultValue": "0",
          "required": false
        },
        {
          "name": "_open",
          "type": "boolean | undefined",
          "description": "Opens/expands the element when truthy, closes/collapses when falsy.",
          "defaultValue": "false",
          "required": false
        }
      ],
      "events": [],
      "methods": [
        {
          "name": "click",
          "description": "Triggers a click on the trigger button of the first section.",
          "signature": "click() => Promise<void>"
        },
        {
          "name": "focus",
          "description": "Sets focus on the internal element.",
          "signature": "focus() => Promise<void>"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "Allows arbitrary HTML to be inserted into the content area of the accordion."
        }
      ],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-alert",
      "description": "The **Alert** component provides visual feedback to users. It consists of a color-coded container, a heading, content text, and an icon. The icon used and the color scheme depend on the `_type` of the alert.",
      "attributes": [
        {
          "name": "_alert",
          "type": "boolean | undefined",
          "description": "Defines whether the screen-readers should read out the notification.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_has-closer",
          "type": "boolean | undefined",
          "description": "Defines whether the element can be closed.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_label",
          "type": "string | undefined",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).",
          "required": false
        },
        {
          "name": "_level",
          "type": "0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined",
          "description": "Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.",
          "defaultValue": "0",
          "required": false
        },
        {
          "name": "_type",
          "type": "\"default\" | \"error\" | \"info\" | \"success\" | \"warning\" | undefined",
          "description": "Defines either the type of the component or of the components interactive element.",
          "defaultValue": "'default'",
          "required": false
        },
        {
          "name": "_variant",
          "type": "\"card\" | \"msg\" | undefined",
          "description": "Defines which variant should be used for presentation.",
          "defaultValue": "'msg'",
          "required": false
        }
      ],
      "events": [],
      "methods": [],
      "slots": [
        {
          "name": "",
          "description": "The content of the notification."
        }
      ],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-avatar",
      "description": "The **Avatar** component displays either a small image of the user or their initials if no image is available.",
      "attributes": [
        {
          "name": "_color",
          "type": "string | undefined | { backgroundColor: string; foregroundColor: string; }",
          "description": "Defines the backgroundColor and foregroundColor.",
          "required": false
        },
        {
          "name": "_label",
          "type": "string",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).",
          "required": true
        },
        {
          "name": "_src",
          "type": "string | undefined",
          "description": "Sets the image `src` attribute to the given string.",
          "required": false
        }
      ],
      "events": [],
      "methods": [],
      "slots": [],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-badge",
      "description": "The **Badge** component allows you to visually highlight specific information.\nIn addition to specifying the background color and automatically calculating the text color, it also supports adding an icon and/or a different font style.",
      "attributes": [
        {
          "name": "_color",
          "type": "string | undefined | { backgroundColor: string; foregroundColor: string; }",
          "description": "Defines the backgroundColor and foregroundColor.",
          "defaultValue": "'#000'",
          "required": false
        },
        {
          "name": "_icons",
          "type": "KoliBriHorizontalIcons & KoliBriVerticalIcons | string | undefined",
          "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).",
          "required": false
        },
        {
          "name": "_label",
          "type": "string",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).",
          "required": true
        },
        {
          "name": "_smart-button",
          "type": "string | undefined | { _label: string; } & { _on?: ButtonCallbacksPropType<StencilUnknown> | undefined; _type?: \"button\" | \"reset\" | \"submit\" | undefined; _ariaExpanded?: boolean | undefined; _tabIndex?: number | undefined; _value?: StencilUnknown; _accessKey?: string | undefined; _role?: \"tab\" | \"treeitem\" | undefined; _ariaControls?: string | undefined; _ariaDescription?: string | undefined; _ariaSelected?: boolean | undefined; _customClass?: string | undefined; _disabled?: boolean | undefined; _hideLabel?: boolean | undefined; _icons?: IconsPropType | undefined; _id?: string | undefined; _inline?: boolean | undefined; _name?: string | undefined; _shortKey?: string | undefined; _syncValueBySelector?: string | undefined; _tooltipAlign?: AlignPropType | undefined; _variant?: string | undefined; }",
          "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
          "required": false
        }
      ],
      "events": [],
      "methods": [
        {
          "name": "focus",
          "description": "Sets focus on the internal element.",
          "signature": "focus() => Promise<void>"
        }
      ],
      "slots": [],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-breadcrumb",
      "description": "The **Breadcrumb** component can be used to display the path to the current position of a web page within a hierarchical structure.",
      "attributes": [
        {
          "name": "_label",
          "type": "string",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).",
          "required": true
        },
        {
          "name": "_links",
          "type": "BreadcrumbLinkProps[] | string",
          "description": "Defines the list of links combined with their labels to render.",
          "required": true
        }
      ],
      "events": [],
      "methods": [],
      "slots": [],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-button",
      "description": "The **Button** component is used to present users with action options and arrange them in a clear hierarchy. It helps users find the most important actions on a page or within a viewport and allows them to execute those actions. The button label clearly indicates which action will be triggered. Buttons allow users to confirm a change, complete steps in a task, or make decisions.",
      "attributes": [
        {
          "name": "_access-key",
          "type": "string | undefined",
          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element.",
          "required": false
        },
        {
          "name": "_aria-controls",
          "type": "string | undefined",
          "description": "Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)",
          "required": false
        },
        {
          "name": "_aria-description",
          "type": "string | undefined",
          "description": "Defines the value for the aria-description attribute.",
          "required": false
        },
        {
          "name": "_aria-expanded",
          "type": "boolean | undefined",
          "description": "Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)",
          "required": false
        },
        {
          "name": "_aria-selected",
          "type": "boolean | undefined",
          "description": "Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)",
          "required": false
        },
        {
          "name": "_custom-class",
          "type": "string | undefined",
          "description": "Defines the custom class attribute if _variant=\"custom\" is set.",
          "required": false
        },
        {
          "name": "_disabled",
          "type": "boolean | undefined",
          "description": "Makes the element not focusable and ignore all events.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_hide-label",
          "type": "boolean | undefined",
          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_icons",
          "type": "KoliBriHorizontalIcons & KoliBriVerticalIcons | string | undefined",
          "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).",
          "required": false
        },
        {
          "name": "_inline",
          "type": "boolean | undefined",
          "description": "Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_label",
          "type": "string",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.",
          "required": true
        },
        {
          "name": "_name",
          "type": "string | undefined",
          "description": "Defines the technical name of an input field.",
          "required": false
        },
        {
          "name": "_role",
          "type": "\"tab\" | \"treeitem\" | undefined",
          "description": "Defines the role of the components primary element.",
          "required": false
        },
        {
          "name": "_short-key",
          "type": "string | undefined",
          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.",
          "required": false
        },
        {
          "name": "_tooltip-align",
          "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
          "defaultValue": "'top'",
          "required": false
        },
        {
          "name": "_type",
          "type": "\"button\" | \"reset\" | \"submit\" | undefined",
          "description": "Defines either the type of the component or of the components interactive element.",
          "defaultValue": "'button'",
          "required": false
        },
        {
          "name": "_value",
          "type": "boolean | null | number | object | string | undefined",
          "description": "Defines the value of the element.",
          "required": false
        },
        {
          "name": "_variant",
          "type": "\"custom\" | \"danger\" | \"ghost\" | \"normal\" | \"primary\" | \"secondary\" | \"tertiary\" | undefined",
          "description": "Defines which variant should be used for presentation.",
          "defaultValue": "'normal'",
          "required": false
        }
      ],
      "events": [],
      "methods": [
        {
          "name": "click",
          "description": "Clicks the primary interactive element inside this component.",
          "signature": "click() => Promise<void>"
        },
        {
          "name": "focus",
          "description": "Sets focus on the internal element.",
          "signature": "focus() => Promise<void>"
        },
        {
          "name": "getValue",
          "description": "Returns the current value.",
          "signature": "getValue() => Promise<StencilUnknown>"
        }
      ],
      "slots": [
        {
          "name": "expert",
          "description": "Custom label content, e.g. for rich text or icons."
        }
      ],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-button-link",
      "description": "The **ButtonLink** component is semantically a button but has the appearance of a link. All relevant properties of the Button component are adopted and extended with the design-defining properties of a link.\n\nA button can be disabled, therefore the **ButtonLink** also has the `_disabled` property. How this is styled visually is determined by the UX designer.\n\nInstead of using `_href` as with a regular link, the **ButtonLink**'s behavior is controlled via a click callback using the `_on` property.\n\nA link has the `target` property which optionally opens the link in a new window/tab. This behavior is not yet implemented.\n\nSince a link, unlike a button, is not offered in multiple variants (`primary`, `secondary`, etc.), the `_customClass` and `_variant` properties are not available.",
      "attributes": [
        {
          "name": "_access-key",
          "type": "string | undefined",
          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element.",
          "required": false
        },
        {
          "name": "_aria-controls",
          "type": "string | undefined",
          "description": "Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)",
          "required": false
        },
        {
          "name": "_aria-description",
          "type": "string | undefined",
          "description": "Defines the value for the aria-description attribute.",
          "required": false
        },
        {
          "name": "_aria-expanded",
          "type": "boolean | undefined",
          "description": "Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)",
          "required": false
        },
        {
          "name": "_aria-selected",
          "type": "boolean | undefined",
          "description": "Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)",
          "required": false
        },
        {
          "name": "_disabled",
          "type": "boolean | undefined",
          "description": "Makes the element not focusable and ignore all events.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_hide-label",
          "type": "boolean | undefined",
          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_icons",
          "type": "KoliBriHorizontalIcons & KoliBriVerticalIcons | string | undefined",
          "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).",
          "required": false
        },
        {
          "name": "_inline",
          "type": "boolean | undefined",
          "description": "Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.",
          "defaultValue": "true",
          "required": false
        },
        {
          "name": "_label",
          "type": "string",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.",
          "required": true
        },
        {
          "name": "_name",
          "type": "string | undefined",
          "description": "Defines the technical name of an input field.",
          "required": false
        },
        {
          "name": "_role",
          "type": "\"tab\" | \"treeitem\" | undefined",
          "description": "Defines the role of the components primary element.",
          "required": false
        },
        {
          "name": "_short-key",
          "type": "string | undefined",
          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.",
          "required": false
        },
        {
          "name": "_tooltip-align",
          "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
          "defaultValue": "'top'",
          "required": false
        },
        {
          "name": "_type",
          "type": "\"button\" | \"reset\" | \"submit\" | undefined",
          "description": "Defines either the type of the component or of the components interactive element.",
          "defaultValue": "'button'",
          "required": false
        },
        {
          "name": "_value",
          "type": "boolean | null | number | object | string | undefined",
          "description": "Defines the value of the element.",
          "required": false
        },
        {
          "name": "_variant",
          "type": "string | undefined",
          "description": "Defines which variant should be used for presentation.",
          "required": false
        }
      ],
      "events": [],
      "methods": [
        {
          "name": "click",
          "description": "Clicks the primary interactive element inside this component.",
          "signature": "click() => Promise<void>"
        },
        {
          "name": "focus",
          "description": "Sets focus on the internal element.",
          "signature": "focus() => Promise<void>"
        },
        {
          "name": "getValue",
          "description": "Returns the current value.",
          "signature": "getValue() => Promise<StencilUnknown>"
        }
      ],
      "slots": [
        {
          "name": "expert",
          "description": "Custom label content, e.g. for rich text or icons."
        }
      ],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-card",
      "description": "The **Card** component is ideal for visually highlighting individual sections of your website. It allows you to structure your content very easily.\n\nThe **Card** component consists of a **_title area_** and a **_content area_**.\n\nThe **title area** is displayed in a larger font. The **content area** is visually separated from the title area by a horizontal dividing line and is rendered in the default font.",
      "attributes": [
        {
          "name": "_has-closer",
          "type": "boolean | undefined",
          "description": "Defines whether the element can be closed.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_label",
          "type": "string",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).",
          "required": true
        },
        {
          "name": "_level",
          "type": "0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined",
          "description": "Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.",
          "defaultValue": "0",
          "required": false
        }
      ],
      "events": [],
      "methods": [],
      "slots": [
        {
          "name": "",
          "description": "Allows arbitrary HTML to be inserted into the content area of the card."
        }
      ],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-combobox",
      "description": "",
      "attributes": [
        {
          "name": "_access-key",
          "type": "string | undefined",
          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element.",
          "required": false
        },
        {
          "name": "_disabled",
          "type": "boolean | undefined",
          "description": "Makes the element not focusable and ignore all events.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_has-clear-button",
          "type": "boolean | undefined",
          "description": "Shows the clear button if enabled.",
          "defaultValue": "true",
          "required": false
        },
        {
          "name": "_hide-label",
          "type": "boolean | undefined",
          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_hide-msg",
          "type": "boolean | undefined",
          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_hint",
          "type": "string | undefined",
          "description": "Defines the hint text.",
          "defaultValue": "''",
          "required": false
        },
        {
          "name": "_icons",
          "type": "string | undefined | { right?: IconOrIconClass | undefined; left?: IconOrIconClass | undefined; }",
          "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).",
          "required": false
        },
        {
          "name": "_label",
          "type": "string",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.",
          "required": true
        },
        {
          "name": "_msg",
          "type": "Omit<AlertProps, \"_on\" | \"_variant\" | \"_hasCloser\" | \"_label\" | \"_level\"> & { _description: string; } | string | undefined",
          "description": "Defines the properties for a message rendered as Alert component.",
          "required": false
        },
        {
          "name": "_name",
          "type": "string | undefined",
          "description": "Defines the technical name of an input field.",
          "required": false
        },
        {
          "name": "_placeholder",
          "type": "string | undefined",
          "description": "Defines the placeholder for input field. To be shown when there's no value.",
          "required": false
        },
        {
          "name": "_required",
          "type": "boolean | undefined",
          "description": "Makes the input element required.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_short-key",
          "type": "string | undefined",
          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.",
          "required": false
        },
        {
          "name": "_suggestions",
          "type": "W3CInputValue[] | string",
          "description": "Suggestions to provide for the input.",
          "required": true
        },
        {
          "name": "_tooltip-align",
          "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
          "defaultValue": "'top'",
          "required": false
        },
        {
          "name": "_touched",
          "type": "boolean | undefined",
          "description": "Shows if the input was touched by a user.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_value",
          "type": "string | undefined",
          "description": "Defines the value of the element.",
          "required": false
        }
      ],
      "events": [],
      "methods": [
        {
          "name": "click",
          "description": "Clicks the primary interactive element inside this component.",
          "signature": "click() => Promise<void>"
        },
        {
          "name": "focus",
          "description": "Sets focus on the internal element.",
          "signature": "focus() => Promise<void>"
        },
        {
          "name": "getValue",
          "description": "Returns the current value.",
          "signature": "getValue() => Promise<string>"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "The label of the input field."
        }
      ],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-details",
      "description": "The **Details** component allows additional information to be initially shown with a short introductory text,\nwhich is only fully expanded after the user clicks on an arrow icon.\n\nBy default, the **Details** component is displayed as a single-line layout element consisting of an arrow icon\nfollowed by a short introductory text. The actual content is revealed below after clicking the header area. The arrow icon\nchanges its orientation from **_right_** to **_down_**.\nThe component can also be closed again to hide the content.",
      "attributes": [
        {
          "name": "_disabled",
          "type": "boolean | undefined",
          "description": "Makes the element not focusable and ignore all events.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_label",
          "type": "string",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).",
          "required": true
        },
        {
          "name": "_level",
          "type": "0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined",
          "description": "Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.",
          "defaultValue": "0",
          "required": false
        },
        {
          "name": "_open",
          "type": "boolean | undefined",
          "description": "Opens/expands the element when truthy, closes/collapses when falsy.",
          "defaultValue": "false",
          "required": false
        }
      ],
      "events": [],
      "methods": [
        {
          "name": "click",
          "description": "Triggers a click on the summary/toggle button.",
          "signature": "click() => Promise<void>"
        },
        {
          "name": "focus",
          "description": "Sets focus on the internal element.",
          "signature": "focus() => Promise<void>"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "The content displayed in the detail description."
        }
      ],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-dialog",
      "description": "",
      "attributes": [
        {
          "name": "_label",
          "type": "string",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).",
          "required": true
        },
        {
          "name": "_variant",
          "type": "\"blank\" | \"card\" | undefined",
          "description": "Defines the variant of the modal.",
          "defaultValue": "'blank'",
          "required": false
        },
        {
          "name": "_width",
          "type": "string | undefined",
          "description": "Defines the width of the modal. (max-width: 100%)",
          "defaultValue": "'100%'",
          "required": false
        }
      ],
      "events": [],
      "methods": [
        {
          "name": "closeModal",
          "description": "Closes the dialog.",
          "signature": "closeModal() => Promise<void>"
        },
        {
          "name": "openModal",
          "description": "Opens the dialog.",
          "signature": "openModal() => Promise<void>"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "The dialog's contents."
        }
      ],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-drawer",
      "description": "",
      "attributes": [
        {
          "name": "_align",
          "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
          "description": "Defines the visual orientation of the component.",
          "required": false
        },
        {
          "name": "_has-closer",
          "type": "boolean | undefined",
          "description": "Defines whether the element can be closed.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_label",
          "type": "string",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).",
          "required": true
        },
        {
          "name": "_open",
          "type": "boolean | undefined",
          "description": "Opens/expands the element when truthy, closes/collapses when falsy.",
          "required": false
        }
      ],
      "events": [],
      "methods": [
        {
          "name": "close",
          "description": "Closes the drawer.",
          "signature": "close() => Promise<void>"
        },
        {
          "name": "open",
          "description": "Opens the drawer.",
          "signature": "open() => Promise<void>"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "The Content of drawer."
        }
      ],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-form",
      "description": "The **Form** component is used to wrap all input fields, correctly position the required-fields hint text, and forward the `submit` and `reset` events.",
      "attributes": [
        {
          "name": "_required-text",
          "type": "boolean | string | undefined",
          "description": "Defines whether the mandatory-fields-hint should be shown. A string overrides the default text.",
          "defaultValue": "true",
          "required": false
        }
      ],
      "events": [],
      "methods": [
        {
          "name": "focusErrorList",
          "description": "Scrolls to the error list and focuses the first link.",
          "signature": "focusErrorList() => Promise<void>"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "The content of the form."
        }
      ],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-heading",
      "description": "",
      "attributes": [
        {
          "name": "_label",
          "type": "string",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.",
          "required": true
        },
        {
          "name": "_level",
          "type": "0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined",
          "description": "Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.",
          "defaultValue": "0",
          "required": false
        },
        {
          "name": "_secondary-headline",
          "type": "string | undefined",
          "description": "Defines the text of the secondary headline.",
          "required": false
        }
      ],
      "events": [],
      "methods": [],
      "slots": [
        {
          "name": "",
          "description": "Inhalt der Überschrift."
        }
      ],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-icon",
      "description": "The **Icon** component allows icons from included icon fonts to be displayed at any position.",
      "attributes": [
        {
          "name": "_icons",
          "type": "string",
          "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).",
          "required": true
        },
        {
          "name": "_label",
          "type": "string",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).",
          "required": true
        }
      ],
      "events": [],
      "methods": [],
      "slots": [],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-image",
      "description": "The **Image** component renders an image with support for responsive loading via `srcset` and `sizes`, lazy loading, and accessible alternative text.",
      "attributes": [
        {
          "name": "_alt",
          "type": "string",
          "description": "Sets the alternative text of the image.",
          "required": true
        },
        {
          "name": "_loading",
          "type": "\"eager\" | \"lazy\" | undefined",
          "description": "Defines the loading mode for the image.",
          "required": false
        },
        {
          "name": "_sizes",
          "type": "string | undefined",
          "description": "Defines the image sizes for different screen resolutions, supporting _srcset.",
          "required": false
        },
        {
          "name": "_src",
          "type": "string",
          "description": "Sets the image `src` attribute to the given string.",
          "required": true
        },
        {
          "name": "_srcset",
          "type": "string | undefined",
          "description": "Sets a list of source URLs with widths of the images.",
          "required": false
        }
      ],
      "events": [],
      "methods": [],
      "slots": [],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-input-checkbox",
      "description": "The **Checkbox** input type generates a rectangular box that can be activated and deactivated by clicking. When activated, a colored checkmark is shown inside the box.",
      "attributes": [
        {
          "name": "_access-key",
          "type": "string | undefined",
          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element.",
          "required": false
        },
        {
          "name": "_checked",
          "type": "boolean | undefined",
          "description": "Defines whether the checkbox is checked or not. Can be read and written.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_disabled",
          "type": "boolean | undefined",
          "description": "Makes the element not focusable and ignore all events.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_hide-label",
          "type": "boolean | undefined",
          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_hide-msg",
          "type": "boolean | undefined",
          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_hint",
          "type": "string | undefined",
          "description": "Defines the hint text.",
          "defaultValue": "''",
          "required": false
        },
        {
          "name": "_icons",
          "type": "string | undefined | { checked: string; indeterminate?: string | undefined; unchecked?: string | undefined; } | { checked?: string | undefined; indeterminate: string; unchecked?: string | undefined; } | { checked?: string | undefined; indeterminate?: string | undefined; unchecked: string; }",
          "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).",
          "required": false
        },
        {
          "name": "_indeterminate",
          "type": "boolean | undefined",
          "description": "Puts the checkbox in the indeterminate state, does not change the value of _checked.",
          "required": false
        },
        {
          "name": "_label",
          "type": "string",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.",
          "required": true
        },
        {
          "name": "_label-align",
          "type": "\"left\" | \"right\" | undefined",
          "description": "Defines which alignment should be used for presentation.",
          "defaultValue": "'right'",
          "required": false
        },
        {
          "name": "_msg",
          "type": "Omit<AlertProps, \"_on\" | \"_variant\" | \"_hasCloser\" | \"_label\" | \"_level\"> & { _description: string; } | string | undefined",
          "description": "Defines the properties for a message rendered as Alert component.",
          "required": false
        },
        {
          "name": "_name",
          "type": "string | undefined",
          "description": "Defines the technical name of an input field.",
          "required": false
        },
        {
          "name": "_required",
          "type": "boolean | undefined",
          "description": "Makes the input element required.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_short-key",
          "type": "string | undefined",
          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.",
          "required": false
        },
        {
          "name": "_tooltip-align",
          "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
          "defaultValue": "'top'",
          "required": false
        },
        {
          "name": "_touched",
          "type": "boolean | undefined",
          "description": "Shows if the input was touched by a user.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_value",
          "type": "boolean | null | number | object | string | undefined",
          "description": "Defines the value of the element.",
          "defaultValue": "true",
          "required": false
        },
        {
          "name": "_variant",
          "type": "\"button\" | \"default\" | \"switch\" | undefined",
          "description": "Defines which variant should be used for presentation.",
          "defaultValue": "'default'",
          "required": false
        }
      ],
      "events": [],
      "methods": [
        {
          "name": "click",
          "description": "Clicks the primary interactive element inside this component.",
          "signature": "click() => Promise<void>"
        },
        {
          "name": "focus",
          "description": "Sets focus on the internal element.",
          "signature": "focus() => Promise<void>"
        },
        {
          "name": "getValue",
          "description": "Returns the current value.",
          "signature": "getValue() => Promise<StencilUnknown>"
        }
      ],
      "slots": [
        {
          "name": "expert",
          "description": "Checkbox description."
        }
      ],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-input-color",
      "description": "The **Color** input type creates a selection field for defining any color. The color can be entered in hexadecimal, RGB, or HSL notation. It is possible to select a color via a picker or by entering exact color values.",
      "attributes": [
        {
          "name": "_access-key",
          "type": "string | undefined",
          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element.",
          "required": false
        },
        {
          "name": "_auto-complete",
          "type": "string | undefined",
          "description": "Defines whether the input can be auto-completed.",
          "defaultValue": "'off'",
          "required": false
        },
        {
          "name": "_disabled",
          "type": "boolean | undefined",
          "description": "Makes the element not focusable and ignore all events.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_hide-label",
          "type": "boolean | undefined",
          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_hide-msg",
          "type": "boolean | undefined",
          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_hint",
          "type": "string | undefined",
          "description": "Defines the hint text.",
          "defaultValue": "''",
          "required": false
        },
        {
          "name": "_icons",
          "type": "string | undefined | { right?: IconOrIconClass | undefined; left?: IconOrIconClass | undefined; }",
          "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).",
          "required": false
        },
        {
          "name": "_label",
          "type": "string",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.",
          "required": true
        },
        {
          "name": "_msg",
          "type": "Omit<AlertProps, \"_on\" | \"_variant\" | \"_hasCloser\" | \"_label\" | \"_level\"> & { _description: string; } | string | undefined",
          "description": "Defines the properties for a message rendered as Alert component.",
          "required": false
        },
        {
          "name": "_name",
          "type": "string | undefined",
          "description": "Defines the technical name of an input field.",
          "required": false
        },
        {
          "name": "_short-key",
          "type": "string | undefined",
          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.",
          "required": false
        },
        {
          "name": "_smart-button",
          "type": "string | undefined | { _label: string; } & { _on?: ButtonCallbacksPropType<StencilUnknown> | undefined; _type?: \"button\" | \"reset\" | \"submit\" | undefined; _ariaExpanded?: boolean | undefined; _tabIndex?: number | undefined; _value?: StencilUnknown; _accessKey?: string | undefined; _role?: \"tab\" | \"treeitem\" | undefined; _ariaControls?: string | undefined; _ariaDescription?: string | undefined; _ariaSelected?: boolean | undefined; _customClass?: string | undefined; _disabled?: boolean | undefined; _hideLabel?: boolean | undefined; _icons?: IconsPropType | undefined; _id?: string | undefined; _inline?: boolean | undefined; _name?: string | undefined; _shortKey?: string | undefined; _syncValueBySelector?: string | undefined; _tooltipAlign?: AlignPropType | undefined; _variant?: string | undefined; }",
          "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
          "required": false
        },
        {
          "name": "_suggestions",
          "type": "W3CInputValue[] | string | undefined",
          "description": "Suggestions to provide for the input.",
          "required": false
        },
        {
          "name": "_tooltip-align",
          "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
          "defaultValue": "'top'",
          "required": false
        },
        {
          "name": "_touched",
          "type": "boolean | undefined",
          "description": "Shows if the input was touched by a user.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_value",
          "type": "string | undefined",
          "description": "Defines the value of the element.",
          "required": false
        }
      ],
      "events": [],
      "methods": [
        {
          "name": "click",
          "description": "Clicks the primary interactive element inside this component.",
          "signature": "click() => Promise<void>"
        },
        {
          "name": "focus",
          "description": "Sets focus on the internal element.",
          "signature": "focus() => Promise<void>"
        },
        {
          "name": "getValue",
          "description": "Returns the current value.",
          "signature": "getValue() => Promise<string | undefined>"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "The label of the input field."
        }
      ],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-input-date",
      "description": "The **Date** input type creates an input field for date values. These can be specific dates as well as weeks, months, or time values.",
      "attributes": [
        {
          "name": "_access-key",
          "type": "string | undefined",
          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element.",
          "required": false
        },
        {
          "name": "_auto-complete",
          "type": "string | undefined",
          "description": "Defines whether the input can be auto-completed.",
          "defaultValue": "'off'",
          "required": false
        },
        {
          "name": "_disabled",
          "type": "boolean | undefined",
          "description": "Makes the element not focusable and ignore all events.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_hide-label",
          "type": "boolean | undefined",
          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_hide-msg",
          "type": "boolean | undefined",
          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_hint",
          "type": "string | undefined",
          "description": "Defines the hint text.",
          "defaultValue": "''",
          "required": false
        },
        {
          "name": "_icons",
          "type": "string | undefined | { right?: IconOrIconClass | undefined; left?: IconOrIconClass | undefined; }",
          "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).",
          "required": false
        },
        {
          "name": "_label",
          "type": "string",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.",
          "required": true
        },
        {
          "name": "_max",
          "type": "Date | `${number}-${number}-${number}T${number}:${number}:${number}` | `${number}-${number}-${number}T${number}:${number}` | `${number}-${number}-${number}` | `${number}-${number}` | `${number}-W${number}` | `${number}:${number}:${number}` | `${number}:${number}` | undefined",
          "description": "Defines the maximum value of the element.",
          "required": false
        },
        {
          "name": "_min",
          "type": "Date | `${number}-${number}-${number}T${number}:${number}:${number}` | `${number}-${number}-${number}T${number}:${number}` | `${number}-${number}-${number}` | `${number}-${number}` | `${number}-W${number}` | `${number}:${number}:${number}` | `${number}:${number}` | undefined",
          "description": "Defines the smallest possible input value.",
          "required": false
        },
        {
          "name": "_msg",
          "type": "Omit<AlertProps, \"_on\" | \"_variant\" | \"_hasCloser\" | \"_label\" | \"_level\"> & { _description: string; } | string | undefined",
          "description": "Defines the properties for a message rendered as Alert component.",
          "required": false
        },
        {
          "name": "_name",
          "type": "string | undefined",
          "description": "Defines the technical name of an input field.",
          "required": false
        },
        {
          "name": "_read-only",
          "type": "boolean | undefined",
          "description": "Makes the input element read only.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_required",
          "type": "boolean | undefined",
          "description": "Makes the input element required.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_short-key",
          "type": "string | undefined",
          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.",
          "required": false
        },
        {
          "name": "_smart-button",
          "type": "string | undefined | { _label: string; } & { _on?: ButtonCallbacksPropType<StencilUnknown> | undefined; _type?: \"button\" | \"reset\" | \"submit\" | undefined; _ariaExpanded?: boolean | undefined; _tabIndex?: number | undefined; _value?: StencilUnknown; _accessKey?: string | undefined; _role?: \"tab\" | \"treeitem\" | undefined; _ariaControls?: string | undefined; _ariaDescription?: string | undefined; _ariaSelected?: boolean | undefined; _customClass?: string | undefined; _disabled?: boolean | undefined; _hideLabel?: boolean | undefined; _icons?: IconsPropType | undefined; _id?: string | undefined; _inline?: boolean | undefined; _name?: string | undefined; _shortKey?: string | undefined; _syncValueBySelector?: string | undefined; _tooltipAlign?: AlignPropType | undefined; _variant?: string | undefined; }",
          "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
          "required": false
        },
        {
          "name": "_step",
          "type": "`${number}.${number}` | `${number}` | number | undefined",
          "description": "Defines the step size for value changes.",
          "required": false
        },
        {
          "name": "_suggestions",
          "type": "W3CInputValue[] | string | undefined",
          "description": "Suggestions to provide for the input.",
          "required": false
        },
        {
          "name": "_tooltip-align",
          "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
          "defaultValue": "'top'",
          "required": false
        },
        {
          "name": "_touched",
          "type": "boolean | undefined",
          "description": "Shows if the input was touched by a user.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_type",
          "type": "\"date\" | \"datetime-local\" | \"month\" | \"time\" | \"week\"",
          "description": "Defines either the type of the component or of the components interactive element.",
          "defaultValue": "'date'",
          "required": false
        },
        {
          "name": "_value",
          "type": "Date | `${number}-${number}-${number}T${number}:${number}:${number}` | `${number}-${number}-${number}T${number}:${number}` | `${number}-${number}-${number}` | `${number}-${number}` | `${number}-W${number}` | `${number}:${number}:${number}` | `${number}:${number}` | null | undefined",
          "description": "Defines the value of the element.",
          "required": false
        }
      ],
      "events": [],
      "methods": [
        {
          "name": "click",
          "description": "Clicks the primary interactive element inside this component.",
          "signature": "click() => Promise<void>"
        },
        {
          "name": "focus",
          "description": "Sets focus on the internal element.",
          "signature": "focus() => Promise<void>"
        },
        {
          "name": "getValue",
          "description": "Returns the current value.",
          "signature": "getValue() => Promise<string | Date | undefined | null>"
        },
        {
          "name": "reset",
          "description": "Resets the component's value.",
          "signature": "reset() => Promise<void>"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "The label of the input field."
        }
      ],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-input-email",
      "description": "The **Email** input type creates an input field for email addresses. It supports built-in format validation, multiple addresses via the `_multiple` property, and auto-complete suggestions.",
      "attributes": [
        {
          "name": "_access-key",
          "type": "string | undefined",
          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element.",
          "required": false
        },
        {
          "name": "_auto-complete",
          "type": "string | undefined",
          "description": "Defines whether the input can be auto-completed.",
          "defaultValue": "'off'",
          "required": false
        },
        {
          "name": "_disabled",
          "type": "boolean | undefined",
          "description": "Makes the element not focusable and ignore all events.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_has-counter",
          "type": "boolean | undefined",
          "description": "Shows a character counter for the input element.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_hide-label",
          "type": "boolean | undefined",
          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_hide-msg",
          "type": "boolean | undefined",
          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_hint",
          "type": "string | undefined",
          "description": "Defines the hint text.",
          "defaultValue": "''",
          "required": false
        },
        {
          "name": "_icons",
          "type": "string | undefined | { right?: IconOrIconClass | undefined; left?: IconOrIconClass | undefined; }",
          "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).",
          "required": false
        },
        {
          "name": "_label",
          "type": "string",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.",
          "required": true
        },
        {
          "name": "_max-length",
          "type": "number | undefined",
          "description": "Defines the maximum number of input characters.",
          "required": false
        },
        {
          "name": "_max-length-behavior",
          "type": "\"hard\" | \"soft\" | undefined",
          "description": "Defines the behavior when maxLength is set. 'hard' sets the maxlength attribute, 'soft' shows a character counter without preventing input.",
          "defaultValue": "'hard'",
          "required": false
        },
        {
          "name": "_msg",
          "type": "Omit<AlertProps, \"_on\" | \"_variant\" | \"_hasCloser\" | \"_label\" | \"_level\"> & { _description: string; } | string | undefined",
          "description": "Defines the properties for a message rendered as Alert component.",
          "required": false
        },
        {
          "name": "_multiple",
          "type": "boolean | undefined",
          "description": "Makes the input accept multiple inputs.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_name",
          "type": "string | undefined",
          "description": "Defines the technical name of an input field.",
          "required": false
        },
        {
          "name": "_pattern",
          "type": "string | undefined",
          "description": "Defines a validation pattern for the input field.",
          "required": false
        },
        {
          "name": "_placeholder",
          "type": "string | undefined",
          "description": "Defines the placeholder for input field. To be shown when there's no value.",
          "required": false
        },
        {
          "name": "_read-only",
          "type": "boolean | undefined",
          "description": "Makes the input element read only.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_required",
          "type": "boolean | undefined",
          "description": "Makes the input element required.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_short-key",
          "type": "string | undefined",
          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.",
          "required": false
        },
        {
          "name": "_smart-button",
          "type": "string | undefined | { _label: string; } & { _on?: ButtonCallbacksPropType<StencilUnknown> | undefined; _type?: \"button\" | \"reset\" | \"submit\" | undefined; _ariaExpanded?: boolean | undefined; _tabIndex?: number | undefined; _value?: StencilUnknown; _accessKey?: string | undefined; _role?: \"tab\" | \"treeitem\" | undefined; _ariaControls?: string | undefined; _ariaDescription?: string | undefined; _ariaSelected?: boolean | undefined; _customClass?: string | undefined; _disabled?: boolean | undefined; _hideLabel?: boolean | undefined; _icons?: IconsPropType | undefined; _id?: string | undefined; _inline?: boolean | undefined; _name?: string | undefined; _shortKey?: string | undefined; _syncValueBySelector?: string | undefined; _tooltipAlign?: AlignPropType | undefined; _variant?: string | undefined; }",
          "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
          "required": false
        },
        {
          "name": "_suggestions",
          "type": "W3CInputValue[] | string | undefined",
          "description": "Suggestions to provide for the input.",
          "required": false
        },
        {
          "name": "_tooltip-align",
          "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
          "defaultValue": "'top'",
          "required": false
        },
        {
          "name": "_touched",
          "type": "boolean | undefined",
          "description": "Shows if the input was touched by a user.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_value",
          "type": "string | undefined",
          "description": "Defines the value of the element.",
          "required": false
        }
      ],
      "events": [],
      "methods": [
        {
          "name": "click",
          "description": "Clicks the primary interactive element inside this component.",
          "signature": "click() => Promise<void>"
        },
        {
          "name": "focus",
          "description": "Sets focus on the internal element.",
          "signature": "focus() => Promise<void>"
        },
        {
          "name": "getValue",
          "description": "Returns the current value.",
          "signature": "getValue() => Promise<string | undefined>"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "The label of the input field."
        }
      ],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-input-file",
      "description": "The **File** input type creates an input field for file uploads. One or multiple files can be selected and submitted with a form.",
      "attributes": [
        {
          "name": "_accept",
          "type": "string | undefined",
          "description": "Defines which file formats are accepted.",
          "required": false
        },
        {
          "name": "_access-key",
          "type": "string | undefined",
          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element.",
          "required": false
        },
        {
          "name": "_disabled",
          "type": "boolean | undefined",
          "description": "Makes the element not focusable and ignore all events.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_hide-label",
          "type": "boolean | undefined",
          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_hide-msg",
          "type": "boolean | undefined",
          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_hint",
          "type": "string | undefined",
          "description": "Defines the hint text.",
          "defaultValue": "''",
          "required": false
        },
        {
          "name": "_icons",
          "type": "string | undefined | { right?: IconOrIconClass | undefined; left?: IconOrIconClass | undefined; }",
          "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).",
          "required": false
        },
        {
          "name": "_label",
          "type": "string",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.",
          "required": true
        },
        {
          "name": "_msg",
          "type": "Omit<AlertProps, \"_on\" | \"_variant\" | \"_hasCloser\" | \"_label\" | \"_level\"> & { _description: string; } | string | undefined",
          "description": "Defines the properties for a message rendered as Alert component.",
          "required": false
        },
        {
          "name": "_multiple",
          "type": "boolean | undefined",
          "description": "Makes the input accept multiple inputs.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_name",
          "type": "string | undefined",
          "description": "Defines the technical name of an input field.",
          "required": false
        },
        {
          "name": "_required",
          "type": "boolean | undefined",
          "description": "Makes the input element required.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_short-key",
          "type": "string | undefined",
          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.",
          "required": false
        },
        {
          "name": "_smart-button",
          "type": "string | undefined | { _label: string; } & { _on?: ButtonCallbacksPropType<StencilUnknown> | undefined; _type?: \"button\" | \"reset\" | \"submit\" | undefined; _ariaExpanded?: boolean | undefined; _tabIndex?: number | undefined; _value?: StencilUnknown; _accessKey?: string | undefined; _role?: \"tab\" | \"treeitem\" | undefined; _ariaControls?: string | undefined; _ariaDescription?: string | undefined; _ariaSelected?: boolean | undefined; _customClass?: string | undefined; _disabled?: boolean | undefined; _hideLabel?: boolean | undefined; _icons?: IconsPropType | undefined; _id?: string | undefined; _inline?: boolean | undefined; _name?: string | undefined; _shortKey?: string | undefined; _syncValueBySelector?: string | undefined; _tooltipAlign?: AlignPropType | undefined; _variant?: string | undefined; }",
          "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
          "required": false
        },
        {
          "name": "_tooltip-align",
          "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
          "defaultValue": "'top'",
          "required": false
        },
        {
          "name": "_touched",
          "type": "boolean | undefined",
          "description": "Shows if the input was touched by a user.",
          "defaultValue": "false",
          "required": false
        }
      ],
      "events": [],
      "methods": [
        {
          "name": "click",
          "description": "Clicks the primary interactive element inside this component.",
          "signature": "click() => Promise<void>"
        },
        {
          "name": "focus",
          "description": "Sets focus on the internal element.",
          "signature": "focus() => Promise<void>"
        },
        {
          "name": "getValue",
          "description": "Returns the current value.",
          "signature": "getValue() => Promise<FileList | null | undefined>"
        },
        {
          "name": "reset",
          "description": "Resets the component's value.",
          "signature": "reset() => Promise<void>"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "The label of the input field."
        }
      ],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-input-number",
      "description": "The **Number** input type creates an input field for numeric values. Use the `_min`, `_max`, and `_step` properties to restrict the accepted value range.",
      "attributes": [
        {
          "name": "_access-key",
          "type": "string | undefined",
          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element.",
          "required": false
        },
        {
          "name": "_auto-complete",
          "type": "string | undefined",
          "description": "Defines whether the input can be auto-completed.",
          "defaultValue": "'off'",
          "required": false
        },
        {
          "name": "_disabled",
          "type": "boolean | undefined",
          "description": "Makes the element not focusable and ignore all events.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_hide-label",
          "type": "boolean | undefined",
          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_hide-msg",
          "type": "boolean | undefined",
          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_hint",
          "type": "string | undefined",
          "description": "Defines the hint text.",
          "defaultValue": "''",
          "required": false
        },
        {
          "name": "_icons",
          "type": "string | undefined | { right?: IconOrIconClass | undefined; left?: IconOrIconClass | undefined; }",
          "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).",
          "required": false
        },
        {
          "name": "_label",
          "type": "string",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.",
          "required": true
        },
        {
          "name": "_max",
          "type": "`${number}.${number}` | `${number}` | number | undefined",
          "description": "Defines the maximum value of the element.",
          "required": false
        },
        {
          "name": "_min",
          "type": "`${number}.${number}` | `${number}` | number | undefined",
          "description": "Defines the smallest possible input value.",
          "required": false
        },
        {
          "name": "_msg",
          "type": "Omit<AlertProps, \"_on\" | \"_variant\" | \"_hasCloser\" | \"_label\" | \"_level\"> & { _description: string; } | string | undefined",
          "description": "Defines the properties for a message rendered as Alert component.",
          "required": false
        },
        {
          "name": "_name",
          "type": "string | undefined",
          "description": "Defines the technical name of an input field.",
          "required": false
        },
        {
          "name": "_placeholder",
          "type": "string | undefined",
          "description": "Defines the placeholder for input field. To be shown when there's no value.",
          "required": false
        },
        {
          "name": "_read-only",
          "type": "boolean | undefined",
          "description": "Makes the input element read only.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_required",
          "type": "boolean | undefined",
          "description": "Makes the input element required.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_short-key",
          "type": "string | undefined",
          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.",
          "required": false
        },
        {
          "name": "_smart-button",
          "type": "string | undefined | { _label: string; } & { _on?: ButtonCallbacksPropType<StencilUnknown> | undefined; _type?: \"button\" | \"reset\" | \"submit\" | undefined; _ariaExpanded?: boolean | undefined; _tabIndex?: number | undefined; _value?: StencilUnknown; _accessKey?: string | undefined; _role?: \"tab\" | \"treeitem\" | undefined; _ariaControls?: string | undefined; _ariaDescription?: string | undefined; _ariaSelected?: boolean | undefined; _customClass?: string | undefined; _disabled?: boolean | undefined; _hideLabel?: boolean | undefined; _icons?: IconsPropType | undefined; _id?: string | undefined; _inline?: boolean | undefined; _name?: string | undefined; _shortKey?: string | undefined; _syncValueBySelector?: string | undefined; _tooltipAlign?: AlignPropType | undefined; _variant?: string | undefined; }",
          "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
          "required": false
        },
        {
          "name": "_step",
          "type": "`${number}.${number}` | `${number}` | number | undefined",
          "description": "Defines the step size for value changes.",
          "required": false
        },
        {
          "name": "_suggestions",
          "type": "W3CInputValue[] | string | undefined",
          "description": "Suggestions to provide for the input.",
          "required": false
        },
        {
          "name": "_tooltip-align",
          "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
          "defaultValue": "'top'",
          "required": false
        },
        {
          "name": "_touched",
          "type": "boolean | undefined",
          "description": "Shows if the input was touched by a user.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_value",
          "type": "`${number}.${number}` | `${number}` | null | number | undefined",
          "description": "Defines the value of the element.",
          "required": false
        }
      ],
      "events": [],
      "methods": [
        {
          "name": "click",
          "description": "Clicks the primary interactive element inside this component.",
          "signature": "click() => Promise<void>"
        },
        {
          "name": "focus",
          "description": "Sets focus on the internal element.",
          "signature": "focus() => Promise<void>"
        },
        {
          "name": "getValue",
          "description": "Returns the current value.",
          "signature": "getValue() => Promise<number | NumberString | null>"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "The label of the input field."
        }
      ],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-input-password",
      "description": "The **Password** input type creates an input field for passwords. The input is masked with dot symbols.",
      "attributes": [
        {
          "name": "_access-key",
          "type": "string | undefined",
          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element.",
          "required": false
        },
        {
          "name": "_auto-complete",
          "type": "string | undefined",
          "description": "Defines whether the input can be auto-completed.",
          "defaultValue": "'off'",
          "required": false
        },
        {
          "name": "_disabled",
          "type": "boolean | undefined",
          "description": "Makes the element not focusable and ignore all events.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_has-counter",
          "type": "boolean | undefined",
          "description": "Shows a character counter for the input element.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_hide-label",
          "type": "boolean | undefined",
          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_hide-msg",
          "type": "boolean | undefined",
          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_hint",
          "type": "string | undefined",
          "description": "Defines the hint text.",
          "defaultValue": "''",
          "required": false
        },
        {
          "name": "_icons",
          "type": "string | undefined | { right?: IconOrIconClass | undefined; left?: IconOrIconClass | undefined; }",
          "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).",
          "required": false
        },
        {
          "name": "_label",
          "type": "string",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.",
          "required": true
        },
        {
          "name": "_max-length",
          "type": "number | undefined",
          "description": "Defines the maximum number of input characters.",
          "required": false
        },
        {
          "name": "_max-length-behavior",
          "type": "\"hard\" | \"soft\" | undefined",
          "description": "Defines the behavior when maxLength is set. 'hard' sets the maxlength attribute, 'soft' shows a character counter without preventing input.",
          "defaultValue": "'hard'",
          "required": false
        },
        {
          "name": "_msg",
          "type": "Omit<AlertProps, \"_on\" | \"_variant\" | \"_hasCloser\" | \"_label\" | \"_level\"> & { _description: string; } | string | undefined",
          "description": "Defines the properties for a message rendered as Alert component.",
          "required": false
        },
        {
          "name": "_name",
          "type": "string | undefined",
          "description": "Defines the technical name of an input field.",
          "required": false
        },
        {
          "name": "_pattern",
          "type": "string | undefined",
          "description": "Defines a validation pattern for the input field.",
          "required": false
        },
        {
          "name": "_placeholder",
          "type": "string | undefined",
          "description": "Defines the placeholder for input field. To be shown when there's no value.",
          "required": false
        },
        {
          "name": "_read-only",
          "type": "boolean | undefined",
          "description": "Makes the input element read only.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_required",
          "type": "boolean | undefined",
          "description": "Makes the input element required.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_short-key",
          "type": "string | undefined",
          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.",
          "required": false
        },
        {
          "name": "_smart-button",
          "type": "string | undefined | { _label: string; } & { _on?: ButtonCallbacksPropType<StencilUnknown> | undefined; _type?: \"button\" | \"reset\" | \"submit\" | undefined; _ariaExpanded?: boolean | undefined; _tabIndex?: number | undefined; _value?: StencilUnknown; _accessKey?: string | undefined; _role?: \"tab\" | \"treeitem\" | undefined; _ariaControls?: string | undefined; _ariaDescription?: string | undefined; _ariaSelected?: boolean | undefined; _customClass?: string | undefined; _disabled?: boolean | undefined; _hideLabel?: boolean | undefined; _icons?: IconsPropType | undefined; _id?: string | undefined; _inline?: boolean | undefined; _name?: string | undefined; _shortKey?: string | undefined; _syncValueBySelector?: string | undefined; _tooltipAlign?: AlignPropType | undefined; _variant?: string | undefined; }",
          "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
          "required": false
        },
        {
          "name": "_tooltip-align",
          "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
          "defaultValue": "'top'",
          "required": false
        },
        {
          "name": "_touched",
          "type": "boolean | undefined",
          "description": "Shows if the input was touched by a user.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_value",
          "type": "string | undefined",
          "description": "Defines the value of the element.",
          "required": false
        },
        {
          "name": "_variant",
          "type": "\"default\" | \"visibility-toggle\" | undefined",
          "description": "Defines which variant should be used for presentation.",
          "defaultValue": "'default'",
          "required": false
        }
      ],
      "events": [],
      "methods": [
        {
          "name": "click",
          "description": "Clicks the primary interactive element inside this component.",
          "signature": "click() => Promise<void>"
        },
        {
          "name": "focus",
          "description": "Sets focus on the internal element.",
          "signature": "focus() => Promise<void>"
        },
        {
          "name": "getValue",
          "description": "Returns the current value.",
          "signature": "getValue() => Promise<string | undefined>"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "The label of the input field."
        }
      ],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-input-radio",
      "description": "The **InputRadio** input type consists of a collection of radio elements, providing a choice between different values. Only a single value can be selected at a time. Selected radio elements are typically represented by a filled, visually highlighted circle.",
      "attributes": [
        {
          "name": "_disabled",
          "type": "boolean | undefined",
          "description": "Makes the element not focusable and ignore all events.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_hide-label",
          "type": "boolean | undefined",
          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_hide-msg",
          "type": "boolean | undefined",
          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_hint",
          "type": "string | undefined",
          "description": "Defines the hint text.",
          "defaultValue": "''",
          "required": false
        },
        {
          "name": "_label",
          "type": "string",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.",
          "required": true
        },
        {
          "name": "_msg",
          "type": "Omit<AlertProps, \"_on\" | \"_variant\" | \"_hasCloser\" | \"_label\" | \"_level\"> & { _description: string; } | string | undefined",
          "description": "Defines the properties for a message rendered as Alert component.",
          "required": false
        },
        {
          "name": "_name",
          "type": "string | undefined",
          "description": "Defines the technical name of an input field.",
          "required": false
        },
        {
          "name": "_options",
          "type": "RadioOption<StencilUnknown>[] | string | undefined",
          "description": "Options the user can choose from.",
          "required": false
        },
        {
          "name": "_orientation",
          "type": "\"horizontal\" | \"vertical\" | undefined",
          "description": "Defines whether the orientation of the component is horizontal or vertical.",
          "defaultValue": "'vertical'",
          "required": false
        },
        {
          "name": "_required",
          "type": "boolean | undefined",
          "description": "Makes the input element required.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_tooltip-align",
          "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
          "defaultValue": "'top'",
          "required": false
        },
        {
          "name": "_touched",
          "type": "boolean | undefined",
          "description": "Shows if the input was touched by a user.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_value",
          "type": "boolean | null | number | object | string | undefined",
          "description": "Defines the value of the element.",
          "defaultValue": "null",
          "required": false
        }
      ],
      "events": [],
      "methods": [
        {
          "name": "click",
          "description": "Clicks the primary interactive element inside this component.",
          "signature": "click() => Promise<void>"
        },
        {
          "name": "focus",
          "description": "Sets focus on the internal element.",
          "signature": "focus() => Promise<void>"
        },
        {
          "name": "getValue",
          "description": "Returns the current value.",
          "signature": "getValue() => Promise<StencilUnknown>"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "The legend/heading of the radio buttons."
        }
      ],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-input-range",
      "description": "The **Range** input type creates a slider control for selecting a numeric value within a defined range. Use the `_min`, `_max`, and `_step` properties to configure the range and step size.",
      "attributes": [
        {
          "name": "_access-key",
          "type": "string | undefined",
          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element.",
          "required": false
        },
        {
          "name": "_auto-complete",
          "type": "string | undefined",
          "description": "Defines whether the input can be auto-completed.",
          "defaultValue": "'off'",
          "required": false
        },
        {
          "name": "_disabled",
          "type": "boolean | undefined",
          "description": "Makes the element not focusable and ignore all events.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_hide-label",
          "type": "boolean | undefined",
          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_hide-msg",
          "type": "boolean | undefined",
          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_hint",
          "type": "string | undefined",
          "description": "Defines the hint text.",
          "defaultValue": "''",
          "required": false
        },
        {
          "name": "_icons",
          "type": "string | undefined | { right?: IconOrIconClass | undefined; left?: IconOrIconClass | undefined; }",
          "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).",
          "required": false
        },
        {
          "name": "_label",
          "type": "string",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.",
          "required": true
        },
        {
          "name": "_max",
          "type": "`${number}.${number}` | `${number}` | number | undefined",
          "description": "Defines the maximum value of the element.",
          "defaultValue": "100",
          "required": false
        },
        {
          "name": "_min",
          "type": "`${number}.${number}` | `${number}` | number | undefined",
          "description": "Defines the smallest possible input value.",
          "defaultValue": "0",
          "required": false
        },
        {
          "name": "_msg",
          "type": "Omit<AlertProps, \"_on\" | \"_variant\" | \"_hasCloser\" | \"_label\" | \"_level\"> & { _description: string; } | string | undefined",
          "description": "Defines the properties for a message rendered as Alert component.",
          "required": false
        },
        {
          "name": "_name",
          "type": "string | undefined",
          "description": "Defines the technical name of an input field.",
          "required": false
        },
        {
          "name": "_short-key",
          "type": "string | undefined",
          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.",
          "required": false
        },
        {
          "name": "_step",
          "type": "`${number}.${number}` | `${number}` | number | undefined",
          "description": "Defines the step size for value changes.",
          "required": false
        },
        {
          "name": "_suggestions",
          "type": "W3CInputValue[] | string | undefined",
          "description": "Suggestions to provide for the input.",
          "required": false
        },
        {
          "name": "_tooltip-align",
          "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
          "defaultValue": "'top'",
          "required": false
        },
        {
          "name": "_touched",
          "type": "boolean | undefined",
          "description": "Shows if the input was touched by a user.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_value",
          "type": "`${number}.${number}` | `${number}` | number | undefined",
          "description": "Defines the value of the element.",
          "required": false
        }
      ],
      "events": [],
      "methods": [
        {
          "name": "click",
          "description": "Clicks the primary interactive element inside this component.",
          "signature": "click() => Promise<void>"
        },
        {
          "name": "focus",
          "description": "Sets focus on the internal element.",
          "signature": "focus() => Promise<void>"
        },
        {
          "name": "getValue",
          "description": "Returns the current value.",
          "signature": "getValue() => Promise<number | NumberString | undefined>"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "The label of the input field."
        }
      ],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-input-text",
      "description": "The **Text** input type creates an input field for plain text, search terms, URLs, or phone numbers.",
      "attributes": [
        {
          "name": "_access-key",
          "type": "string | undefined",
          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element.",
          "required": false
        },
        {
          "name": "_auto-complete",
          "type": "string | undefined",
          "description": "Defines whether the input can be auto-completed.",
          "defaultValue": "'off'",
          "required": false
        },
        {
          "name": "_disabled",
          "type": "boolean | undefined",
          "description": "Makes the element not focusable and ignore all events.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_has-counter",
          "type": "boolean | undefined",
          "description": "Shows a character counter for the input element.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_hide-label",
          "type": "boolean | undefined",
          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_hide-msg",
          "type": "boolean | undefined",
          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_hint",
          "type": "string | undefined",
          "description": "Defines the hint text.",
          "defaultValue": "''",
          "required": false
        },
        {
          "name": "_icons",
          "type": "string | undefined | { right?: IconOrIconClass | undefined; left?: IconOrIconClass | undefined; }",
          "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).",
          "required": false
        },
        {
          "name": "_label",
          "type": "string",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.",
          "required": true
        },
        {
          "name": "_max-length",
          "type": "number | undefined",
          "description": "Defines the maximum number of input characters.",
          "required": false
        },
        {
          "name": "_max-length-behavior",
          "type": "\"hard\" | \"soft\" | undefined",
          "description": "Defines the behavior when maxLength is set. 'hard' sets the maxlength attribute, 'soft' shows a character counter without preventing input.",
          "defaultValue": "'hard'",
          "required": false
        },
        {
          "name": "_msg",
          "type": "Omit<AlertProps, \"_on\" | \"_variant\" | \"_hasCloser\" | \"_label\" | \"_level\"> & { _description: string; } | string | undefined",
          "description": "Defines the properties for a message rendered as Alert component.",
          "required": false
        },
        {
          "name": "_name",
          "type": "string | undefined",
          "description": "Defines the technical name of an input field.",
          "required": false
        },
        {
          "name": "_pattern",
          "type": "string | undefined",
          "description": "Defines a validation pattern for the input field.",
          "required": false
        },
        {
          "name": "_placeholder",
          "type": "string | undefined",
          "description": "Defines the placeholder for input field. To be shown when there's no value.",
          "required": false
        },
        {
          "name": "_read-only",
          "type": "boolean | undefined",
          "description": "Makes the input element read only.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_required",
          "type": "boolean | undefined",
          "description": "Makes the input element required.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_short-key",
          "type": "string | undefined",
          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.",
          "required": false
        },
        {
          "name": "_smart-button",
          "type": "string | undefined | { _label: string; } & { _on?: ButtonCallbacksPropType<StencilUnknown> | undefined; _type?: \"button\" | \"reset\" | \"submit\" | undefined; _ariaExpanded?: boolean | undefined; _tabIndex?: number | undefined; _value?: StencilUnknown; _accessKey?: string | undefined; _role?: \"tab\" | \"treeitem\" | undefined; _ariaControls?: string | undefined; _ariaDescription?: string | undefined; _ariaSelected?: boolean | undefined; _customClass?: string | undefined; _disabled?: boolean | undefined; _hideLabel?: boolean | undefined; _icons?: IconsPropType | undefined; _id?: string | undefined; _inline?: boolean | undefined; _name?: string | undefined; _shortKey?: string | undefined; _syncValueBySelector?: string | undefined; _tooltipAlign?: AlignPropType | undefined; _variant?: string | undefined; }",
          "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
          "required": false
        },
        {
          "name": "_spell-check",
          "type": "boolean | undefined",
          "description": "Defines whether the browser should check the spelling and grammar.",
          "required": false
        },
        {
          "name": "_suggestions",
          "type": "W3CInputValue[] | string | undefined",
          "description": "Suggestions to provide for the input.",
          "required": false
        },
        {
          "name": "_tooltip-align",
          "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
          "defaultValue": "'top'",
          "required": false
        },
        {
          "name": "_touched",
          "type": "boolean | undefined",
          "description": "Shows if the input was touched by a user.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_type",
          "type": "\"search\" | \"tel\" | \"text\" | \"url\" | undefined",
          "description": "Defines either the type of the component or of the components interactive element.",
          "defaultValue": "'text'",
          "required": false
        },
        {
          "name": "_value",
          "type": "string | undefined",
          "description": "Defines the value of the element.",
          "required": false
        }
      ],
      "events": [],
      "methods": [
        {
          "name": "click",
          "description": "Focuses the primary interactive element inside this component.",
          "signature": "click() => Promise<void>"
        },
        {
          "name": "focus",
          "description": "Sets focus on the internal element.",
          "signature": "focus() => Promise<void>"
        },
        {
          "name": "getValue",
          "description": "Returns the current value.",
          "signature": "getValue() => Promise<string | undefined>"
        },
        {
          "name": "selectioconEnd",
          "description": "Get selection end of internal element.",
          "signature": "selectioconEnd() => Promise<number | null | undefined>"
        },
        {
          "name": "selectionStart",
          "description": "Get selection start of internal element.",
          "signature": "selectionStart() => Promise<number | null | undefined>"
        },
        {
          "name": "setRangeText",
          "description": "Add string at position of internal element; just like https://developer.mozilla.org/docs/Web/API/HTMLInputElement/setRangeText",
          "signature": "setRangeText(replacement: string, selectionStart?: number, selectionEnd?: number, selectMode?: \"select\" | \"start\" | \"end\" | \"preserve\") => Promise<void>"
        },
        {
          "name": "setSelectionRange",
          "description": "Set selection start and end, and optional in which direction, of internal element; just like https://developer.mozilla.org/docs/Web/API/HTMLInputElement/setSelectionRange",
          "signature": "setSelectionRange(selectionStart: number, selectionEnd: number, selectionDirection?: \"forward\" | \"backward\" | \"none\") => Promise<void>"
        },
        {
          "name": "setSelectionStart",
          "description": "Set selection start (and end = start) of internal element.",
          "signature": "setSelectionStart(selectionStart: number) => Promise<void>"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "The label of the input field."
        }
      ],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-kolibri",
      "description": "",
      "attributes": [
        {
          "name": "_color",
          "type": "string | undefined | { backgroundColor: string; foregroundColor: string; }",
          "description": "Defines the color of the logo and label.",
          "defaultValue": "'#003c78'",
          "required": false
        },
        {
          "name": "_labeled",
          "type": "boolean | undefined",
          "description": "Defines whether the component has a label.",
          "defaultValue": "true",
          "required": false
        }
      ],
      "events": [],
      "methods": [],
      "slots": [],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-link",
      "description": "",
      "attributes": [
        {
          "name": "_access-key",
          "type": "string | undefined",
          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element.",
          "required": false
        },
        {
          "name": "_aria-controls",
          "type": "string | undefined",
          "description": "Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)",
          "required": false
        },
        {
          "name": "_aria-current-value",
          "type": "\"date\" | \"false\" | \"location\" | \"page\" | \"step\" | \"time\" | \"true\" | undefined",
          "description": "Defines the value for the aria-current attribute.",
          "required": false
        },
        {
          "name": "_aria-description",
          "type": "string | undefined",
          "description": "Defines the value for the aria-description attribute.",
          "required": false
        },
        {
          "name": "_aria-expanded",
          "type": "boolean | undefined",
          "description": "Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)",
          "required": false
        },
        {
          "name": "_disabled",
          "type": "boolean | undefined",
          "description": "Makes the element not focusable and ignore all events.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_download",
          "type": "string | undefined",
          "description": "Tells the browser that the link contains a file. Optionally sets the filename.",
          "required": false
        },
        {
          "name": "_hide-label",
          "type": "boolean | undefined",
          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_href",
          "type": "string",
          "description": "Sets the target URI of the link or citation source.",
          "required": true
        },
        {
          "name": "_icons",
          "type": "KoliBriHorizontalIcons & KoliBriVerticalIcons | string | undefined",
          "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).",
          "required": false
        },
        {
          "name": "_inline",
          "type": "boolean | undefined",
          "description": "Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.",
          "defaultValue": "true",
          "required": false
        },
        {
          "name": "_label",
          "type": "string | undefined",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.",
          "required": false
        },
        {
          "name": "_role",
          "type": "\"tab\" | \"treeitem\" | undefined",
          "description": "Defines the role of the components primary element.",
          "required": false
        },
        {
          "name": "_short-key",
          "type": "string | undefined",
          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.",
          "required": false
        },
        {
          "name": "_target",
          "type": "string | undefined",
          "description": "Defines where to open the link.",
          "required": false
        },
        {
          "name": "_tooltip-align",
          "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
          "defaultValue": "'right'",
          "required": false
        },
        {
          "name": "_variant",
          "type": "string | undefined",
          "description": "Defines which variant should be used for presentation.",
          "required": false
        }
      ],
      "events": [],
      "methods": [
        {
          "name": "focus",
          "description": "Sets focus on the internal element.",
          "signature": "focus() => Promise<void>"
        }
      ],
      "slots": [],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-link-button",
      "description": "The **LinkButton** component is semantically a link but has the appearance of a button. All relevant properties of the Link component are adopted and extended with the design-defining properties of a button.",
      "attributes": [
        {
          "name": "_access-key",
          "type": "string | undefined",
          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element.",
          "required": false
        },
        {
          "name": "_aria-controls",
          "type": "string | undefined",
          "description": "Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)",
          "required": false
        },
        {
          "name": "_aria-current-value",
          "type": "\"date\" | \"false\" | \"location\" | \"page\" | \"step\" | \"time\" | \"true\" | undefined",
          "description": "Defines the value for the aria-current attribute.",
          "required": false
        },
        {
          "name": "_aria-description",
          "type": "string | undefined",
          "description": "Defines the value for the aria-description attribute.",
          "required": false
        },
        {
          "name": "_custom-class",
          "type": "string | undefined",
          "description": "Defines the custom class attribute if _variant=\"custom\" is set.",
          "required": false
        },
        {
          "name": "_disabled",
          "type": "boolean | undefined",
          "description": "Makes the element not focusable and ignore all events.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_download",
          "type": "string | undefined",
          "description": "Tells the browser that the link contains a file. Optionally sets the filename.",
          "required": false
        },
        {
          "name": "_hide-label",
          "type": "boolean | undefined",
          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_href",
          "type": "string",
          "description": "Defines the target URI of the link.",
          "required": true
        },
        {
          "name": "_icons",
          "type": "KoliBriHorizontalIcons & KoliBriVerticalIcons | string | undefined",
          "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).",
          "required": false
        },
        {
          "name": "_label",
          "type": "string | undefined",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.",
          "required": false
        },
        {
          "name": "_role",
          "type": "\"tab\" | \"treeitem\" | undefined",
          "description": "Defines the role of the components primary element.",
          "required": false
        },
        {
          "name": "_short-key",
          "type": "string | undefined",
          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.",
          "required": false
        },
        {
          "name": "_target",
          "type": "string | undefined",
          "description": "Defines where to open the link.",
          "required": false
        },
        {
          "name": "_tooltip-align",
          "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
          "defaultValue": "'right'",
          "required": false
        },
        {
          "name": "_variant",
          "type": "\"custom\" | \"danger\" | \"ghost\" | \"normal\" | \"primary\" | \"secondary\" | \"tertiary\" | undefined",
          "description": "Defines which variant should be used for presentation.",
          "defaultValue": "'normal'",
          "required": false
        }
      ],
      "events": [],
      "methods": [
        {
          "name": "click",
          "description": "Clicks the primary interactive element inside this component.",
          "signature": "click() => Promise<void>"
        },
        {
          "name": "focus",
          "description": "Sets focus on the internal element.",
          "signature": "focus() => Promise<void>"
        }
      ],
      "slots": [
        {
          "name": "expert",
          "description": "Custom label content, e.g. for rich text or icons."
        }
      ],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-meter",
      "description": "",
      "attributes": [
        {
          "name": "_high",
          "type": "number | undefined",
          "description": "Defines the upper boundary of the high range.",
          "required": false
        },
        {
          "name": "_label",
          "type": "string",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).",
          "required": true
        },
        {
          "name": "_low",
          "type": "number | undefined",
          "description": "Defines the lower boundary of the low range.",
          "required": false
        },
        {
          "name": "_max",
          "type": "number",
          "description": "Defines the maximum value of the element.",
          "required": true
        },
        {
          "name": "_min",
          "type": "number | undefined",
          "description": "Defines the minimum value of the element.",
          "required": false
        },
        {
          "name": "_optimum",
          "type": "number | undefined",
          "description": "Defines the optimal value of the element.",
          "required": false
        },
        {
          "name": "_orientation",
          "type": "\"horizontal\" | \"vertical\"",
          "description": "Defines whether the meter bar is displayed horizontally or vertically.",
          "defaultValue": "'horizontal'",
          "required": false
        },
        {
          "name": "_unit",
          "type": "string",
          "description": "Defines the unit of the step values (not shown).",
          "defaultValue": "'%'",
          "required": false
        },
        {
          "name": "_value",
          "type": "number",
          "description": "Defines the value of the element.",
          "required": true
        }
      ],
      "events": [],
      "methods": [],
      "slots": [],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-modal",
      "description": "The **Modal** component has been superseded by `kol-dialog`, which provides improved accessibility and conforms to the HTML dialog specification. It is still available in version 2 for backwards compatibility.",
      "attributes": [
        {
          "name": "_label",
          "type": "string",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).",
          "required": true
        },
        {
          "name": "_variant",
          "type": "\"blank\" | \"card\" | undefined",
          "description": "Defines the variant of the modal.",
          "defaultValue": "'blank'",
          "required": false
        },
        {
          "name": "_width",
          "type": "string | undefined",
          "description": "Defines the width of the modal. (max-width: 100%)",
          "defaultValue": "'100%'",
          "required": false
        }
      ],
      "events": [],
      "methods": [
        {
          "name": "closeModal",
          "description": "Closes the modal dialog.",
          "signature": "closeModal() => Promise<void>"
        },
        {
          "name": "openModal",
          "description": "Opens the modal dialog.",
          "signature": "openModal() => Promise<void>"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "The modal's contents."
        }
      ],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-nav",
      "description": "The **Nav** component renders a group of related links or navigation elements that perform an action or display content when clicked.\nIt provides a highly configurable vertical or horizontal navigation bar that can represent multiple levels and vary in width.",
      "attributes": [
        {
          "name": "_collapsible",
          "type": "boolean | undefined",
          "description": "Defines if navigation nodes can be collapsed or not. Enabled by default.",
          "defaultValue": "true",
          "required": false
        },
        {
          "name": "_has-compact-button",
          "type": "boolean | undefined",
          "description": "Creates a button below the navigation, that toggles _collapsible.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_has-icons-when-expanded",
          "type": "boolean | undefined",
          "description": "Shows icons next to the navigation item labels, even when the navigation is not collapsed.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_hide-label",
          "type": "boolean | undefined",
          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_label",
          "type": "string",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).",
          "required": true
        },
        {
          "name": "_links",
          "type": "ButtonOrLinkOrTextWithChildrenProps[] | string",
          "description": "Defines the list of links, buttons or texts to render.",
          "required": true
        }
      ],
      "events": [],
      "methods": [],
      "slots": [],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-pagination",
      "description": "",
      "attributes": [
        {
          "name": "_boundary-count",
          "type": "number | undefined",
          "description": "Defines the amount of pages to show next to the outer arrow buttons.",
          "defaultValue": "1",
          "required": false
        },
        {
          "name": "_custom-class",
          "type": "string | undefined",
          "description": "Defines the custom class attribute if _variant=\"custom\" is set.",
          "required": false
        },
        {
          "name": "_has-buttons",
          "type": "boolean | string | undefined | { first: boolean; last: boolean; next: boolean; previous: boolean; }",
          "description": "Defines which navigation buttons to render (first, last, next, previous buttons).",
          "defaultValue": "true",
          "required": false
        },
        {
          "name": "_label",
          "type": "string | undefined",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).",
          "required": false
        },
        {
          "name": "_max",
          "type": "number",
          "description": "Defines the maximum value of the element.",
          "required": true
        },
        {
          "name": "_page",
          "type": "number",
          "description": "Defines the current page.",
          "required": true
        },
        {
          "name": "_page-size",
          "type": "number",
          "description": "Defines the amount of entries to show per page.",
          "defaultValue": "1",
          "required": false
        },
        {
          "name": "_page-size-options",
          "type": "number[] | string",
          "description": "Defines the options for the page-size-select.",
          "defaultValue": "[]",
          "required": false
        },
        {
          "name": "_sibling-count",
          "type": "number | undefined",
          "description": "Defines the amount of pages to show next to the current page.",
          "defaultValue": "1",
          "required": false
        },
        {
          "name": "_tooltip-align",
          "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
          "defaultValue": "'top'",
          "required": false
        }
      ],
      "events": [],
      "methods": [],
      "slots": [],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-popover-button",
      "description": "A button that toggles the visibility of a popover overlay containing arbitrary content.\nThe popover uses the native HTML Popover API for lightweight, non-modal overlays.",
      "attributes": [
        {
          "name": "_access-key",
          "type": "string | undefined",
          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element.",
          "required": false
        },
        {
          "name": "_aria-description",
          "type": "string | undefined",
          "description": "Defines the value for the aria-description attribute.",
          "required": false
        },
        {
          "name": "_custom-class",
          "type": "string | undefined",
          "description": "Defines the custom class attribute if _variant=\"custom\" is set.",
          "required": false
        },
        {
          "name": "_disabled",
          "type": "boolean | undefined",
          "description": "Makes the element not focusable and ignore all events.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_hide-label",
          "type": "boolean | undefined",
          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_icons",
          "type": "KoliBriHorizontalIcons & KoliBriVerticalIcons | string | undefined",
          "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).",
          "required": false
        },
        {
          "name": "_inline",
          "type": "boolean | undefined",
          "description": "Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_label",
          "type": "string",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.",
          "required": true
        },
        {
          "name": "_name",
          "type": "string | undefined",
          "description": "Defines the technical name of an input field.",
          "required": false
        },
        {
          "name": "_popover-align",
          "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
          "description": "Defines where to show the Popover preferably: top, right, bottom or left.",
          "defaultValue": "'bottom'",
          "required": false
        },
        {
          "name": "_short-key",
          "type": "string | undefined",
          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.",
          "required": false
        },
        {
          "name": "_tab-index",
          "type": "number | undefined",
          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)",
          "required": false
        },
        {
          "name": "_tooltip-align",
          "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
          "defaultValue": "'top'",
          "required": false
        },
        {
          "name": "_type",
          "type": "\"button\" | \"reset\" | \"submit\" | undefined",
          "description": "Defines either the type of the component or of the components interactive element.",
          "defaultValue": "'button'",
          "required": false
        },
        {
          "name": "_value",
          "type": "boolean | null | number | object | string | undefined",
          "description": "Defines the value of the element.",
          "required": false
        },
        {
          "name": "_variant",
          "type": "\"custom\" | \"danger\" | \"ghost\" | \"normal\" | \"primary\" | \"secondary\" | \"tertiary\" | undefined",
          "description": "Defines which variant should be used for presentation.",
          "defaultValue": "'normal'",
          "required": false
        }
      ],
      "events": [],
      "methods": [
        {
          "name": "click",
          "description": "Clicks the primary interactive element inside this component.",
          "signature": "click() => Promise<void>"
        },
        {
          "name": "focus",
          "description": "Sets focus on the internal element.",
          "signature": "focus() => Promise<void>"
        },
        {
          "name": "hidePopover",
          "description": "Hides the popover programmatically by forwarding the call to the web component.",
          "signature": "hidePopover() => Promise<void>"
        },
        {
          "name": "showPopover",
          "description": "Shows the popover programmatically by forwarding the call to the web component.",
          "signature": "showPopover() => Promise<void>"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "The popover content (displayed when the button is clicked)."
        },
        {
          "name": "expert",
          "description": "Custom label content for the button (when `_label` is `false`)."
        }
      ],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-progress",
      "description": "The **Progress** component visualizes the completion status of a task or process. It supports both determinate (percentage-based) and indeterminate variants.",
      "attributes": [
        {
          "name": "_label",
          "type": "string | undefined",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).",
          "required": false
        },
        {
          "name": "_max",
          "type": "number",
          "description": "Defines the maximum value of the element.",
          "required": true
        },
        {
          "name": "_unit",
          "type": "string | undefined",
          "description": "Defines the unit of the step values (not shown).",
          "required": false
        },
        {
          "name": "_value",
          "type": "number",
          "description": "Defines the value of the element.",
          "required": true
        },
        {
          "name": "_variant",
          "type": "\"bar\" | \"cycle\" | undefined",
          "description": "Defines which variant should be used for presentation.",
          "required": false
        }
      ],
      "events": [],
      "methods": [],
      "slots": [],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-quote",
      "description": "The **Quote** component has two variants: a short inline (`inline`) and an indented block (`block`) variant. Both variants include a link to the source of the quote.",
      "attributes": [
        {
          "name": "_href",
          "type": "string",
          "description": "Sets the target URI of the link or citation source.",
          "required": true
        },
        {
          "name": "_label",
          "type": "string | undefined",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).",
          "required": false
        },
        {
          "name": "_quote",
          "type": "string",
          "description": "Defines the text of the quote.",
          "required": true
        },
        {
          "name": "_variant",
          "type": "\"block\" | \"inline\" | undefined",
          "description": "Defines which variant should be used for presentation.",
          "defaultValue": "'inline'",
          "required": false
        }
      ],
      "events": [],
      "methods": [],
      "slots": [],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-select",
      "description": "",
      "attributes": [
        {
          "name": "_access-key",
          "type": "string | undefined",
          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element.",
          "required": false
        },
        {
          "name": "_disabled",
          "type": "boolean | undefined",
          "description": "Makes the element not focusable and ignore all events.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_hide-label",
          "type": "boolean | undefined",
          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_hide-msg",
          "type": "boolean | undefined",
          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_hint",
          "type": "string | undefined",
          "description": "Defines the hint text.",
          "defaultValue": "''",
          "required": false
        },
        {
          "name": "_icons",
          "type": "string | undefined | { right?: IconOrIconClass | undefined; left?: IconOrIconClass | undefined; }",
          "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).",
          "required": false
        },
        {
          "name": "_label",
          "type": "string",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.",
          "required": true
        },
        {
          "name": "_msg",
          "type": "Omit<AlertProps, \"_on\" | \"_variant\" | \"_hasCloser\" | \"_label\" | \"_level\"> & { _description: string; } | string | undefined",
          "description": "Defines the properties for a message rendered as Alert component.",
          "required": false
        },
        {
          "name": "_multiple",
          "type": "boolean | undefined",
          "description": "Makes the input accept multiple inputs.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_name",
          "type": "string | undefined",
          "description": "Defines the technical name of an input field.",
          "required": false
        },
        {
          "name": "_options",
          "type": "(Option<StencilUnknown> | Optgroup<StencilUnknown>)[] | string",
          "description": "Options the user can choose from.",
          "required": true
        },
        {
          "name": "_required",
          "type": "boolean | undefined",
          "description": "Makes the input element required.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_rows",
          "type": "number | undefined",
          "description": "Maximum number of visible rows of the element.",
          "required": false
        },
        {
          "name": "_short-key",
          "type": "string | undefined",
          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.",
          "required": false
        },
        {
          "name": "_tab-index",
          "type": "number | undefined",
          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)",
          "required": false
        },
        {
          "name": "_tooltip-align",
          "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
          "defaultValue": "'top'",
          "required": false
        },
        {
          "name": "_touched",
          "type": "boolean | undefined",
          "description": "Shows if the input was touched by a user.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_value",
          "type": "StencilUnknown[] | boolean | null | number | object | string | undefined",
          "description": "Defines the value of the element.",
          "required": false
        }
      ],
      "events": [],
      "methods": [
        {
          "name": "focus",
          "description": "Sets focus on the internal element.",
          "signature": "focus() => Promise<void>"
        },
        {
          "name": "getValue",
          "description": "Returns the selected values.",
          "signature": "getValue() => Promise<StencilUnknown[] | StencilUnknown>"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "The label of the input field."
        }
      ],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-single-select",
      "description": "The **SingleSelect** component creates a dropdown list from which exactly one predefined option can be selected.",
      "attributes": [
        {
          "name": "_access-key",
          "type": "string | undefined",
          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element.",
          "required": false
        },
        {
          "name": "_disabled",
          "type": "boolean | undefined",
          "description": "Makes the element not focusable and ignore all events.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_has-clear-button",
          "type": "boolean | undefined",
          "description": "Shows the clear button if enabled.",
          "defaultValue": "true",
          "required": false
        },
        {
          "name": "_hide-label",
          "type": "boolean | undefined",
          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_hide-msg",
          "type": "boolean | undefined",
          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_hint",
          "type": "string | undefined",
          "description": "Defines the hint text.",
          "defaultValue": "''",
          "required": false
        },
        {
          "name": "_icons",
          "type": "string | undefined | { right?: IconOrIconClass | undefined; left?: IconOrIconClass | undefined; }",
          "description": "Defines the icon classnames (e.g. `icons=\"fa-solid fa-user\"`).",
          "required": false
        },
        {
          "name": "_label",
          "type": "string",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.",
          "required": true
        },
        {
          "name": "_msg",
          "type": "Omit<AlertProps, \"_on\" | \"_variant\" | \"_hasCloser\" | \"_label\" | \"_level\"> & { _description: string; } | string | undefined",
          "description": "Defines the properties for a message rendered as Alert component.",
          "required": false
        },
        {
          "name": "_name",
          "type": "string | undefined",
          "description": "Defines the technical name of an input field.",
          "required": false
        },
        {
          "name": "_options",
          "type": "Option<StencilUnknown>[] | string",
          "description": "Options the user can choose from.",
          "required": true
        },
        {
          "name": "_placeholder",
          "type": "string | undefined",
          "description": "Defines the placeholder for input field. To be shown when there's no value.",
          "required": false
        },
        {
          "name": "_required",
          "type": "boolean | undefined",
          "description": "Makes the input element required.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_rows",
          "type": "number | undefined",
          "description": "Maximum number of visible rows of the element.",
          "required": false
        },
        {
          "name": "_short-key",
          "type": "string | undefined",
          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.",
          "required": false
        },
        {
          "name": "_tooltip-align",
          "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
          "defaultValue": "'top'",
          "required": false
        },
        {
          "name": "_touched",
          "type": "boolean | undefined",
          "description": "Shows if the input was touched by a user.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_value",
          "type": "boolean | null | number | object | string | undefined",
          "description": "Defines the value of the element.",
          "defaultValue": "null",
          "required": false
        }
      ],
      "events": [],
      "methods": [
        {
          "name": "focus",
          "description": "Sets focus on the internal element.",
          "signature": "focus() => Promise<void>"
        },
        {
          "name": "getValue",
          "description": "Returns the current value.",
          "signature": "getValue() => Promise<StencilUnknown>"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "The label of the input field."
        }
      ],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-skeleton",
      "description": "",
      "attributes": [
        {
          "name": "_name",
          "type": "string",
          "description": "Sets the name of the skeleton component.",
          "required": true
        }
      ],
      "events": [
        {
          "name": "loaded",
          "description": "Emitted when the skeleton has finished loading."
        },
        {
          "name": "rendered",
          "description": "Emitted when the skeleton has been rendered for the first time."
        }
      ],
      "methods": [
        {
          "name": "focus",
          "description": "Focuses the interactive element of the component.",
          "signature": "focus() => Promise<void>"
        },
        {
          "name": "toggle",
          "description": "Toggles the visibility of the skeleton component.",
          "signature": "toggle() => Promise<void>"
        }
      ],
      "slots": [],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-skip-nav",
      "description": "The **SkipNav** component renders a hidden navigation that allows keyboard and assistive technology users to skip repetitive navigation sections and jump directly to the main content. It only becomes visible when reached via the Tab key.",
      "attributes": [
        {
          "name": "_label",
          "type": "string",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).",
          "required": true
        },
        {
          "name": "_links",
          "type": "LinkProps[] | string",
          "description": "Defines the list of links combined with their labels to render.",
          "required": true
        }
      ],
      "events": [],
      "methods": [
        {
          "name": "focus",
          "description": "Sets focus on the internal element.",
          "signature": "focus() => Promise<void>"
        }
      ],
      "slots": [],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-spin",
      "description": "",
      "attributes": [
        {
          "name": "_label",
          "type": "string | undefined",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).",
          "required": false
        },
        {
          "name": "_show",
          "type": "boolean | undefined",
          "description": "Makes the element show up.",
          "required": false
        },
        {
          "name": "_variant",
          "type": "\"cycle\" | \"dot\" | \"none\" | undefined",
          "description": "Defines which variant should be used for presentation.",
          "required": false
        }
      ],
      "events": [],
      "methods": [],
      "slots": [],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-split-button",
      "description": "The **SplitButton** component can be used to display a two-part button. The primary button is typically used for\na main action, while the secondary button opens a context menu (`Popover`) that contains additional actions.",
      "attributes": [
        {
          "name": "_access-key",
          "type": "string | undefined",
          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element.",
          "required": false
        },
        {
          "name": "_aria-controls",
          "type": "string | undefined",
          "description": "Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)",
          "required": false
        },
        {
          "name": "_aria-description",
          "type": "string | undefined",
          "description": "Defines the value for the aria-description attribute.",
          "required": false
        },
        {
          "name": "_aria-expanded",
          "type": "boolean | undefined",
          "description": "Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)",
          "required": false
        },
        {
          "name": "_aria-selected",
          "type": "boolean | undefined",
          "description": "Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)",
          "required": false
        },
        {
          "name": "_custom-class",
          "type": "string | undefined",
          "description": "Defines the custom class attribute if _variant=\"custom\" is set.",
          "required": false
        },
        {
          "name": "_disabled",
          "type": "boolean | undefined",
          "description": "Makes the element not focusable and ignore all events.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_hide-label",
          "type": "boolean | undefined",
          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_icons",
          "type": "KoliBriHorizontalIcons & KoliBriVerticalIcons | string | undefined",
          "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).",
          "required": false
        },
        {
          "name": "_label",
          "type": "string",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).",
          "required": true
        },
        {
          "name": "_name",
          "type": "string | undefined",
          "description": "Defines the technical name of an input field.",
          "required": false
        },
        {
          "name": "_role",
          "type": "\"tab\" | \"treeitem\" | undefined",
          "description": "Defines the role of the components primary element.",
          "required": false
        },
        {
          "name": "_short-key",
          "type": "string | undefined",
          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.",
          "required": false
        },
        {
          "name": "_tooltip-align",
          "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
          "defaultValue": "'top'",
          "required": false
        },
        {
          "name": "_type",
          "type": "\"button\" | \"reset\" | \"submit\" | undefined",
          "description": "Defines either the type of the component or of the components interactive element.",
          "defaultValue": "'button'",
          "required": false
        },
        {
          "name": "_value",
          "type": "boolean | null | number | object | string | undefined",
          "description": "Defines the value of the element.",
          "required": false
        },
        {
          "name": "_variant",
          "type": "\"custom\" | \"danger\" | \"ghost\" | \"normal\" | \"primary\" | \"secondary\" | \"tertiary\" | undefined",
          "description": "Defines which variant should be used for presentation.",
          "defaultValue": "'normal'",
          "required": false
        }
      ],
      "events": [],
      "methods": [
        {
          "name": "click",
          "description": "Clicks the primary interactive element inside this component.",
          "signature": "click() => Promise<void>"
        },
        {
          "name": "closePopup",
          "description": "Closes the dropdown.",
          "signature": "closePopup() => Promise<void>"
        },
        {
          "name": "focus",
          "description": "Sets focus on the internal element.",
          "signature": "focus() => Promise<void>"
        },
        {
          "name": "getValue",
          "description": "Returns the current value.",
          "signature": "getValue() => Promise<StencilUnknown>"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "Allows arbitrary HTML to be inserted into the dropdown."
        }
      ],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-table-stateful",
      "description": "The **Table** component is primarily used for the clear presentation of data sets. It is designed to automatically determine all data-dependent values and render the table accordingly. This includes optional features such as column sorting and pagination.",
      "attributes": [
        {
          "name": "_allow-multi-sort",
          "type": "boolean | undefined",
          "description": "Defines whether to allow multi sort.",
          "required": false
        },
        {
          "name": "_data",
          "type": "KoliBriTableDataType[] | string",
          "description": "Defines the primary table data.",
          "required": true
        },
        {
          "name": "_data-foot",
          "type": "KoliBriTableDataType[] | string | undefined",
          "description": "Defines the data for the table footer.",
          "required": false
        },
        {
          "name": "_has-settings-menu",
          "type": "boolean | undefined",
          "description": "Enables the settings menu if true (default: false).",
          "required": false
        },
        {
          "name": "_headers",
          "type": "string | { horizontal?: KoliBriTableHeaderCellWithLogic[][] | undefined; vertical?: KoliBriTableHeaderCellWithLogic[][] | undefined; }",
          "description": "Defines the horizontal and vertical table headers.",
          "required": true
        },
        {
          "name": "_label",
          "type": "string",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).",
          "required": true
        },
        {
          "name": "_pagination",
          "type": "boolean | string | undefined | { _page: number; } & { _on?: KoliBriPaginationButtonCallbacks | undefined; _page?: number | undefined; _max?: number | undefined; _boundaryCount?: number | undefined; _hasButtons?: boolean | Stringified<PaginationHasButton> | undefined; _pageSize?: number | undefined; _pageSizeOptions?: Stringified<number[]> | undefined; _siblingCount?: number | undefined; _customClass?: string | undefined; _label?: string | undefined; _tooltipAlign?: AlignPropType | undefined; }",
          "description": "Defines whether to show the data distributed over multiple pages.",
          "required": false
        },
        {
          "name": "_pagination-position",
          "type": "\"both\" | \"bottom\" | \"top\" | undefined",
          "description": "Controls the position of the pagination.",
          "defaultValue": "'bottom'",
          "required": false
        },
        {
          "name": "_selection",
          "type": "string | undefined | ({ disabledKeys?: KoliBriTableSelectionKeys | undefined; keyPropertyName?: string | undefined; label: (row: KoliBriTableDataType) => string; multiple?: boolean | undefined; selectedKeys?: KoliBriTableSelectionKeys | undefined; })",
          "description": "Defines how rows can be selected and the current selection.",
          "required": false
        }
      ],
      "events": [],
      "methods": [
        {
          "name": "getSelection",
          "description": "Returns the selected rows.",
          "signature": "getSelection() => Promise<KoliBriTableDataType[] | null>"
        }
      ],
      "slots": [],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-table-stateless",
      "description": "",
      "attributes": [
        {
          "name": "_data",
          "type": "KoliBriTableDataType[] | string",
          "description": "Defines the primary table data.",
          "required": true
        },
        {
          "name": "_data-foot",
          "type": "KoliBriTableDataType[] | string | undefined",
          "description": "Defines the data for the table footer.",
          "required": false
        },
        {
          "name": "_has-settings-menu",
          "type": "boolean | undefined",
          "description": "Enables the settings menu if true (default: false).",
          "required": false
        },
        {
          "name": "_header-cells",
          "type": "string | { horizontal?: KoliBriTableHeaderCell[][] | undefined; vertical?: KoliBriTableHeaderCell[][] | undefined; }",
          "description": "Defines the horizontal and vertical table headers.",
          "required": true
        },
        {
          "name": "_label",
          "type": "string",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).",
          "required": true
        },
        {
          "name": "_selection",
          "type": "string | undefined | ({ disabledKeys?: KoliBriTableSelectionKeys | undefined; keyPropertyName?: string | undefined; label: (row: KoliBriTableDataType) => string; multiple?: boolean | undefined; selectedKeys?: KoliBriTableSelectionKeys | undefined; })",
          "description": "Defines how rows can be selected and the current selection.",
          "required": false
        }
      ],
      "events": [],
      "methods": [],
      "slots": [],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-tabs",
      "description": "The **Tabs** component is used to organize related content on the same page and navigate between them. Tabs ensure that large amounts of content can be more easily organized for users.",
      "attributes": [
        {
          "name": "_align",
          "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
          "description": "Defines the visual orientation of the component.",
          "defaultValue": "'top'",
          "required": false
        },
        {
          "name": "_behavior",
          "type": "\"select-automatic\" | \"select-manual\" | undefined",
          "description": "Defines which behavior is active.",
          "required": false
        },
        {
          "name": "_has-create-button",
          "type": "boolean | undefined",
          "description": "Defines whether the element has a create button.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_label",
          "type": "string",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).",
          "required": true
        },
        {
          "name": "_selected",
          "type": "number | undefined",
          "description": "Defines which tab is active.",
          "defaultValue": "0",
          "required": false
        },
        {
          "name": "_tabs",
          "type": "TabButtonProps[] | string",
          "description": "Defines the tab captions.",
          "required": true
        }
      ],
      "events": [],
      "methods": [
        {
          "name": "click",
          "description": "Triggers a click on the currently selected tab.",
          "signature": "click() => Promise<void>"
        },
        {
          "name": "focus",
          "description": "Sets focus on the current tab button.",
          "signature": "focus() => Promise<void>"
        }
      ],
      "slots": [],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-textarea",
      "description": "The **Textarea** component provides a larger input field for content. Unlike InputText, it also allows extensive content to be entered, including line breaks.",
      "attributes": [
        {
          "name": "_access-key",
          "type": "string | undefined",
          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element.",
          "required": false
        },
        {
          "name": "_adjust-height",
          "type": "boolean | undefined",
          "description": "Adjusts the height of the element to its content.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_disabled",
          "type": "boolean | undefined",
          "description": "Makes the element not focusable and ignore all events.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_has-counter",
          "type": "boolean | undefined",
          "description": "Shows a character counter for the input element.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_hide-label",
          "type": "boolean | undefined",
          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_hide-msg",
          "type": "boolean | undefined",
          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_hint",
          "type": "string | undefined",
          "description": "Defines the hint text.",
          "defaultValue": "''",
          "required": false
        },
        {
          "name": "_icons",
          "type": "string | undefined | { right?: IconOrIconClass | undefined; left?: IconOrIconClass | undefined; }",
          "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).",
          "required": false
        },
        {
          "name": "_label",
          "type": "string",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.",
          "required": true
        },
        {
          "name": "_max-length",
          "type": "number | undefined",
          "description": "Defines the maximum number of input characters.",
          "required": false
        },
        {
          "name": "_max-length-behavior",
          "type": "\"hard\" | \"soft\" | undefined",
          "description": "Defines the behavior when maxLength is set. 'hard' sets the maxlength attribute, 'soft' shows a character counter without preventing input.",
          "defaultValue": "'hard'",
          "required": false
        },
        {
          "name": "_msg",
          "type": "Omit<AlertProps, \"_on\" | \"_variant\" | \"_hasCloser\" | \"_label\" | \"_level\"> & { _description: string; } | string | undefined",
          "description": "Defines the properties for a message rendered as Alert component.",
          "required": false
        },
        {
          "name": "_name",
          "type": "string | undefined",
          "description": "Defines the technical name of an input field.",
          "required": false
        },
        {
          "name": "_placeholder",
          "type": "string | undefined",
          "description": "Defines the placeholder for input field. To be shown when there's no value.",
          "required": false
        },
        {
          "name": "_read-only",
          "type": "boolean | undefined",
          "description": "Makes the input element read only.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_required",
          "type": "boolean | undefined",
          "description": "Makes the input element required.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_resize",
          "type": "\"none\" | \"vertical\" | undefined",
          "description": "Defines whether and in which direction the size of the input can be changed by the user. (https://developer.mozilla.org/de/docs/Web/CSS/resize)\nIn version 3 (v3), horizontal resizing is abolished. The corresponding property is then reduced to the properties `vertical` (default) and `none`.",
          "defaultValue": "'vertical'",
          "required": false
        },
        {
          "name": "_rows",
          "type": "number | undefined",
          "description": "Maximum number of visible rows of the element.",
          "required": false
        },
        {
          "name": "_short-key",
          "type": "string | undefined",
          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.",
          "required": false
        },
        {
          "name": "_spell-check",
          "type": "boolean | undefined",
          "description": "Defines whether the browser should check the spelling and grammar.",
          "required": false
        },
        {
          "name": "_tooltip-align",
          "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
          "defaultValue": "'top'",
          "required": false
        },
        {
          "name": "_touched",
          "type": "boolean | undefined",
          "description": "Shows if the input was touched by a user.",
          "defaultValue": "false",
          "required": false
        },
        {
          "name": "_value",
          "type": "string | undefined",
          "description": "Defines the value of the element.",
          "required": false
        }
      ],
      "events": [],
      "methods": [
        {
          "name": "click",
          "description": "Clicks the primary interactive element inside this component.",
          "signature": "click() => Promise<void>"
        },
        {
          "name": "focus",
          "description": "Sets focus on the internal element.",
          "signature": "focus() => Promise<void>"
        },
        {
          "name": "getValue",
          "description": "Returns the current value.",
          "signature": "getValue() => Promise<string | undefined>"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "The label of the input field."
        }
      ],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-toolbar",
      "description": "",
      "attributes": [
        {
          "name": "_label",
          "type": "string",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).",
          "required": true
        },
        {
          "name": "_orientation",
          "type": "\"horizontal\" | \"vertical\" | undefined",
          "description": "Defines whether the orientation of the component is horizontal or vertical.",
          "required": false
        }
      ],
      "events": [],
      "methods": [
        {
          "name": "click",
          "description": "Triggers a click on the currently active toolbar item.",
          "signature": "click() => Promise<void>"
        },
        {
          "name": "focus",
          "description": "Sets focus on the currently active toolbar item.",
          "signature": "focus() => Promise<void>"
        }
      ],
      "slots": [],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-tree",
      "description": "",
      "attributes": [
        {
          "name": "_label",
          "type": "string",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).",
          "required": true
        }
      ],
      "events": [],
      "methods": [
        {
          "name": "focus",
          "description": "Sets focus on the first focusable tree item.",
          "signature": "focus() => Promise<void>"
        }
      ],
      "slots": [],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-tree-item",
      "description": "",
      "attributes": [
        {
          "name": "_active",
          "type": "boolean | undefined",
          "description": "If set (to true) the tree item is the active one.",
          "required": false
        },
        {
          "name": "_href",
          "type": "string",
          "description": "Defines the target URI of the link.",
          "required": true
        },
        {
          "name": "_label",
          "type": "string",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).",
          "required": true
        },
        {
          "name": "_open",
          "type": "boolean | undefined",
          "description": "Opens/expands the element when truthy, closes/collapses when falsy.",
          "required": false
        }
      ],
      "events": [],
      "methods": [
        {
          "name": "collapse",
          "description": "Collapses the tree item.",
          "signature": "collapse() => Promise<void | undefined>"
        },
        {
          "name": "expand",
          "description": "Expands the tree item.",
          "signature": "expand() => Promise<void | undefined>"
        },
        {
          "name": "focus",
          "description": "Focuses the link element.",
          "signature": "focus() => Promise<any>"
        },
        {
          "name": "isOpen",
          "description": "Returns whether the tree item is expanded.",
          "signature": "isOpen() => Promise<boolean>"
        }
      ],
      "slots": [],
      "cssProperties": [],
      "cssParts": []
    },
    {
      "name": "kol-version",
      "description": "",
      "attributes": [
        {
          "name": "_label",
          "type": "string",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).",
          "required": true
        }
      ],
      "events": [],
      "methods": [],
      "slots": [],
      "cssProperties": [],
      "cssParts": []
    }
  ]
}