@public-ui/components 4.0.0-alpha.0 → 4.0.0-alpha.1

package/dist/types/components/input-range/shadow.d.ts

@@ -1,70 +1,72 @@
-import type { FocusableElement, HideErrorPropType, IdPropType, InputRangeAPI, InputRangeStates, InputTypeOnDefault, InputTypeOnOff, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
+import type { FocusableElement, HideMsgPropType, IconsHorizontalPropType, IdPropType, InputRangeAPI, InputRangeStates, InputTypeOnDefault, AutoCompletePropType, LabelWithExpertSlotPropType, MsgPropType, NamePropType, NumberString, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType, DisabledPropType, HideLabelPropType, HintPropType } from '../../schema';
 export declare class KolInputRange implements InputRangeAPI, FocusableElement {
     private readonly host?;
     private refInputNumber?;
     private refInputRange?;
-    focus(): Promise<void>;
     kolFocus(): Promise<void>;
     private readonly catchInputNumberRef;
     private readonly catchInputRangeRef;
     private getSanitizedFloatValue;
-    getValue(): Promise<number | undefined>;
+    private remapValue;
+    getValue(): Promise<number | NumberString | undefined>;
+    private readonly onInput;
     private readonly onChange;
     private readonly onKeyDown;
     componentDidLoad(): void;
+    private getFormFieldProps;
+    private getGenericInputProps;
+    private get hasSuggestions();
+    private getInputRangeProps;
+    private getInputNumberProps;
+    private setInitialValueType;
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: string;
-    _alert?: boolean;
-    _autoComplete?: InputTypeOnOff;
+    _autoComplete?: AutoCompletePropType;
     _disabled?: boolean;
-    _error?: string;
-    _hideError?: boolean;
+    _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
-    _icons?: Stringified<KoliBriHorizontalIcons>;
+    _icons?: IconsHorizontalPropType;
     _id?: IdPropType;
     _label: LabelWithExpertSlotPropType;
-    _max?: number;
-    _min?: number;
+    _max?: number | NumberString;
+    _min?: number | NumberString;
     _msg?: Stringified<MsgPropType>;
     _name?: NamePropType;
     _on?: InputTypeOnDefault;
     _shortKey?: ShortKeyPropType;
-    _step?: number;
+    _step?: number | NumberString;
     _suggestions?: SuggestionsPropType;
     _syncValueBySelector?: SyncValueBySelectorPropType;
-    _tabIndex?: number;
     _tooltipAlign?: TooltipAlignPropType;
     _touched?: boolean;
-    _value?: number;
+    _value?: number | NumberString;
     state: InputRangeStates;
+    private _initialValueType;
     private inputHasFocus;
     constructor();
     private showAsAlert;
     validateAccessKey(value?: string): void;
-    validateAlert(value?: boolean): void;
-    validateAutoComplete(value?: InputTypeOnOff): void;
-    validateDisabled(value?: boolean): void;
-    validateError(value?: string): void;
-    validateHideError(value?: HideErrorPropType): void;
-    validateHideLabel(value?: boolean): void;
-    validateHint(value?: string): void;
-    validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;
+    validateAutoComplete(value?: AutoCompletePropType): void;
+    validateDisabled(value?: DisabledPropType): void;
+    validateHideMsg(value?: HideMsgPropType): void;
+    validateHideLabel(value?: HideLabelPropType): void;
+    validateHint(value?: HintPropType): void;
+    validateIcons(value?: IconsHorizontalPropType): void;
     validateId(value?: string): void;
     validateLabel(value?: LabelWithExpertSlotPropType): void;
-    validateMax(value?: number): void;
-    validateMin(value?: number): void;
+    validateMax(value?: number | NumberString): void;
+    validateMin(value?: number | NumberString): void;
     validateMsg(value?: Stringified<MsgPropType>): void;
     validateName(value?: string): void;
     validateOn(value?: InputTypeOnDefault): void;
     validateShortKey(value?: ShortKeyPropType): void;
-    validateStep(value?: number): void;
+    validateStep(value?: number | NumberString): void;
     validateSuggestions(value?: SuggestionsPropType): void;
     validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
-    validateTabIndex(value?: number): void;
     validateTouched(value?: boolean): void;
-    validateValue(value?: number): void;
+    validateValue(value?: number | NumberString): void;
     componentWillLoad(): void;
 }

package/dist/types/components/input-text/controller.d.ts

@@ -1,4 +1,4 @@
-import type { InputTextProps, InputTextType, InputTextWatches, PropLabelWithExpertSlot, PropSuggestions, SuggestionsPropType } from '../../schema';
+import type { InputTextProps, InputTextTypePropType, InputTextWatches, PropLabelWithExpertSlot, PropSuggestions, SpellCheckPropType, SuggestionsPropType } from '../../schema';
 import { InputPasswordController } from '../input-password/controller';
 import type { Generic } from 'adopted-style-sheets';
 type RequiredProps = PropLabelWithExpertSlot;
@@ -17,7 +17,8 @@ export declare class InputTextController extends InputTextEmailController implem
     protected readonly component: Generic.Element.Component & InputTextProps;
     hasError: boolean;
     constructor(component: Generic.Element.Component & InputTextProps, name: string, host?: HTMLElement);
-    validateType(value?: InputTextType): void;
+    validateSpellCheck(value?: SpellCheckPropType): void;
+    validateType(value?: InputTextTypePropType): void;
     componentWillLoad(): void;
 }
 export {};

package/dist/types/components/input-text/shadow.d.ts

@@ -1,28 +1,30 @@
-import type { AccessKeyPropType, AlertPropType, ButtonProps, FocusableElement, HideErrorPropType, IdPropType, InputTextAPI, InputTextStates, InputTextType, InputTypeOnDefault, InputTypeOnOff, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
+import type { AccessKeyPropType, AutoCompletePropType, ButtonProps, DisabledPropType, FocusableElement, HasCounterPropType, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, IdPropType, InputTextAPI, InputTextStates, InputTextTypePropType, InputTypeOnDefault, LabelWithExpertSlotPropType, MaxLengthBehaviorPropType, MsgPropType, NamePropType, PlaceholderPropType, ReadOnlyPropType, RequiredPropType, ShortKeyPropType, SpellCheckPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 export declare class KolInputText implements InputTextAPI, FocusableElement {
     private readonly host?;
     private inputRef?;
     private oldValue?;
     private readonly catchRef;
+    private readonly onBlur;
     private readonly onChange;
+    private readonly onFocus;
     private readonly onInput;
     private readonly onKeyDown;
     getValue(): Promise<string | undefined>;
-    focus(): Promise<void>;
     kolFocus(): Promise<void>;
+    private getFormFieldProps;
+    private getInputProps;
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: AccessKeyPropType;
-    _alert?: boolean;
-    _autoComplete?: InputTypeOnOff;
-    _disabled?: boolean;
-    _error?: string;
+    _autoComplete?: AutoCompletePropType;
     _hasCounter?: boolean;
-    _hideError?: boolean;
+    _maxLengthBehavior?: MaxLengthBehaviorPropType;
+    _disabled?: boolean;
+    _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
-    _icons?: Stringified<KoliBriHorizontalIcons>;
+    _icons?: IconsHorizontalPropType;
     _id?: IdPropType;
     _label: LabelWithExpertSlotPropType;
     _maxLength?: number;
@@ -34,28 +36,27 @@ export declare class KolInputText implements InputTextAPI, FocusableElement {
     _readOnly?: boolean;
     _required?: boolean;
     _shortKey?: ShortKeyPropType;
+    _spellCheck?: SpellCheckPropType;
     _suggestions?: SuggestionsPropType;
     _smartButton?: Stringified<ButtonProps>;
     _syncValueBySelector?: SyncValueBySelectorPropType;
-    _tabIndex?: number;
     _tooltipAlign?: TooltipAlignPropType;
     _touched?: boolean;
-    _type?: InputTextType;
+    _type?: InputTextTypePropType;
     _value?: string;
     state: InputTextStates;
     private inputHasFocus;
     constructor();
     private showAsAlert;
     validateAccessKey(value?: AccessKeyPropType): void;
-    validateAlert(value?: AlertPropType): void;
-    validateAutoComplete(value?: InputTypeOnOff): void;
-    validateDisabled(value?: boolean): void;
-    validateError(value?: string): void;
-    validateHasCounter(value?: boolean): void;
-    validateHideError(value?: HideErrorPropType): void;
-    validateHideLabel(value?: boolean): void;
-    validateHint(value?: string): void;
-    validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;
+    validateAutoComplete(value?: AutoCompletePropType): void;
+    validateMaxLengthBehavior(value?: MaxLengthBehaviorPropType): void;
+    validateDisabled(value?: DisabledPropType): void;
+    validateHideMsg(value?: HideMsgPropType): void;
+    validateHideLabel(value?: HideLabelPropType): void;
+    validateHasCounter(value?: HasCounterPropType): void;
+    validateHint(value?: HintPropType): void;
+    validateIcons(value?: IconsHorizontalPropType): void;
     validateId(value?: string): void;
     validateLabel(value?: LabelWithExpertSlotPropType): void;
     validateMaxLength(value?: number): void;
@@ -63,16 +64,16 @@ export declare class KolInputText implements InputTextAPI, FocusableElement {
     validateName(value?: string): void;
     validateOn(value?: InputTypeOnDefault): void;
     validatePattern(value?: string): void;
-    validatePlaceholder(value?: string): void;
-    validateReadOnly(value?: boolean): void;
-    validateRequired(value?: boolean): void;
+    validatePlaceholder(value?: PlaceholderPropType): void;
+    validateReadOnly(value?: ReadOnlyPropType): void;
+    validateRequired(value?: RequiredPropType): void;
     validateShortKey(value?: ShortKeyPropType): void;
+    validateSpellCheck(value?: SpellCheckPropType): void;
     validateSuggestions(value?: SuggestionsPropType): void;
     validateSmartButton(value?: ButtonProps | string): void;
     validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
-    validateTabIndex(value?: number): void;
     validateTouched(value?: boolean): void;
-    validateType(value?: InputTextType): void;
+    validateType(value?: InputTextTypePropType): void;
     validateValue(value?: string): void;
     componentWillLoad(): void;
 }

package/dist/types/components/kolibri/shadow.d.ts

@@ -1,6 +1,7 @@
 import type { JSX } from '../../stencil-public-runtime';
 import type { KolibriAPI, KolibriStates, PropColor, Stringified } from '../../schema';
 export declare class KolKolibri implements KolibriAPI {
+    private readonly translateKolibriLogo;
     render(): JSX.Element;
     _color?: Stringified<PropColor>;
     _labeled?: boolean;

package/dist/types/components/link/component.d.ts

@@ -1,9 +1,10 @@
-import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaExpandedPropType, AriaOwnsPropType, DisabledPropType, DownloadPropType, FocusableElement, HrefPropType, KoliBriIconsProp, LabelWithExpertSlotPropType, LinkAPI, LinkOnCallbacksPropType, LinkStates, LinkTargetPropType, ShortKeyPropType, Stringified, TooltipAlignPropType } from '../../schema';
+import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaExpandedPropType, AriaOwnsPropType, ButtonVariantPropType, CustomClassPropType, DisabledPropType, HideLabelPropType, DownloadPropType, FocusableElement, HrefPropType, InternalLinkAPI, KoliBriIconsProp, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkStates, LinkTargetPropType, LinkVariantPropType, ShortKeyPropType, Stringified, TooltipAlignPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
-export declare class KolLinkWc implements LinkAPI, FocusableElement {
+export declare class KolLinkWc implements InternalLinkAPI, FocusableElement {
+    private readonly host?;
     private anchorRef?;
     private unsubscribeOnLocationChange?;
-    private readonly internalDescriptionById;
+    private readonly translateOpenLinkInTab;
     private readonly catchRef;
     kolFocus(): Promise<void>;
     private readonly onClick;
@@ -11,39 +12,47 @@ export declare class KolLinkWc implements LinkAPI, FocusableElement {
     render(): JSX.Element;
     _accessKey?: AccessKeyPropType;
     _ariaCurrentValue?: AriaCurrentValuePropType;
+    _ariaControls?: string;
     _ariaDescription?: AriaDescriptionPropType;
     _ariaExpanded?: boolean;
     _ariaOwns?: AriaOwnsPropType;
+    _customClass?: CustomClassPropType;
     _disabled?: boolean;
     _download?: DownloadPropType;
     _hideLabel?: boolean;
     _href: HrefPropType;
     _icons?: Stringified<KoliBriIconsProp>;
     _label?: LabelWithExpertSlotPropType;
+    _linkVariant?: LinkVariantPropType;
     _on?: LinkOnCallbacksPropType;
     _role?: AlternativeButtonLinkRolePropType;
     _shortKey?: ShortKeyPropType;
     _tabIndex?: number;
     _target?: LinkTargetPropType;
     _tooltipAlign?: TooltipAlignPropType;
+    _buttonVariant?: ButtonVariantPropType;
     state: LinkStates;
     validateAccessKey(value?: AccessKeyPropType): void;
     validateAriaCurrentValue(value?: AriaCurrentValuePropType): void;
+    validateAriaControls(value?: string): void;
     validateAriaDescription(value?: AriaDescriptionPropType): void;
     validateAriaExpanded(value?: AriaExpandedPropType): void;
     validateAriaOwns(value?: AriaOwnsPropType): void;
+    validateCustomClass(value?: CustomClassPropType): void;
     validateDisabled(value?: DisabledPropType): void;
     validateDownload(value?: DownloadPropType): void;
-    validateHideLabel(value?: boolean): void;
+    validateHideLabel(value?: HideLabelPropType): void;
     validateHref(value?: string): void;
     validateIcons(value?: KoliBriIconsProp): void;
     validateLabel(value?: LabelWithExpertSlotPropType): void;
+    validateLinkVariant(value?: LinkVariantPropType): void;
     validateOn(value?: LinkOnCallbacksPropType): void;
     validateRole(value?: AlternativeButtonLinkRolePropType): void;
     validateShortKey(value?: ShortKeyPropType): void;
     validateTabIndex(value?: number): void;
     validateTarget(value?: LinkTargetPropType): void;
     validateTooltipAlign(value?: TooltipAlignPropType): void;
+    validateButtonVariant(value?: ButtonVariantPropType): void;
     componentWillLoad(): void;
     disconnectedCallback(): void;
 }

package/dist/types/components/link/shadow.d.ts

@@ -1,24 +1,25 @@
-import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, DownloadPropType, FocusableElement, HrefPropType, KoliBriIconsProp, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, ShortKeyPropType, Stringified, TooltipAlignPropType } from '../../schema';
+import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, DownloadPropType, FocusableElement, HrefPropType, KoliBriIconsProp, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, LinkVariantPropType, ShortKeyPropType, Stringified, TooltipAlignPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
 export declare class KolLink implements LinkProps, FocusableElement {
     private linkWcRef?;
     private readonly catchRef;
-    focus(): Promise<void>;
     kolFocus(): Promise<void>;
     render(): JSX.Element;
     _accessKey?: AccessKeyPropType;
     _ariaCurrentValue?: AriaCurrentValuePropType;
+    _ariaControls?: string;
     _ariaDescription?: AriaDescriptionPropType;
+    _ariaExpanded?: boolean;
     _disabled?: boolean;
     _download?: DownloadPropType;
     _hideLabel?: boolean;
     _href: HrefPropType;
     _icons?: Stringified<KoliBriIconsProp>;
     _label?: LabelWithExpertSlotPropType;
+    _variant?: LinkVariantPropType;
     _on?: LinkOnCallbacksPropType;
     _role?: AlternativeButtonLinkRolePropType;
     _shortKey?: ShortKeyPropType;
-    _tabIndex?: number;
     _target?: LinkTargetPropType;
     _tooltipAlign?: TooltipAlignPropType;
 }

package/dist/types/components/link-button/shadow.d.ts

@@ -3,11 +3,11 @@ import type { JSX } from '../../stencil-public-runtime';
 export declare class KolLinkButton implements LinkButtonProps, FocusableElement {
     private linkWcRef?;
     private readonly catchRef;
-    focus(): Promise<void>;
     kolFocus(): Promise<void>;
     render(): JSX.Element;
     _accessKey?: AccessKeyPropType;
     _ariaCurrentValue?: AriaCurrentValuePropType;
+    _ariaControls?: string;
     _ariaDescription?: AriaDescriptionPropType;
     _customClass?: CustomClassPropType;
     _disabled?: boolean;
@@ -19,7 +19,6 @@ export declare class KolLinkButton implements LinkButtonProps, FocusableElement
     _on?: LinkOnCallbacksPropType;
     _role?: AlternativeButtonLinkRolePropType;
     _shortKey?: ShortKeyPropType;
-    _tabIndex?: number;
     _target?: LinkTargetPropType;
     _tooltipAlign?: TooltipAlignPropType;
     _variant?: ButtonVariantPropType;

package/dist/types/components/modal/shadow.d.ts

@@ -1,21 +1,23 @@
-import type { KoliBriModalEventCallbacks, LabelPropType, ModalAPI, ModalStates } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
+import type { KoliBriModalEventCallbacks, LabelPropType, ModalAPI, ModalStates } from '../../schema';
+import type { ModalVariantPropType } from '../../schema/props/variant/modal';
 export declare class KolModal implements ModalAPI {
+    private readonly host?;
     private refDialog?;
-    componentDidRender(): void;
     disconnectedCallback(): void;
     private handleNativeCloseEvent;
     openModal(): Promise<void>;
     closeModal(): Promise<void>;
+    private readonly on;
     render(): JSX.Element;
-    _activeElement?: HTMLElement | null;
     _label: LabelPropType;
     _on?: KoliBriModalEventCallbacks;
     _width?: string;
+    _variant?: ModalVariantPropType;
     state: ModalStates;
-    validateActiveElement(value?: HTMLElement | null): void;
     validateLabel(value?: LabelPropType): void;
     validateOn(value?: KoliBriModalEventCallbacks): void;
     validateWidth(value?: string): void;
+    validateVariant(value?: ModalVariantPropType): void;
     componentWillLoad(): void;
 }

package/dist/types/components/nav/shadow.d.ts

@@ -1,11 +1,13 @@
-import type { ButtonOrLinkOrTextWithChildrenProps, CollapsiblePropType, HideLabelPropType, LabelPropType, NavAPI, NavStates, Orientation, Stringified } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
+import type { ButtonOrLinkOrTextWithChildrenProps, CollapsiblePropType, HideLabelPropType, LabelPropType, NavAPI, NavStates, Stringified } from '../../schema';
+import type { OrientationPropType } from '../../schema/props/orientation';
 export declare class KolNav implements NavAPI {
+    private readonly navId;
+    private readonly listId;
     private expandChildren;
     private collapseChildren;
     private readonly handleToggleExpansionClick;
     private entry;
-    private expandButton;
     private li;
     private linkList;
     private initializeExpandedChildren;
@@ -16,7 +18,7 @@ export declare class KolNav implements NavAPI {
     _hideLabel?: boolean;
     _label: LabelPropType;
     _links: Stringified<ButtonOrLinkOrTextWithChildrenProps[]>;
-    _orientation?: Orientation;
+    _orientation?: OrientationPropType;
     state: NavStates;
     validateCollapsible(value?: CollapsiblePropType): void;
     validateHasCompactButton(value?: boolean): void;
@@ -24,7 +26,7 @@ export declare class KolNav implements NavAPI {
     validateHideLabel(value?: HideLabelPropType): void;
     validateLabel(value?: LabelPropType, _oldValue?: LabelPropType, initial?: boolean): void;
     validateLinks(value?: Stringified<ButtonOrLinkOrTextWithChildrenProps[]>): void;
-    validateOrientation(value?: Orientation): void;
+    validateOrientation(value?: OrientationPropType): void;
     componentWillLoad(): void;
     disconnectedCallback(): void;
 }

package/dist/types/components/pagination/component.d.ts

@@ -0,0 +1,53 @@
+import type { CustomClassPropType, KoliBriPaginationButtonCallbacks, LabelPropType, MaxPropType, PaginationAPI, PaginationHasButton, PaginationStates, Stringified, TooltipAlignPropType } from '../../schema';
+import type { JSX } from '../../stencil-public-runtime';
+export declare class KolPaginationWc implements PaginationAPI {
+    private readonly host?;
+    private readonly nonce;
+    private readonly translatePageFirst;
+    private readonly translatePageBack;
+    private readonly translatePageNext;
+    private readonly translatePageLast;
+    private readonly translateEntriesPerSite;
+    private readonly translatePage;
+    private readonly translatePagination;
+    private readonly calcCount;
+    private readonly getCount;
+    render(): JSX.Element;
+    _boundaryCount?: number;
+    _customClass?: CustomClassPropType;
+    _label?: LabelPropType;
+    _hasButtons?: boolean | Stringified<PaginationHasButton>;
+    _page: number;
+    _pageSize: number;
+    _pageSizeOptions: Stringified<number[]>;
+    _on: KoliBriPaginationButtonCallbacks;
+    _siblingCount?: number;
+    _tooltipAlign?: TooltipAlignPropType;
+    _max: MaxPropType;
+    state: PaginationStates;
+    private onClick;
+    private onChangePage;
+    private onChangePageSize;
+    private readonly onGoToFirst;
+    private readonly onGoToEnd;
+    private readonly onGoBackward;
+    private readonly onGoForward;
+    private getUnselectedPageButton;
+    private getSelectedPageButton;
+    validateBoundaryCount(value?: number): void;
+    validateCustomClass(value?: CustomClassPropType): void;
+    validateLabel(label?: LabelPropType, _oldValue?: LabelPropType, initial?: boolean): void;
+    validateHasButtons(value?: string | boolean | Stringified<PaginationHasButton>): void;
+    validateOn(value?: KoliBriPaginationButtonCallbacks): void;
+    validatePage(value?: number): void;
+    private beforePageSize;
+    private syncPage;
+    private beforePageSizeOptions;
+    validatePageSize(value?: number): void;
+    validatePageSizeOptions(value?: Stringified<number[]>): void;
+    validateSiblingCount(value?: number): void;
+    validateMax(value?: MaxPropType): void;
+    validateTooltipAlign(value?: TooltipAlignPropType): void;
+    componentWillLoad(): void;
+    disconnectedCallback(): void;
+}

package/dist/types/components/pagination/shadow.d.ts

@@ -1,9 +1,6 @@
-import type { CustomClassPropType, KoliBriPaginationButtonCallbacks, LabelPropType, MaxPropType, PaginationAPI, PaginationHasButton, PaginationStates, Stringified, TooltipAlignPropType } from '../../schema';
+import type { CustomClassPropType, KoliBriPaginationButtonCallbacks, LabelPropType, MaxPropType, PaginationHasButton, PaginationProps, Stringified, TooltipAlignPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
-export declare class KolPagination implements PaginationAPI {
-    private readonly nonce;
-    private readonly calcCount;
-    private readonly getCount;
+export declare class KolPagination implements PaginationProps {
     render(): JSX.Element;
     _boundaryCount?: number;
     _customClass?: CustomClassPropType;
@@ -16,30 +13,4 @@ export declare class KolPagination implements PaginationAPI {
     _siblingCount?: number;
     _tooltipAlign?: TooltipAlignPropType;
     _max: MaxPropType;
-    state: PaginationStates;
-    private onClick;
-    private onChangePage;
-    private onChangePageSize;
-    private readonly onGoToFirst;
-    private readonly onGoToEnd;
-    private readonly onGoBackward;
-    private readonly onGoForward;
-    private getUnselectedPageButton;
-    private getSelectedPageButton;
-    validateBoundaryCount(value?: number): void;
-    validateCustomClass(value?: CustomClassPropType): void;
-    validateLabel(label?: LabelPropType, _oldValue?: LabelPropType, initial?: boolean): void;
-    validateHasButtons(value?: string | boolean | Stringified<PaginationHasButton>): void;
-    validateOn(value?: KoliBriPaginationButtonCallbacks): void;
-    validatePage(value?: number): void;
-    private beforePageSize;
-    private syncPage;
-    private beforePageSizeOptions;
-    validatePageSize(value?: number): void;
-    validatePageSizeOptions(value?: Stringified<number[]>): void;
-    validateSiblingCount(value?: number): void;
-    validateMax(value?: MaxPropType): void;
-    validateTooltipAlign(value?: TooltipAlignPropType): void;
-    componentWillLoad(): void;
-    disconnectedCallback(): void;
 }

package/dist/types/components/popover-button/component.d.ts

@@ -0,0 +1,42 @@
+import type { JSX } from '../../stencil-public-runtime';
+import type { PopoverButtonProps, PopoverButtonStates } from '../../schema/components/popover-button';
+import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaDescriptionPropType, ButtonCallbacksPropType, ButtonTypePropType, ButtonVariantPropType, CustomClassPropType, IconsPropType, LabelWithExpertSlotPropType, PopoverAlignPropType, ShortKeyPropType, StencilUnknown, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+export declare class KolPopoverButton implements PopoverButtonProps {
+    private refButton?;
+    private refPopover?;
+    private cleanupAutoPositioning?;
+    state: PopoverButtonStates;
+    private justClosed;
+    private popoverOpen;
+    hidePopover(): Promise<void>;
+    private handleBeforeToggle;
+    private alignPopover;
+    private handleToggle;
+    private handleButtonClick;
+    componentDidRender(): void;
+    disconnectedCallback(): void;
+    render(): JSX.Element;
+    _accessKey?: AccessKeyPropType;
+    _ariaControls?: string;
+    _ariaDescription?: AriaDescriptionPropType;
+    _ariaSelected?: boolean;
+    _customClass?: CustomClassPropType;
+    _disabled?: boolean;
+    _hideLabel?: boolean;
+    _icons?: IconsPropType;
+    _id?: string;
+    _label: LabelWithExpertSlotPropType;
+    _name?: string;
+    _on?: ButtonCallbacksPropType<StencilUnknown>;
+    _popoverAlign?: PopoverAlignPropType;
+    _role?: AlternativeButtonLinkRolePropType;
+    _shortKey?: ShortKeyPropType;
+    _syncValueBySelector?: SyncValueBySelectorPropType;
+    _tabIndex?: number;
+    _tooltipAlign?: TooltipAlignPropType;
+    _type?: ButtonTypePropType;
+    _value?: StencilUnknown;
+    _variant?: ButtonVariantPropType;
+    validatePopoverAlign(value?: PopoverAlignPropType): void;
+    componentWillLoad(): void;
+}

package/dist/types/components/popover-button/shadow.d.ts

@@ -0,0 +1,30 @@
+import type { JSX } from '../../stencil-public-runtime';
+import type { PopoverButtonProps } from '../../schema/components/popover-button';
+import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaDescriptionPropType, ButtonCallbacksPropType, ButtonTypePropType, ButtonVariantPropType, CustomClassPropType, IconsPropType, LabelWithExpertSlotPropType, PopoverAlignPropType, ShortKeyPropType, StencilUnknown, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+export declare class KolPopoverButton implements PopoverButtonProps {
+    private ref?;
+    hidePopover(): Promise<void>;
+    private catchRef;
+    render(): JSX.Element;
+    _accessKey?: AccessKeyPropType;
+    _ariaControls?: string;
+    _ariaDescription?: AriaDescriptionPropType;
+    _ariaSelected?: boolean;
+    _customClass?: CustomClassPropType;
+    _disabled?: boolean;
+    _hideLabel?: boolean;
+    _icons?: IconsPropType;
+    _id?: string;
+    _label: LabelWithExpertSlotPropType;
+    _name?: string;
+    _on?: ButtonCallbacksPropType<StencilUnknown>;
+    _popoverAlign?: PopoverAlignPropType;
+    _role?: AlternativeButtonLinkRolePropType;
+    _shortKey?: ShortKeyPropType;
+    _syncValueBySelector?: SyncValueBySelectorPropType;
+    _tabIndex?: number;
+    _tooltipAlign?: TooltipAlignPropType;
+    _type?: ButtonTypePropType;
+    _value?: StencilUnknown;
+    _variant?: ButtonVariantPropType;
+}

package/dist/types/components/progress/shadow.d.ts

@@ -1,19 +1,19 @@
-import type { KoliBriProgressVariantType, LabelPropType, ProgressAPI, ProgressStates } from '../../schema';
+import type { LabelPropType, ProgressAPI, ProgressStates, ProgressVariantPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
-export declare class KolProcess implements ProgressAPI {
+export declare class KolProgress implements ProgressAPI {
     private interval?;
     render(): JSX.Element;
     _label?: LabelPropType;
     _max: number;
     _unit?: string;
     _value: number;
-    _variant?: KoliBriProgressVariantType;
+    _variant?: ProgressVariantPropType;
     state: ProgressStates;
     validateLabel(value?: LabelPropType): void;
     validateMax(value?: number): void;
     validateUnit(value?: string): void;
     validateValue(value?: number): void;
-    validateVariant(value?: KoliBriProgressVariantType): void;
+    validateVariant(value?: ProgressVariantPropType): void;
     componentWillLoad(): void;
     disconnectedCallback(): void;
 }

package/dist/types/components/quote/shadow.d.ts

@@ -1,15 +1,15 @@
-import type { HrefPropType, KoliBriQuoteVariant, LabelPropType, QuoteAPI, QuoteStates } from '../../schema';
+import type { HrefPropType, LabelPropType, QuoteAPI, QuotePropType, QuoteStates, QuoteVariantPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
 export declare class KolQuote implements QuoteAPI {
     _label?: string;
     _href: HrefPropType;
     _quote: string;
-    _variant?: KoliBriQuoteVariant;
+    _variant?: QuoteVariantPropType;
     state: QuoteStates;
     validateLabel(value?: LabelPropType): void;
     validateHref(value?: HrefPropType): void;
-    validateQuote(value?: string): void;
-    validateVariant(value?: KoliBriQuoteVariant): void;
+    validateQuote(value?: QuotePropType): void;
+    validateVariant(value?: QuoteVariantPropType): void;
     componentWillLoad(): void;
     render(): JSX.Element;
 }

package/dist/types/components/select/controller.d.ts

@@ -1,4 +1,4 @@
-import type { Option, OptionsWithOptgroupPropType, RowsPropType, SelectProps, SelectWatches, Stringified, W3CInputValue } from '../../schema';
+import type { Option, OptionsWithOptgroupPropType, RequiredPropType, RowsPropType, SelectProps, SelectWatches, StencilUnknown, Stringified, MultiplePropType, W3CInputValue } from '../../schema';
 import { InputIconController } from '../@deprecated/input/controller-icon';
 import type { Generic } from 'adopted-style-sheets';
 export declare class SelectController extends InputIconController implements SelectWatches {
@@ -11,9 +11,11 @@ export declare class SelectController extends InputIconController implements Sel
     protected readonly afterPatchOptions: (value: unknown, _state: Record<string, unknown>, _component: Generic.Element.Component, key: string) => void;
     private readonly beforePatchOptions;
     validateOptions(value?: OptionsWithOptgroupPropType): void;
-    validateMultiple(value?: boolean): void;
-    validateRequired(value?: boolean): void;
+    validateMultiple(value?: MultiplePropType): void;
+    validateRequired(value?: RequiredPropType): void;
     validateRows(value?: RowsPropType): void;
-    validateValue(value?: Stringified<W3CInputValue[]>): void;
+    validateValue(value?: Stringified<StencilUnknown[]> | Stringified<StencilUnknown>): void;
     componentWillLoad(): void;
+    private assertValueMatchesMultiplicity;
+    private assertComponentValueMatchesMultiplicity;
 }