@public-ui/components 3.0.0-0edf6aa20a9ac9faa46ebe0e45a8c62841b05164.0 → 3.0.0-3f7ce4d6fae47ec93967f553e36b3173cbf0ab8d.0

package/doc/single-select.md

@@ -5,38 +5,38 @@
 
 ## Properties
 
-| Property                | Attribute        | Description                                                                                                                                                  | Type                                                                                                                                                                                                                                                                                                                                                                                        | Default     |
-| ----------------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
-| `_accessKey`            | `_access-key`    | Defines which key combination can be used to trigger or focus the interactive element of the component.                                                      | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                       | `undefined` |
-| `_disabled`             | `_disabled`      | Makes the element not focusable and ignore all events.                                                                                                       | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                      | `false`     |
-| `_hideLabel`            | `_hide-label`    | Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.                   | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                      | `false`     |
-| `_hideMsg`              | `_hide-msg`      | Hides the error message but leaves it in the DOM for the input's aria-describedby.                                                                           | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                      | `false`     |
-| `_hint`                 | `_hint`          | Defines the hint text.                                                                                                                                       | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                       | `''`        |
-| `_icons`                | `_icons`         | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                              | `string` \| `undefined` \| `{ right?: IconOrIconClass` \| `undefined; left?: IconOrIconClass` \| `undefined; }`                                                                                                                                                                                                                                                                                     | `undefined` |
-| `_id`                   | `_id`            | Defines the internal ID of the primary component element.                                                                                                    | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                       | `undefined` |
-| `_label` _(required)_   | `_label`         | 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. | `string`                                                                                                                                                                                                                                                                                                                                                                                    | `undefined` |
-| `_msg`                  | `_msg`           | Defines the properties for a message rendered as Alert component.                                                                                            | `string` \| `undefined` \| `{} & { _level?: 0` \| `2` \| `1` \| `4` \| `3` \| `5` \| `6` \| `undefined; _on?: KoliBriAlertEventCallbacks` \| `undefined; _type?: "default"` \| `"info"` \| `"success"` \| `"warning"` \| `"error"` \| `undefined; _variant?: "card"` \| `"msg"` \| `undefined; _label?: string` \| `undefined; _alert?: boolean` \| `undefined; _hasCloser?: boolean` \| `undefined; } & { _description: string; }` | `undefined` |
-| `_name`                 | `_name`          | Defines the technical name of an input field.                                                                                                                | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                       | `undefined` |
-| `_on`                   | --               | Gibt die EventCallback-Funktionen für das Input-Event an.                                                                                                    | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus & InputTypeOnInput` \| `undefined`                                                                                                                                                                                                                                                                                 | `undefined` |
-| `_options` _(required)_ | `_options`       | Options the user can choose from.                                                                                                                            | `Option<StencilUnknown>[]` \| `string`                                                                                                                                                                                                                                                                                                                                                        | `undefined` |
-| `_placeholder`          | `_placeholder`   | Defines the placeholder for input field. To be shown when there's no value.                                                                                  | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                       | `undefined` |
-| `_required`             | `_required`      | Makes the input element required.                                                                                                                            | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                      | `false`     |
-| `_shortKey`             | `_short-key`     | Adds a visual short key hint to the component.                                                                                                               | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                       | `undefined` |
-| `_tabIndex`             | `_tab-index`     | Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)             | `number` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                       | `undefined` |
-| `_tooltipAlign`         | `_tooltip-align` | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                    | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined`                                                                                                                                                                                                                                                                                                                                       | `'top'`     |
-| `_touched`              | `_touched`       | Shows if the input was touched by a user.                                                                                                                    | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                      | `false`     |
-| `_value`                | `_value`         | Defines the value of the input.                                                                                                                              | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                       | `undefined` |
+| Property                | Attribute            | Description                                                                                                                                                  | Type                                                                                                                                                                                                                                                                                                                                                                                        | Default     |
+| ----------------------- | -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
+| `_accessKey`            | `_access-key`        | Defines which key combination can be used to trigger or focus the interactive element of the component.                                                      | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                       | `undefined` |
+| `_disabled`             | `_disabled`          | Makes the element not focusable and ignore all events.                                                                                                       | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                      | `false`     |
+| `_hideClearButton`      | `_hide-clear-button` | Defines the whether the clear button should be hidden.                                                                                                       | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                      | `false`     |
+| `_hideLabel`            | `_hide-label`        | Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.                   | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                      | `false`     |
+| `_hideMsg`              | `_hide-msg`          | Hides the error message but leaves it in the DOM for the input's aria-describedby.                                                                           | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                      | `false`     |
+| `_hint`                 | `_hint`              | Defines the hint text.                                                                                                                                       | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                       | `''`        |
+| `_icons`                | `_icons`             | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                              | `string` \| `undefined` \| `{ right?: IconOrIconClass` \| `undefined; left?: IconOrIconClass` \| `undefined; }`                                                                                                                                                                                                                                                                                     | `undefined` |
+| `_id`                   | `_id`                | Defines the internal ID of the primary component element.                                                                                                    | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                       | `undefined` |
+| `_label` _(required)_   | `_label`             | 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. | `string`                                                                                                                                                                                                                                                                                                                                                                                    | `undefined` |
+| `_msg`                  | `_msg`               | Defines the properties for a message rendered as Alert component.                                                                                            | `string` \| `undefined` \| `{} & { _level?: 0` \| `2` \| `1` \| `4` \| `3` \| `5` \| `6` \| `undefined; _on?: KoliBriAlertEventCallbacks` \| `undefined; _type?: "default"` \| `"info"` \| `"success"` \| `"warning"` \| `"error"` \| `undefined; _variant?: "card"` \| `"msg"` \| `undefined; _label?: string` \| `undefined; _alert?: boolean` \| `undefined; _hasCloser?: boolean` \| `undefined; } & { _description: string; }` | `undefined` |
+| `_name`                 | `_name`              | Defines the technical name of an input field.                                                                                                                | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                       | `undefined` |
+| `_on`                   | --                   | Gibt die EventCallback-Funktionen für das Input-Event an.                                                                                                    | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus & InputTypeOnInput` \| `undefined`                                                                                                                                                                                                                                                                                 | `undefined` |
+| `_options` _(required)_ | `_options`           | Options the user can choose from.                                                                                                                            | `Option<StencilUnknown>[]` \| `string`                                                                                                                                                                                                                                                                                                                                                        | `undefined` |
+| `_placeholder`          | `_placeholder`       | Defines the placeholder for input field. To be shown when there's no value.                                                                                  | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                       | `undefined` |
+| `_required`             | `_required`          | Makes the input element required.                                                                                                                            | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                      | `false`     |
+| `_shortKey`             | `_short-key`         | Adds a visual short key hint to the component.                                                                                                               | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                       | `undefined` |
+| `_tooltipAlign`         | `_tooltip-align`     | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                    | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined`                                                                                                                                                                                                                                                                                                                                       | `'top'`     |
+| `_touched`              | `_touched`           | Shows if the input was touched by a user.                                                                                                                    | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                      | `false`     |
+| `_value`                | `_value`             | Defines the value of the input.                                                                                                                              | `boolean` \| `null` \| `number` \| `object` \| `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                | `undefined` |
 
 
 ## Methods
 
-### `getValue() => Promise<string | undefined>`
+### `getValue() => Promise<StencilUnknown | undefined>`
 
 
 
 #### Returns
 
-Type: `Promise<string | undefined>`
+Type: `Promise<StencilUnknown>`
 
 
 

package/doc/split-button.md

@@ -19,7 +19,6 @@
 | `_name`               | `_name`          | Defines the technical name of an input field.                                                                                                                                    | `string` \| `undefined`                                                                                                                                  | `undefined` |
 | `_on`                 | --               | Defines the callback functions for button events.                                                                                                                                | `undefined` \| `{ onClick?: EventValueOrEventCallback<MouseEvent, StencilUnknown>` \| `undefined; onMouseDown?: EventCallback<MouseEvent>` \| `undefined; }` | `undefined` |
 | `_role`               | `_role`          | Defines the role of the components primary element.                                                                                                                              | `"button"` \| `"link"` \| `"tab"` \| `"treeitem"` \| `undefined`                                                                                               | `undefined` |
-| `_tabIndex`           | `_tab-index`     | Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)                                 | `number` \| `undefined`                                                                                                                                  | `undefined` |
 | `_tooltipAlign`       | `_tooltip-align` | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                                        | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined`                                                                                                  | `'top'`     |
 | `_type`               | `_type`          | Defines either the type of the component or of the components interactive element.                                                                                               | `"button"` \| `"reset"` \| `"submit"` \| `undefined`                                                                                                         | `'button'`  |
 | `_value`              | `_value`         | Defines the value that the button emits on click.                                                                                                                                | `boolean` \| `null` \| `number` \| `object` \| `string` \| `undefined`                                                                                           | `undefined` |

package/doc/table-stateful.md

@@ -16,7 +16,8 @@
 | `_on`                    | --                     | Defines the callback functions for table events.                                                                   | `undefined` \| `{ onSelectionChange?: EventValueOrEventCallback<Event, StatefulSelectionChangeEventPayload>` \| `undefined; }`                                                                                                                                                                                                                                                                                                                                                                                                          | `undefined` |
 | `_pagination`            | `_pagination`          | Defines whether to show the data distributed over multiple pages.                                                  | `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; }` | `undefined` |
 | `_paginationPosition`    | `_pagination-position` | Controls the position of the pagination.                                                                           | `"both"` \| `"bottom"` \| `"top"` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `'bottom'`  |
-| `_selection`             | `_selection`           | Defines how rows can be selected and the current selection.                                                        | `string` \| `undefined` \| `({ label: (row: KoliBriTableDataType) => string; keyPropertyName?: string` \| `undefined; multiple?: boolean` \| `undefined; selectedKeys?: string[]` \| `undefined; })`                                                                                                                                                                                                                                                                                                                                          | `undefined` |
+| `_selection`             | `_selection`           | Defines how rows can be selected and the current selection.                                                        | `string` \| `undefined` \| `({ label: (row: KoliBriTableDataType) => string; keyPropertyName?: string` \| `undefined; multiple?: boolean` \| `undefined; selectedKeys?: string[]` \| `undefined; disabledKeys?: string[]` \| `undefined; })`                                                                                                                                                                                                                                                                                                    | `undefined` |
+| `_tableSettings`         | --                     | Defines the table settings including column visibility, order and width.                                           | `TableSettings` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `undefined` |
 
 
 ## Methods

package/doc/table-stateless.md

@@ -5,15 +5,16 @@
 
 ## Properties
 
-| Property                    | Attribute       | Description                                                                                                        | Type                                                                                                                                                                                              | Default     |
-| --------------------------- | --------------- | ------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
-| `_data` _(required)_        | `_data`         | Defines the primary table data.                                                                                    | `KoliBriTableDataType[]` \| `string`                                                                                                                                                                | `undefined` |
-| `_dataFoot`                 | `_data-foot`    | Defines the data for the table footer.                                                                             | `KoliBriTableDataType[]` \| `string` \| `undefined`                                                                                                                                                   | `undefined` |
-| `_headerCells` _(required)_ | `_header-cells` | Defines the horizontal and vertical table headers.                                                                 | `string` \| `{ horizontal?: KoliBriTableHeaderCell[][]` \| `undefined; vertical?: KoliBriTableHeaderCell[][]` \| `undefined; }`                                                                         | `undefined` |
-| `_label` _(required)_       | `_label`        | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string`                                                                                                                                                                                          | `undefined` |
-| `_minWidth` _(required)_    | `_min-width`    | Defines the table min-width (CSS width values).                                                                    | `string`                                                                                                                                                                                          | `undefined` |
-| `_on`                       | --              | Defines the callback functions for table events.                                                                   | `undefined` \| `{ onSort?: EventValueOrEventCallback<MouseEvent, SortEventPayload>` \| `undefined; onSelectionChange?: EventValueOrEventCallback<Event, SelectionChangeEventPayload>` \| `undefined; }` | `undefined` |
-| `_selection`                | `_selection`    | Defines how rows can be selected and the current selection.                                                        | `string` \| `undefined` \| `({ label: (row: KoliBriTableDataType) => string; keyPropertyName?: string` \| `undefined; multiple?: boolean` \| `undefined; selectedKeys?: string[]` \| `undefined; })`        | `undefined` |
+| Property                    | Attribute       | Description                                                                                                        | Type                                                                                                                                                                                                                             | Default     |
+| --------------------------- | --------------- | ------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
+| `_data` _(required)_        | `_data`         | Defines the primary table data.                                                                                    | `KoliBriTableDataType[]` \| `string`                                                                                                                                                                                               | `undefined` |
+| `_dataFoot`                 | `_data-foot`    | Defines the data for the table footer.                                                                             | `KoliBriTableDataType[]` \| `string` \| `undefined`                                                                                                                                                                                  | `undefined` |
+| `_headerCells` _(required)_ | `_header-cells` | Defines the horizontal and vertical table headers.                                                                 | `string` \| `{ horizontal?: KoliBriTableHeaderCell[][]` \| `undefined; vertical?: KoliBriTableHeaderCell[][]` \| `undefined; }`                                                                                                        | `undefined` |
+| `_label` _(required)_       | `_label`        | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string`                                                                                                                                                                                                                         | `undefined` |
+| `_minWidth` _(required)_    | `_min-width`    | Defines the table min-width (CSS width values).                                                                    | `string`                                                                                                                                                                                                                         | `undefined` |
+| `_on`                       | --              | Defines the callback functions for table events.                                                                   | `undefined` \| `{ onSort?: EventValueOrEventCallback<MouseEvent, SortEventPayload>` \| `undefined; onSelectionChange?: EventValueOrEventCallback<Event, SelectionChangeEventPayload>` \| `undefined; }`                                | `undefined` |
+| `_selection`                | `_selection`    | Defines how rows can be selected and the current selection.                                                        | `string` \| `undefined` \| `({ label: (row: KoliBriTableDataType) => string; keyPropertyName?: string` \| `undefined; multiple?: boolean` \| `undefined; selectedKeys?: string[]` \| `undefined; disabledKeys?: string[]` \| `undefined; })` | `undefined` |
+| `_tableSettings`            | --              | Defines the table settings including column visibility, order and width.                                           | `TableSettings` \| `undefined`                                                                                                                                                                                                     | `undefined` |
 
 
 ----------------------------------------------

package/doc/textarea.md

@@ -14,7 +14,7 @@
 | `_hideLabel`          | `_hide-label`    | Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.                                                                                                                                                         | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                      | `false`      |
 | `_hideMsg`            | `_hide-msg`      | Hides the error message but leaves it in the DOM for the input's aria-describedby.                                                                                                                                                                                                                 | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                      | `false`      |
 | `_hint`               | `_hint`          | Defines the hint text.                                                                                                                                                                                                                                                                             | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                       | `''`         |
-| `_icons`              | --               | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                                                                                                                                                                    | `undefined` \| `{ right?: IconOrIconClass` \| `undefined; left?: IconOrIconClass` \| `undefined; }`                                                                                                                                                                                                                                                                                               | `undefined`  |
+| `_icons`              | `_icons`         | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                                                                                                                                                                    | `string` \| `undefined` \| `{ right?: IconOrIconClass` \| `undefined; left?: IconOrIconClass` \| `undefined; }`                                                                                                                                                                                                                                                                                     | `undefined`  |
 | `_id`                 | `_id`            | Defines the internal ID of the primary component element.                                                                                                                                                                                                                                          | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                       | `undefined`  |
 | `_label` _(required)_ | `_label`         | 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.                                                                                                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                    | `undefined`  |
 | `_maxLength`          | `_max-length`    | Defines the maximum number of input characters.                                                                                                                                                                                                                                                    | `number` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                       | `undefined`  |
@@ -28,7 +28,6 @@
 | `_rows`               | `_rows`          | Defines how many rows of text should be visible at the same time.                                                                                                                                                                                                                                  | `number` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                       | `undefined`  |
 | `_shortKey`           | `_short-key`     | Adds a visual short key hint to the component.                                                                                                                                                                                                                                                     | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                       | `undefined`  |
 | `_spellCheck`         | `_spell-check`   | Defines whether the browser should check the spelling and grammar.                                                                                                                                                                                                                                 | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                      | `undefined`  |
-| `_tabIndex`           | `_tab-index`     | Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)                                                                                                                                                   | `number` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                       | `undefined`  |
 | `_tooltipAlign`       | `_tooltip-align` | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                                                                                                                                                          | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined`                                                                                                                                                                                                                                                                                                                                       | `'top'`      |
 | `_touched`            | `_touched`       | Shows if the input was touched by a user.                                                                                                                                                                                                                                                          | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                      | `false`      |
 | `_value`              | `_value`         | Defines the value of the input.                                                                                                                                                                                                                                                                    | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                       | `undefined`  |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/components",
-  "version": "3.0.0-0edf6aa20a9ac9faa46ebe0e45a8c62841b05164.0",
+  "version": "3.0.0-3f7ce4d6fae47ec93967f553e36b3173cbf0ab8d.0",
   "license": "EUPL-1.2",
   "homepage": "https://public-ui.github.io",
   "repository": {
@@ -52,7 +52,7 @@
   ],
   "dependencies": {
     "@floating-ui/dom": "1.6.13",
-    "adopted-style-sheets": "1.1.7",
+    "adopted-style-sheets": "1.1.8",
     "clsx": "2.1.1",
     "color-convert": "2.0.1",
     "color-rgba": "2.4.0",
@@ -64,7 +64,7 @@
     "wcag-contrast": "3.0.0"
   },
   "peerDependencies": {
-    "adopted-style-sheets": "1.1.7"
+    "adopted-style-sheets": "1.1.8"
   },
   "files": [
     "assets",

package/vscode-custom-data.json

@@ -268,10 +268,6 @@
           "name": "_short-key",
           "description": "Adds a visual short key hint to the component."
         },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
-        },
         {
           "name": "_tooltip-align",
           "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
@@ -411,10 +407,6 @@
           "name": "_short-key",
           "description": "Adds a visual short key hint to the component."
         },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
-        },
         {
           "name": "_tooltip-align",
           "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
@@ -555,10 +547,6 @@
           "name": "_suggestions",
           "description": "Suggestions to provide for the input."
         },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
-        },
         {
           "name": "_tooltip-align",
           "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
@@ -854,10 +842,6 @@
           "name": "_short-key",
           "description": "Adds a visual short key hint to the component."
         },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
-        },
         {
           "name": "_tooltip-align",
           "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
@@ -1024,10 +1008,6 @@
           "name": "_suggestions",
           "description": "Suggestions to provide for the input."
         },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
-        },
         {
           "name": "_tooltip-align",
           "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
@@ -1199,10 +1179,6 @@
           "name": "_suggestions",
           "description": "Suggestions to provide for the input."
         },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
-        },
         {
           "name": "_tooltip-align",
           "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
@@ -1403,10 +1379,6 @@
           "name": "_suggestions",
           "description": "Suggestions to provide for the input."
         },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
-        },
         {
           "name": "_tooltip-align",
           "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
@@ -1554,10 +1526,6 @@
             }
           ]
         },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
-        },
         {
           "name": "_tooltip-align",
           "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
@@ -1729,10 +1697,6 @@
           "name": "_suggestions",
           "description": "Suggestions to provide for the input."
         },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
-        },
         {
           "name": "_tooltip-align",
           "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
@@ -1904,10 +1868,6 @@
             }
           ]
         },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
-        },
         {
           "name": "_tooltip-align",
           "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
@@ -2032,10 +1992,6 @@
           "name": "_short-key",
           "description": "Adds a visual short key hint to the component."
         },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
-        },
         {
           "name": "_tooltip-align",
           "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
@@ -2160,10 +2116,6 @@
           "name": "_suggestions",
           "description": "Suggestions to provide for the input."
         },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
-        },
         {
           "name": "_tooltip-align",
           "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
@@ -2343,10 +2295,6 @@
           "name": "_suggestions",
           "description": "Suggestions to provide for the input."
         },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
-        },
         {
           "name": "_tooltip-align",
           "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
@@ -2498,10 +2446,6 @@
           "name": "_short-key",
           "description": "Adds a visual short key hint to the component."
         },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
-        },
         {
           "name": "_target",
           "description": "Defines where to open the link."
@@ -2618,10 +2562,6 @@
           "name": "_short-key",
           "description": "Adds a visual short key hint to the component."
         },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
-        },
         {
           "name": "_target",
           "description": "Defines where to open the link."
@@ -2975,6 +2915,171 @@
         }
       ]
     },
+    {
+      "name": "kol-popover-button-wc",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "_access-key",
+          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
+        },
+        {
+          "name": "_aria-controls",
+          "description": "Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)"
+        },
+        {
+          "name": "_aria-description",
+          "description": "Defines the value for the aria-description attribute."
+        },
+        {
+          "name": "_aria-expanded",
+          "description": "Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)"
+        },
+        {
+          "name": "_aria-selected",
+          "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)"
+        },
+        {
+          "name": "_custom-class",
+          "description": "Defines the custom class attribute if _variant=\"custom\" is set."
+        },
+        {
+          "name": "_disabled",
+          "description": "Makes the element not focusable and ignore all events."
+        },
+        {
+          "name": "_hide-label",
+          "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."
+        },
+        {
+          "name": "_icons",
+          "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`)."
+        },
+        {
+          "name": "_id",
+          "description": "Defines the internal ID of the primary component element."
+        },
+        {
+          "name": "_label",
+          "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."
+        },
+        {
+          "name": "_name",
+          "description": "Defines the technical name of an input field."
+        },
+        {
+          "name": "_popover-align",
+          "description": "Defines where to show the Popover preferably: top, right, bottom or left.",
+          "values": [
+            {
+              "name": "bottom"
+            },
+            {
+              "name": "left"
+            },
+            {
+              "name": "right"
+            },
+            {
+              "name": "top"
+            }
+          ]
+        },
+        {
+          "name": "_role",
+          "description": "Defines the role of the components primary element.",
+          "values": [
+            {
+              "name": "button"
+            },
+            {
+              "name": "link"
+            },
+            {
+              "name": "tab"
+            },
+            {
+              "name": "treeitem"
+            }
+          ]
+        },
+        {
+          "name": "_short-key",
+          "description": "Adds a visual short key hint to the component."
+        },
+        {
+          "name": "_tab-index",
+          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
+        },
+        {
+          "name": "_tooltip-align",
+          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
+          "values": [
+            {
+              "name": "bottom"
+            },
+            {
+              "name": "left"
+            },
+            {
+              "name": "right"
+            },
+            {
+              "name": "top"
+            }
+          ]
+        },
+        {
+          "name": "_type",
+          "description": "Defines either the type of the component or of the components interactive element.",
+          "values": [
+            {
+              "name": "button"
+            },
+            {
+              "name": "reset"
+            },
+            {
+              "name": "submit"
+            }
+          ]
+        },
+        {
+          "name": "_value",
+          "description": "Defines the value that the button emits on click."
+        },
+        {
+          "name": "_variant",
+          "description": "Defines which variant should be used for presentation.",
+          "values": [
+            {
+              "name": "custom"
+            },
+            {
+              "name": "danger"
+            },
+            {
+              "name": "ghost"
+            },
+            {
+              "name": "normal"
+            },
+            {
+              "name": "primary"
+            },
+            {
+              "name": "secondary"
+            },
+            {
+              "name": "tertiary"
+            }
+          ]
+        }
+      ]
+    },
     {
       "name": "kol-progress",
       "description": {
@@ -3176,6 +3281,10 @@
           "name": "_disabled",
           "description": "Makes the element not focusable and ignore all events."
         },
+        {
+          "name": "_hide-clear-button",
+          "description": "Defines the whether the clear button should be hidden."
+        },
         {
           "name": "_hide-label",
           "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."
@@ -3241,10 +3350,6 @@
           "name": "_short-key",
           "description": "Adds a visual short key hint to the component."
         },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
-        },
         {
           "name": "_tooltip-align",
           "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
@@ -3383,10 +3488,6 @@
             }
           ]
         },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
-        },
         {
           "name": "_tooltip-align",
           "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
@@ -3628,6 +3729,10 @@
           "name": "_hint",
           "description": "Defines the hint text."
         },
+        {
+          "name": "_icons",
+          "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`)."
+        },
         {
           "name": "_id",
           "description": "Defines the internal ID of the primary component element."
@@ -3701,10 +3806,6 @@
           "name": "_spell-check",
           "description": "Defines whether the browser should check the spelling and grammar."
         },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
-        },
         {
           "name": "_tooltip-align",
           "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",