@public-ui/components 3.0.2-rc.0 → 3.0.2-rc.1

package/dist/types/components.d.ts

@@ -425,6 +425,7 @@ export namespace Components {
           * Defines the value that the button emits on click.
          */
         "_value"?: StencilUnknown;
+        "hideTooltip": () => Promise<void>;
         "kolFocus": () => Promise<void>;
     }
     interface KolCard {
@@ -1985,6 +1986,52 @@ export namespace Components {
          */
         "_tooltipAlign"?: TooltipAlignPropType;
     }
+    interface KolPaginationWc {
+        /**
+          * Defines the amount of pages to show next to the outer arrow buttons.
+         */
+        "_boundaryCount"?: number;
+        /**
+          * Defines the custom class attribute if _variant="custom" is set.
+         */
+        "_customClass"?: CustomClassPropType;
+        /**
+          * Defines which navigation buttons to render (first, last, next, previous buttons).
+         */
+        "_hasButtons"?: boolean | Stringified<PaginationHasButton>;
+        /**
+          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
+         */
+        "_label"?: LabelPropType;
+        /**
+          * Defines the maximum number of pages.
+         */
+        "_max": MaxPropType;
+        /**
+          * Gibt an, auf welche Callback-Events reagiert werden.
+         */
+        "_on": KoliBriPaginationButtonCallbacks;
+        /**
+          * Defines the current page.
+         */
+        "_page": number;
+        /**
+          * Defines the amount of entries to show per page.
+         */
+        "_pageSize": number;
+        /**
+          * Defines the options for the page-size-select.
+         */
+        "_pageSizeOptions": Stringified<number[]>;
+        /**
+          * Defines the amount of pages to show next to the current page.
+         */
+        "_siblingCount"?: number;
+        /**
+          * Defines where to show the Tooltip preferably: top, right, bottom or left.
+         */
+        "_tooltipAlign"?: TooltipAlignPropType;
+    }
     interface KolPopoverButton {
         /**
           * Defines which key combination can be used to trigger or focus the interactive element of the component.
@@ -2430,10 +2477,18 @@ export namespace Components {
         "_variant"?: SpinVariantPropType;
     }
     interface KolSplitButton {
+        /**
+          * Defines which key combination can be used to trigger or focus the interactive element of the component.
+         */
+        "_accessKey"?: AccessKeyPropType;
         /**
           * Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
          */
         "_ariaControls"?: string;
+        /**
+          * Defines the value for the aria-description attribute.
+         */
+        "_ariaDescription"?: AriaDescriptionPropType;
         /**
           * Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)
          */
@@ -2466,11 +2521,11 @@ export namespace Components {
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
-        "_label": LabelPropType;
+        "_label": LabelWithExpertSlotPropType;
         /**
           * Defines the technical name of an input field.
          */
-        "_name"?: NamePropType;
+        "_name"?: string;
         /**
           * Defines the callback functions for button events.
          */
@@ -2479,6 +2534,10 @@ export namespace Components {
           * Defines the role of the components primary element.
          */
         "_role"?: AlternativeButtonLinkRolePropType;
+        /**
+          * Adds a visual short key hint to the component.
+         */
+        "_shortKey"?: ShortKeyPropType;
         /**
           * Selector for synchronizing the value with another input element.
          */
@@ -2494,12 +2553,14 @@ export namespace Components {
         /**
           * Defines the value that the button emits on click.
          */
-        "_value"?: Stringified<StencilUnknown>;
+        "_value"?: StencilUnknown;
         /**
           * Defines which variant should be used for presentation.
          */
         "_variant"?: ButtonVariantPropType;
         "closePopup": () => Promise<void>;
+        "getValue": () => Promise<StencilUnknown>;
+        "kolFocus": () => Promise<void>;
     }
     interface KolTableSettingsWc {
         "_tableSettings": TableSettingsPropType;
@@ -2796,6 +2857,7 @@ export namespace Components {
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
         "_label": LabelPropType;
+        "hideTooltip": () => Promise<void>;
     }
     interface KolTree {
         /**
@@ -3088,6 +3150,12 @@ declare global {
         prototype: HTMLKolPaginationElement;
         new (): HTMLKolPaginationElement;
     };
+    interface HTMLKolPaginationWcElement extends Components.KolPaginationWc, HTMLStencilElement {
+    }
+    var HTMLKolPaginationWcElement: {
+        prototype: HTMLKolPaginationWcElement;
+        new (): HTMLKolPaginationWcElement;
+    };
     interface HTMLKolPopoverButtonElement extends Components.KolPopoverButton, HTMLStencilElement {
     }
     var HTMLKolPopoverButtonElement: {
@@ -3276,6 +3344,7 @@ declare global {
         "kol-modal": HTMLKolModalElement;
         "kol-nav": HTMLKolNavElement;
         "kol-pagination": HTMLKolPaginationElement;
+        "kol-pagination-wc": HTMLKolPaginationWcElement;
         "kol-popover-button": HTMLKolPopoverButtonElement;
         "kol-popover-button-wc": HTMLKolPopoverButtonWcElement;
         "kol-popover-wc": HTMLKolPopoverWcElement;
@@ -5153,6 +5222,52 @@ declare namespace LocalJSX {
          */
         "_tooltipAlign"?: TooltipAlignPropType;
     }
+    interface KolPaginationWc {
+        /**
+          * Defines the amount of pages to show next to the outer arrow buttons.
+         */
+        "_boundaryCount"?: number;
+        /**
+          * Defines the custom class attribute if _variant="custom" is set.
+         */
+        "_customClass"?: CustomClassPropType;
+        /**
+          * Defines which navigation buttons to render (first, last, next, previous buttons).
+         */
+        "_hasButtons"?: boolean | Stringified<PaginationHasButton>;
+        /**
+          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
+         */
+        "_label"?: LabelPropType;
+        /**
+          * Defines the maximum number of pages.
+         */
+        "_max": MaxPropType;
+        /**
+          * Gibt an, auf welche Callback-Events reagiert werden.
+         */
+        "_on": KoliBriPaginationButtonCallbacks;
+        /**
+          * Defines the current page.
+         */
+        "_page": number;
+        /**
+          * Defines the amount of entries to show per page.
+         */
+        "_pageSize"?: number;
+        /**
+          * Defines the options for the page-size-select.
+         */
+        "_pageSizeOptions"?: Stringified<number[]>;
+        /**
+          * Defines the amount of pages to show next to the current page.
+         */
+        "_siblingCount"?: number;
+        /**
+          * Defines where to show the Tooltip preferably: top, right, bottom or left.
+         */
+        "_tooltipAlign"?: TooltipAlignPropType;
+    }
     interface KolPopoverButton {
         /**
           * Defines which key combination can be used to trigger or focus the interactive element of the component.
@@ -5570,10 +5685,18 @@ declare namespace LocalJSX {
         "_variant"?: SpinVariantPropType;
     }
     interface KolSplitButton {
+        /**
+          * Defines which key combination can be used to trigger or focus the interactive element of the component.
+         */
+        "_accessKey"?: AccessKeyPropType;
         /**
           * Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
          */
         "_ariaControls"?: string;
+        /**
+          * Defines the value for the aria-description attribute.
+         */
+        "_ariaDescription"?: AriaDescriptionPropType;
         /**
           * Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)
          */
@@ -5606,11 +5729,11 @@ declare namespace LocalJSX {
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
-        "_label": LabelPropType;
+        "_label": LabelWithExpertSlotPropType;
         /**
           * Defines the technical name of an input field.
          */
-        "_name"?: NamePropType;
+        "_name"?: string;
         /**
           * Defines the callback functions for button events.
          */
@@ -5619,6 +5742,10 @@ declare namespace LocalJSX {
           * Defines the role of the components primary element.
          */
         "_role"?: AlternativeButtonLinkRolePropType;
+        /**
+          * Adds a visual short key hint to the component.
+         */
+        "_shortKey"?: ShortKeyPropType;
         /**
           * Defines where to show the Tooltip preferably: top, right, bottom or left.
          */
@@ -5630,7 +5757,7 @@ declare namespace LocalJSX {
         /**
           * Defines the value that the button emits on click.
          */
-        "_value"?: Stringified<StencilUnknown>;
+        "_value"?: StencilUnknown;
         /**
           * Defines which variant should be used for presentation.
          */
@@ -6017,6 +6144,7 @@ declare namespace LocalJSX {
         "kol-modal": KolModal;
         "kol-nav": KolNav;
         "kol-pagination": KolPagination;
+        "kol-pagination-wc": KolPaginationWc;
         "kol-popover-button": KolPopoverButton;
         "kol-popover-button-wc": KolPopoverButtonWc;
         "kol-popover-wc": KolPopoverWc;
@@ -6088,6 +6216,7 @@ declare module "@stencil/core" {
             "kol-modal": LocalJSX.KolModal & JSXBase.HTMLAttributes<HTMLKolModalElement>;
             "kol-nav": LocalJSX.KolNav & JSXBase.HTMLAttributes<HTMLKolNavElement>;
             "kol-pagination": LocalJSX.KolPagination & JSXBase.HTMLAttributes<HTMLKolPaginationElement>;
+            "kol-pagination-wc": LocalJSX.KolPaginationWc & JSXBase.HTMLAttributes<HTMLKolPaginationWcElement>;
             "kol-popover-button": LocalJSX.KolPopoverButton & JSXBase.HTMLAttributes<HTMLKolPopoverButtonElement>;
             "kol-popover-button-wc": LocalJSX.KolPopoverButtonWc & JSXBase.HTMLAttributes<HTMLKolPopoverButtonWcElement>;
             "kol-popover-wc": LocalJSX.KolPopoverWc & JSXBase.HTMLAttributes<HTMLKolPopoverWcElement>;

package/dist/types/core/component-names.d.ts

@@ -36,6 +36,7 @@ export declare let KolLinkWcTag: "kol-link-wc";
 export declare let KolModalTag: "kol-modal";
 export declare let KolNavTag: "kol-nav";
 export declare let KolPaginationTag: "kol-pagination";
+export declare let KolPaginationWcTag: "kol-pagination-wc";
 export declare let KolPopoverWcTag: "kol-popover-wc";
 export declare let KolPopoverButtonTag: "kol-popover-button";
 export declare let KolPopoverButtonWcTag: "kol-popover-button-wc";

package/dist/types/e2e/input-msg.d.ts

@@ -0,0 +1,5 @@
+import type { MsgPropType } from '../schema';
+declare const testInputMessage: <ElementType extends {
+    _msg?: MsgPropType;
+} & HTMLElement>(componentName: string) => void;
+export { testInputMessage };

package/dist/types/functional-components/CustomSuggestionsOption/CustomSuggestionsOption.d.ts

@@ -5,6 +5,7 @@ export type CustomSuggestionsProps = JSXBase.HTMLAttributes<HTMLLIElement> & {
     index: number;
     option: W3CInputValue;
     selected: boolean;
+    searchTerm?: string;
     ref?: ((elm?: HTMLLIElement | undefined) => void) | undefined;
 };
 declare const CustomSuggestionsOptionFc: FC<CustomSuggestionsProps>;

package/dist/types/functional-components/Heading/Heading.d.ts

@@ -12,8 +12,6 @@ export type HeadingProps = HeadlineProps & {
     SecondaryHeadlineProps?: JSXBase.HTMLAttributes<HTMLHeadingElement | HTMLElement>;
 };
 type HeadlineTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'strong';
-type SubHeadlineTag = 'span' | HeadlineTag;
 export declare function getHeadlineTag(level: HeadingLevel | number): HeadlineTag;
-export declare function getSubHeadlineTag(level: HeadingLevel | number): SubHeadlineTag;
 declare const KolHeadingFc: FC<HeadingProps>;
 export default KolHeadingFc;

package/dist/types/schema/components/toaster.d.ts

@@ -12,6 +12,7 @@ export type Toast = {
     label: LabelPropType;
     type: AlertType;
     variant?: AlertVariant;
+    onClose?: () => void;
 };
 export type ToastState = {
     toast: Toast;

package/dist/types/schema/props/msg.d.ts

@@ -1,9 +1,9 @@
 import type { Generic } from 'adopted-style-sheets';
 import type { AlertProps, InternalAlertProps } from '../components';
 import type { Stringified } from '../types';
-export type MsgPropType = AlertProps & {
+export type MsgPropType = (AlertProps & {
     _description: string;
-};
+}) | string;
 export type InternMsgPropType = Partial<InternalAlertProps & {
     description: string;
 }>;

package/dist/types/schema/types/aria.d.ts

@@ -0,0 +1,4 @@
+export type AriaSort = 'none' | 'ascending' | 'descending' | 'other';
+export type AriaLive = 'off' | 'polite' | 'assertive';
+export type AriaRelevant = 'additions' | 'removals' | 'text' | 'all' | 'additions removals' | 'additions text' | 'removals text' | 'additions removals text';
+export type AriaAtomic = 'true' | 'false';

package/dist/types/schema/types/index.d.ts

@@ -1 +1 @@
-export*from"./button-link-text";export*from"./callbacks";export*from"./common";export*from"./icons";export*from"./input/control/number";export*from"./input/control/text";export*from"./input/iso8601";export*from"./input/numberString";export*from"./input/types";export*from"./modal";export*from"./progress";export*from"./unknown";export*from"./w3c";export*from"./table";export*from"./table-settings";
+export*from"./aria";export*from"./button-link-text";export*from"./callbacks";export*from"./common";export*from"./icons";export*from"./input/control/number";export*from"./input/control/text";export*from"./input/iso8601";export*from"./input/numberString";export*from"./input/types";export*from"./modal";export*from"./progress";export*from"./table";export*from"./table-settings";export*from"./unknown";export*from"./w3c";

package/doc/pagination.md

@@ -1,4 +1,4 @@
-# kol-pagination
+# kol-pagination-wc
 
 <!-- Auto Generated Below -->
 

package/doc/split-button.md

@@ -5,24 +5,27 @@
 
 ## Properties
 
-| Property              | Attribute        | Description                                                                                                                                                                      | Type                                                                                                                                                   | Default     |
-| --------------------- | ---------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------- |
-| `_ariaControls`       | `_aria-controls` | Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)                              | `string` \| `undefined`                                                                                                                                  | `undefined` |
-| `_ariaExpanded`       | `_aria-expanded` | Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)          | `boolean` \| `undefined`                                                                                                                                 | `undefined` |
-| `_ariaSelected`       | `_aria-selected` | 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) | `boolean` \| `undefined`                                                                                                                                 | `undefined` |
-| `_customClass`        | `_custom-class`  | Defines the custom class attribute if _variant="custom" is set.                                                                                                                  | `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`     |
-| `_icons`              | `_icons`         | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                                                  | `KoliBriHorizontalIcons & KoliBriVerticalIcons` \| `string` \| `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.).                                                               | `string`                                                                                                                                               | `undefined` |
-| `_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` |
-| `_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` |
-| `_variant`            | `_variant`       | Defines which variant should be used for presentation.                                                                                                                           | `"custom"` \| `"danger"` \| `"ghost"` \| `"normal"` \| `"primary"` \| `"secondary"` \| `"tertiary"` \| `undefined`                                                   | `'normal'`  |
+| 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` |
+| `_ariaControls`       | `_aria-controls`    | Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)                              | `string` \| `undefined`                                                                                                                                  | `undefined` |
+| `_ariaDescription`    | `_aria-description` | Defines the value for the aria-description attribute.                                                                                                                            | `string` \| `undefined`                                                                                                                                  | `undefined` |
+| `_ariaExpanded`       | `_aria-expanded`    | Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)          | `boolean` \| `undefined`                                                                                                                                 | `undefined` |
+| `_ariaSelected`       | `_aria-selected`    | 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) | `boolean` \| `undefined`                                                                                                                                 | `undefined` |
+| `_customClass`        | `_custom-class`     | Defines the custom class attribute if _variant="custom" is set.                                                                                                                  | `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`     |
+| `_icons`              | `_icons`            | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                                                  | `KoliBriHorizontalIcons & KoliBriVerticalIcons` \| `string` \| `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.).                                                               | `string`                                                                                                                                               | `undefined` |
+| `_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` |
+| `_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'`     |
+| `_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` |
+| `_variant`            | `_variant`          | Defines which variant should be used for presentation.                                                                                                                           | `"custom"` \| `"danger"` \| `"ghost"` \| `"normal"` \| `"primary"` \| `"secondary"` \| `"tertiary"` \| `undefined`                                                   | `'normal'`  |
 
 
 ## Methods
@@ -37,6 +40,26 @@ Type: `Promise<void>`
 
 
 
+### `getValue() => Promise<StencilUnknown>`
+
+
+
+#### Returns
+
+Type: `Promise<StencilUnknown>`
+
+
+
+### `kolFocus() => Promise<void>`
+
+
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
 
 ## Slots
 

package/doc/toaster.md

@@ -27,9 +27,9 @@ Type: `Promise<void>`
 
 #### Parameters
 
-| Name    | Type                                                                                                                                                                                                       | Description |
-| ------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
-| `toast` | `{ description?: string` \| `undefined; render?: ToastRenderFunction` \| `undefined; label: string; type: "default"` \| `"info"` \| `"success"` \| `"warning"` \| `"error"; variant?: "card"` \| `"msg"` \| `undefined; }` |             |
+| Name    | Type                                                                                                                                                                                                                                            | Description |
+| ------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
+| `toast` | `{ description?: string` \| `undefined; render?: ToastRenderFunction` \| `undefined; label: string; type: "default"` \| `"info"` \| `"success"` \| `"warning"` \| `"error"; variant?: "card"` \| `"msg"` \| `undefined; onClose?: (() => void)` \| `undefined; }` |             |
 
 #### Returns
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/components",
-  "version": "3.0.2-rc.0",
+  "version": "3.0.2-rc.1",
   "license": "EUPL-1.2",
   "homepage": "https://public-ui.github.io",
   "repository": {
@@ -53,9 +53,12 @@
   "dependencies": {
     "@floating-ui/dom": "1.7.1",
     "adopted-style-sheets": "1.1.9-rc.19",
+    "boxen": "8.0.1",
+    "chalk": "5.4.1",
     "clsx": "2.1.1",
     "color-convert": "3.1.0",
     "color-rgba": "2.4.0",
+    "figlet": "1.8.1",
     "lodash-es": "4.17.21",
     "markdown-it": "14.1.0",
     "query-selector-all-shadow-root": "0.0.3",
@@ -72,6 +75,7 @@
     "dist",
     "doc",
     "custom-elements.json",
+    "postinstall.js",
     "vscode-custom-data.json"
   ],
   "scripts": {}

package/postinstall.js

@@ -0,0 +1,38 @@
+module.exports = async () => {
+	if (process.env.CI === 'true') {
+		return;
+	}
+	const { default: chalk } = await import('chalk');
+	const { default: boxen } = await import('boxen');
+	const figlet = require('figlet');
+
+	const isGerman = (process.env.LANG || '').startsWith('de');
+	const title = chalk.cyan(figlet.textSync('KoliBri', { font: 'Standard' }));
+
+	const english = [
+		'Help us make KoliBri even more accessible!',
+		'',
+		'-  Star our repo & submit pull requests',
+		'-  Give feedback via GitHub issues',
+		'-  Documentation – https://public-ui.github.io',
+		'-  Open Source – https://github.com/public-ui',
+	].join('\n');
+
+	const german = [
+		'Hilf mit, KoliBri noch barrierefreier zu machen!',
+		'',
+		'-  Starte unser Repo & reiche Pull-Requests ein',
+		'-  Gib Feedback über GitHub Issues',
+		'-  Dokumentation – https://public-ui.github.io',
+		'-  Open Source – https://github.com/public-ui',
+	].join('\n');
+
+	const message = isGerman ? german : english;
+
+	console.log(title);
+	console.log(boxen(message, { padding: 1, borderStyle: 'round' }));
+};
+
+if (require.main === module) {
+	module.exports();
+}

package/vscode-custom-data.json

@@ -2764,6 +2764,69 @@
         }
       ]
     },
+    {
+      "name": "kol-pagination-wc",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "_boundary-count",
+          "description": "Defines the amount of pages to show next to the outer arrow buttons."
+        },
+        {
+          "name": "_custom-class",
+          "description": "Defines the custom class attribute if _variant=\"custom\" is set."
+        },
+        {
+          "name": "_has-buttons",
+          "description": "Defines which navigation buttons to render (first, last, next, previous buttons)."
+        },
+        {
+          "name": "_label",
+          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
+        },
+        {
+          "name": "_max",
+          "description": "Defines the maximum number of pages."
+        },
+        {
+          "name": "_page",
+          "description": "Defines the current page."
+        },
+        {
+          "name": "_page-size",
+          "description": "Defines the amount of entries to show per page."
+        },
+        {
+          "name": "_page-size-options",
+          "description": "Defines the options for the page-size-select."
+        },
+        {
+          "name": "_sibling-count",
+          "description": "Defines the amount of pages to show next to the current page."
+        },
+        {
+          "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": "kol-popover-button",
       "description": {
@@ -3440,10 +3503,18 @@
         "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)"
@@ -3498,6 +3569,10 @@
             }
           ]
         },
+        {
+          "name": "_short-key",
+          "description": "Adds a visual short key hint to the component."
+        },
         {
           "name": "_tooltip-align",
           "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",