@public-ui/components 2.2.6 → 3.0.0-0edf6aa20a9ac9faa46ebe0e45a8c62841b05164.0

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

@@ -14,7 +14,7 @@ export declare class KolInputWc implements Props {
     _currentLength?: number;
     _disabled?: boolean;
     _hasCounter?: boolean;
-    _hideError?: boolean;
+    _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
     _icons?: KoliBriHorizontalIcons;

package/dist/types/components/input/types.d.ts

@@ -1,5 +1,5 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { ButtonProps, KoliBriHorizontalIcons, MsgPropType, PropAccessKey, PropAlert, PropDisabled, PropHasCounter, PropHideError, PropHideLabel, PropId, PropLabelWithExpertSlot, PropReadOnly, PropRequired, PropShortKey, PropSuggestions, PropSyncValueBySelector, PropTooltipAlign, PropTouched, Stringified } from '../../schema';
+import type { ButtonProps, KoliBriHorizontalIcons, MsgPropType, PropAccessKey, PropDisabled, PropHasCounter, PropHideMsg, PropHideLabel, PropId, PropLabelWithExpertSlot, PropReadOnly, PropRequired, PropShortKey, PropSuggestions, PropSyncValueBySelector, PropTooltipAlign, PropTouched, Stringified } from '../../schema';
 type RequiredProps = PropId & PropLabelWithExpertSlot;
 type OptionalProps = {
     currentLength: number;
@@ -9,6 +9,6 @@ type OptionalProps = {
     msg: MsgPropType;
     slotName: string;
     smartButton: Stringified<ButtonProps>;
-} & PropAccessKey & PropAlert & PropDisabled & PropHasCounter & PropHideError & PropHideLabel & PropReadOnly & PropRequired & PropShortKey & PropSuggestions & PropSyncValueBySelector & PropTooltipAlign & PropTouched;
+} & PropAccessKey & PropDisabled & PropHasCounter & PropHideMsg & PropHideLabel & PropReadOnly & PropRequired & PropShortKey & PropSuggestions & PropSyncValueBySelector & PropTooltipAlign & PropTouched;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 export {};

package/dist/types/components/input-adapter-leanup/controller.d.ts

@@ -4,7 +4,6 @@ import type { Props, Watches } from './types';
 export declare class ControlledInputController extends AssociatedInputController implements Watches {
     protected readonly component: Generic.Element.Component & Props;
     constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement);
-    validateAlert(value?: boolean): void;
     validateTouched(value?: boolean): void;
     componentWillLoad(): void;
 }

package/dist/types/components/input-adapter-leanup/types.d.ts

@@ -1,7 +1,6 @@
 import type { Generic } from 'adopted-style-sheets';
 type RequiredProps = NonNullable<unknown>;
 type OptionalProps = {
-    alert: boolean;
     touched: boolean;
 };
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;

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

@@ -1,22 +1,22 @@
-import type { CheckedPropType, HideErrorPropType, IdPropType, IndeterminatePropType, InputCheckboxAPI, InputCheckboxIconsProp, InputCheckboxStates, InputCheckboxVariant, InputTypeOnDefault, LabelAlignPropType, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
-import type { FocusableElement } from '../../schema/interfaces/FocusableElement';
+import type { CheckedPropType, FocusableElement, HideMsgPropType, IdPropType, IndeterminatePropType, InputCheckboxAPI, InputCheckboxIconsProp, InputCheckboxStates, InputCheckboxVariant, InputTypeOnDefault, LabelAlignPropType, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 export declare class KolInputCheckbox implements InputCheckboxAPI, FocusableElement {
     private readonly host?;
     private inputRef?;
     private readonly catchRef;
     private getModelValue;
     getValue(): Promise<StencilUnknown>;
-    focus(): Promise<void>;
     kolFocus(): Promise<void>;
+    private getFormFieldProps;
+    private getFieldControlProps;
+    private getInputProps;
+    private getIcon;
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: string;
-    _alert?: boolean;
     _checked?: boolean;
-    _hideError?: boolean;
+    _hideMsg?: boolean;
     _disabled?: boolean;
-    _error?: string;
     _hideLabel?: boolean;
     _hint?: string;
     _icons?: Stringified<InputCheckboxIconsProp>;
@@ -40,11 +40,9 @@ export declare class KolInputCheckbox implements InputCheckboxAPI, FocusableElem
     constructor();
     private showAsAlert;
     validateAccessKey(value?: string): void;
-    validateAlert(value?: boolean): void;
     validateChecked(value?: CheckedPropType): void;
     validateDisabled(value?: boolean): void;
-    validateError(value?: string): void;
-    validateHideError(value?: HideErrorPropType): void;
+    validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
     validateIcons(value?: Stringified<InputCheckboxIconsProp>): void;

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

@@ -1,20 +1,22 @@
-import type { ButtonProps, FocusableElement, HideErrorPropType, IdPropType, InputColorAPI, InputColorStates, InputTypeOnDefault, InputTypeOnOff, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { ButtonProps, FocusableElement, HideMsgPropType, IdPropType, InputColorAPI, InputColorStates, InputTypeOnDefault, InputTypeOnOff, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
 export declare class KolInputColor implements InputColorAPI, FocusableElement {
     private readonly host?;
     private inputRef?;
     private readonly catchRef;
+    private readonly onBlur;
+    private readonly onFocus;
+    private readonly onInput;
     getValue(): Promise<string | undefined>;
-    focus(): Promise<void>;
     kolFocus(): Promise<void>;
+    private getFormFieldProps;
+    private getInputProps;
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: string;
-    _alert?: boolean;
     _autoComplete?: InputTypeOnOff;
     _disabled?: boolean;
-    _error?: string;
-    _hideError?: boolean;
+    _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
     _icons?: Stringified<KoliBriHorizontalIcons>;
@@ -36,11 +38,9 @@ export declare class KolInputColor implements InputColorAPI, FocusableElement {
     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;
+    validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
     validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;

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

@@ -1,27 +1,28 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { ButtonProps, FocusableElement, HideErrorPropType, IdPropType, InputDateAPI, InputDateStates, InputDateType, InputTypeOnDefault, InputTypeOnOff, Iso8601, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ReadOnlyPropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { ButtonProps, FocusableElement, HideMsgPropType, IdPropType, InputDateAPI, InputDateStates, InputDateType, InputTypeOnDefault, InputTypeOnOff, Iso8601, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ReadOnlyPropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 export declare class KolInputDate implements InputDateAPI, FocusableElement {
     private readonly host?;
     private inputRef?;
     private _initialValueType;
     private readonly catchRef;
     getValue(): Promise<string | Date | undefined>;
-    focus(): Promise<void>;
     kolFocus(): Promise<void>;
     reset(): Promise<void>;
     private setInitialValueType;
     private remapValue;
+    private readonly onBlur;
+    private readonly onFocus;
     private readonly onChange;
     private readonly onInput;
     private readonly onKeyDown;
+    private getFormFieldProps;
+    private getInputProps;
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: string;
-    _alert?: boolean;
     _autoComplete?: InputTypeOnOff;
     _disabled?: boolean;
-    _error?: string;
-    _hideError?: boolean;
+    _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
     _icons?: Stringified<KoliBriHorizontalIcons>;
@@ -49,11 +50,9 @@ export declare class KolInputDate implements InputDateAPI, FocusableElement {
     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;
+    validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
     validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;

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

@@ -1,23 +1,22 @@
-import type { ButtonProps, FocusableElement, HideErrorPropType, IdPropType, InputEmailAPI, InputEmailStates, InputTypeOnDefault, InputTypeOnOff, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, MultiplePropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
+import type { ButtonProps, FocusableElement, HideMsgPropType, IdPropType, InputEmailAPI, InputEmailStates, InputTypeOnDefault, InputTypeOnOff, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, MultiplePropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 export declare class KolInputEmail implements InputEmailAPI, FocusableElement {
     private readonly host?;
     private inputRef?;
     private readonly catchRef;
     getValue(): Promise<string | undefined>;
-    focus(): Promise<void>;
     kolFocus(): Promise<void>;
     private readonly onKeyDown;
     private readonly onInput;
+    private getFormFieldProps;
+    private getInputProps;
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: string;
-    _alert?: boolean;
     _autoComplete?: InputTypeOnOff;
     _disabled?: boolean;
-    _error?: string;
     _hasCounter?: boolean;
-    _hideError?: boolean;
+    _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
     _icons?: Stringified<KoliBriHorizontalIcons>;
@@ -45,12 +44,10 @@ export declare class KolInputEmail implements InputEmailAPI, FocusableElement {
     constructor();
     private showAsAlert;
     validateAccessKey(value?: string): void;
-    validateAlert(value?: boolean): void;
     validateAutoComplete(value?: InputTypeOnOff): void;
     validateDisabled(value?: boolean): void;
-    validateError(value?: string): void;
     validateHasCounter(value?: boolean): void;
-    validateHideError(value?: HideErrorPropType): void;
+    validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
     validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;

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

@@ -7,6 +7,5 @@ export declare class InputFileController extends InputIconController implements
     validateAccept(value?: string): void;
     validateMultiple(value?: boolean): void;
     validateRequired(value?: boolean): void;
-    validateValue(value?: string): void;
     componentWillLoad(): void;
 }

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

@@ -1,20 +1,19 @@
-import type { ButtonProps, FocusableElement, HideErrorPropType, IdPropType, InputFileAPI, InputFileStates, InputTypeOnDefault, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
+import type { ButtonProps, FocusableElement, HideMsgPropType, IdPropType, InputFileAPI, InputFileStates, InputTypeOnDefault, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 export declare class KolInputFile implements InputFileAPI, FocusableElement {
     private readonly host?;
     private inputRef?;
     private readonly catchRef;
     getValue(): Promise<FileList | null | undefined>;
-    focus(): Promise<void>;
     kolFocus(): Promise<void>;
+    private getFormFieldProps;
+    private getInputProps;
     render(): JSX.Element;
     private readonly controller;
     _accept?: string;
     _accessKey?: string;
-    _alert?: boolean;
     _disabled?: boolean;
-    _error?: string;
-    _hideError?: boolean;
+    _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
     _icons?: Stringified<KoliBriHorizontalIcons>;
@@ -31,17 +30,14 @@ export declare class KolInputFile implements InputFileAPI, FocusableElement {
     _tabIndex?: number;
     _tooltipAlign?: TooltipAlignPropType;
     _touched?: boolean;
-    _value?: string;
     state: InputFileStates;
     private inputHasFocus;
     constructor();
     private showAsAlert;
     validateAccept(value?: string): void;
     validateAccessKey(value?: string): void;
-    validateAlert(value?: boolean): void;
     validateDisabled(value?: boolean): void;
-    validateError(value?: string): void;
-    validateHideError(value?: HideErrorPropType): void;
+    validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
     validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;
@@ -57,7 +53,6 @@ export declare class KolInputFile implements InputFileAPI, FocusableElement {
     validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
     validateTabIndex(value?: number): void;
     validateTouched(value?: boolean): void;
-    validateValue(value?: string): void;
     componentWillLoad(): void;
     private onChange;
     private onInput;

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

@@ -1,28 +1,28 @@
-import type { ButtonProps, FocusableElement, HideErrorPropType, IdPropType, InputNumberAPI, InputNumberStates, InputTypeOnDefault, InputTypeOnOff, Iso8601, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
+import type { ButtonProps, FocusableElement, HideMsgPropType, IdPropType, InputNumberAPI, InputNumberStates, InputTypeOnDefault, InputTypeOnOff, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 export declare class KolInputNumber implements InputNumberAPI, FocusableElement {
     private readonly host?;
     private inputRef?;
     private readonly catchRef;
     getValue(): Promise<string | undefined>;
-    focus(): Promise<void>;
     kolFocus(): Promise<void>;
+    private readonly onInput;
     private readonly onKeyDown;
+    private getFormFieldProps;
+    private getInputProps;
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: string;
-    _alert?: boolean;
     _autoComplete?: InputTypeOnOff;
     _disabled?: boolean;
-    _error?: string;
-    _hideError?: boolean;
+    _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
     _icons?: Stringified<KoliBriHorizontalIcons>;
     _id?: IdPropType;
     _label: LabelWithExpertSlotPropType;
-    _max?: number | Iso8601;
-    _min?: number | Iso8601;
+    _max?: number;
+    _min?: number;
     _msg?: Stringified<MsgPropType>;
     _name?: NamePropType;
     _on?: InputTypeOnDefault;
@@ -37,24 +37,22 @@ export declare class KolInputNumber implements InputNumberAPI, FocusableElement
     _tabIndex?: number;
     _tooltipAlign?: TooltipAlignPropType;
     _touched?: boolean;
-    _value?: number | Iso8601 | null;
+    _value?: number | null;
     state: InputNumberStates;
     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;
+    validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
     validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;
     validateId(value?: string): void;
     validateLabel(value?: LabelWithExpertSlotPropType): void;
-    validateMax(value?: number | Iso8601): void;
-    validateMin(value?: number | Iso8601): void;
+    validateMax(value?: number): void;
+    validateMin(value?: number): void;
     validateMsg(value?: Stringified<MsgPropType>): void;
     validateName(value?: string): void;
     validateOn(value?: InputTypeOnDefault): void;
@@ -68,6 +66,6 @@ export declare class KolInputNumber implements InputNumberAPI, FocusableElement
     validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
     validateTabIndex(value?: number): void;
     validateTouched(value?: boolean): void;
-    validateValue(value?: number | Iso8601 | null): void;
+    validateValue(value?: number | null): void;
     componentWillLoad(): void;
 }

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

@@ -1,24 +1,24 @@
-import type { ButtonProps, FocusableElement, HideErrorPropType, IdPropType, InputPasswordAPI, InputPasswordStates, InputTypeOnDefault, InputTypeOnOff, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
+import type { ButtonProps, FocusableElement, HideMsgPropType, IdPropType, InputPasswordAPI, InputPasswordStates, InputTypeOnDefault, InputTypeOnOff, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 import type { PasswordVariantPropType } from '../../schema/props/variant/password-variant';
 export declare class KolInputPassword implements InputPasswordAPI, FocusableElement {
     private readonly host?;
     private inputRef?;
     private readonly catchRef;
     getValue(): Promise<string | undefined>;
-    focus(): Promise<void>;
     kolFocus(): Promise<void>;
     private readonly onKeyDown;
     private readonly onInput;
+    private getFormFieldProps;
+    private getInputProps;
+    private getShowPasswordButton;
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: string;
-    _alert?: boolean;
     _autoComplete?: InputTypeOnOff;
     _disabled?: boolean;
-    _error?: string;
     _hasCounter?: boolean;
-    _hideError?: boolean;
+    _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
     _icons?: Stringified<KoliBriHorizontalIcons>;
@@ -46,13 +46,11 @@ export declare class KolInputPassword implements InputPasswordAPI, FocusableElem
     constructor();
     private showAsAlert;
     validateAccessKey(value?: string): void;
-    validateAlert(value?: boolean): void;
     validateAutoComplete(value?: InputTypeOnOff): void;
     validateDisabled(value?: boolean): void;
     validateVariant(value?: PasswordVariantPropType): void;
-    validateError(value?: string): void;
     validateHasCounter(value?: boolean): void;
-    validateHideError(value?: HideErrorPropType): void;
+    validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
     validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;

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

@@ -1,20 +1,20 @@
-import type { FocusableElement, HideErrorPropType, IdPropType, InputRadioAPI, InputRadioStates, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType, NamePropType, Orientation, RadioOptionsPropType, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType, ShortKeyPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
+import type { FocusableElement, HideMsgPropType, IdPropType, InputRadioAPI, InputRadioStates, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType, NamePropType, Orientation, RadioOptionsPropType, ShortKeyPropType, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 export declare class KolInputRadio implements InputRadioAPI, FocusableElement {
     private readonly host?;
-    private currentValue?;
     private inputRef?;
     private readonly catchRef;
     getValue(): Promise<StencilUnknown | undefined>;
-    focus(): Promise<void>;
     kolFocus(): Promise<void>;
+    private getFormFieldProps;
     render(): JSX.Element;
+    private getOptionProps;
+    private getInputProps;
+    private renderOption;
     private readonly controller;
     _accessKey?: string;
-    _alert?: boolean;
     _disabled?: boolean;
-    _error?: string;
-    _hideError?: boolean;
+    _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
     _id?: IdPropType;
@@ -37,11 +37,9 @@ export declare class KolInputRadio implements InputRadioAPI, FocusableElement {
     private showAsAlert;
     validateAccessKey(value?: string): void;
     validateTooltipAlign(value?: TooltipAlignPropType): void;
-    validateAlert(value?: boolean): void;
     validateDisabled(value?: boolean): void;
-    validateError(value?: string): void;
     validateHideLabel(value?: boolean): void;
-    validateHideError(value?: HideErrorPropType): void;
+    validateHideMsg(value?: HideMsgPropType): void;
     validateHint(value?: string): void;
     validateId(value?: string): void;
     validateLabel(value?: LabelWithExpertSlotPropType): void;

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

@@ -1,10 +1,9 @@
-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, IdPropType, InputRangeAPI, InputRangeStates, InputTypeOnDefault, InputTypeOnOff, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } 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;
@@ -13,14 +12,17 @@ export declare class KolInputRange implements InputRangeAPI, FocusableElement {
     private readonly onChange;
     private readonly onKeyDown;
     componentDidLoad(): void;
+    private getFormFieldProps;
+    private getGenericInputProps;
+    private get hasSuggestions();
+    private getInputRangeProps;
+    private getInputNumberProps;
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: string;
-    _alert?: boolean;
     _autoComplete?: InputTypeOnOff;
     _disabled?: boolean;
-    _error?: string;
-    _hideError?: boolean;
+    _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
     _icons?: Stringified<KoliBriHorizontalIcons>;
@@ -44,11 +46,9 @@ export declare class KolInputRange implements InputRangeAPI, FocusableElement {
     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;
+    validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
     validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;

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

@@ -1,25 +1,26 @@
-import type { AccessKeyPropType, AlertPropType, ButtonProps, FocusableElement, HideErrorPropType, IdPropType, InputTextAPI, InputTextStates, InputTextType, InputTypeOnDefault, InputTypeOnOff, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, SpellCheckPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
+import type { AccessKeyPropType, ButtonProps, FocusableElement, HideMsgPropType, IdPropType, InputTextAPI, InputTextStates, InputTextType, InputTypeOnDefault, InputTypeOnOff, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, 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;
     _hasCounter?: boolean;
-    _hideError?: boolean;
+    _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
     _icons?: Stringified<KoliBriHorizontalIcons>;
@@ -48,12 +49,10 @@ export declare class KolInputText implements InputTextAPI, FocusableElement {
     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;
+    validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
     validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;

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

@@ -1,6 +1,7 @@
-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, DownloadPropType, FocusableElement, HrefPropType, KoliBriIconsProp, LabelWithExpertSlotPropType, LinkAPI, LinkOnCallbacksPropType, LinkStates, LinkTargetPropType, ShortKeyPropType, Stringified, TooltipAlignPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
 export declare class KolLinkWc implements LinkAPI, FocusableElement {
+    private readonly host?;
     private anchorRef?;
     private unsubscribeOnLocationChange?;
     private readonly internalDescriptionById;
@@ -14,6 +15,7 @@ export declare class KolLinkWc implements LinkAPI, FocusableElement {
     _ariaDescription?: AriaDescriptionPropType;
     _ariaExpanded?: boolean;
     _ariaOwns?: AriaOwnsPropType;
+    _customClass?: CustomClassPropType;
     _disabled?: boolean;
     _download?: DownloadPropType;
     _hideLabel?: boolean;
@@ -26,12 +28,14 @@ export declare class KolLinkWc implements LinkAPI, FocusableElement {
     _tabIndex?: number;
     _target?: LinkTargetPropType;
     _tooltipAlign?: TooltipAlignPropType;
+    _variant?: ButtonVariantPropType;
     state: LinkStates;
     validateAccessKey(value?: AccessKeyPropType): void;
     validateAriaCurrentValue(value?: AriaCurrentValuePropType): 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;
@@ -44,6 +48,7 @@ export declare class KolLinkWc implements LinkAPI, FocusableElement {
     validateTabIndex(value?: number): void;
     validateTarget(value?: LinkTargetPropType): void;
     validateTooltipAlign(value?: TooltipAlignPropType): void;
+    validateVariant(value?: ButtonVariantPropType): void;
     componentWillLoad(): void;
     disconnectedCallback(): void;
 }

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

@@ -3,7 +3,6 @@ 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;

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

@@ -3,7 +3,6 @@ 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;

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 { 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/pagination/shadow.d.ts

@@ -1,6 +1,7 @@
 import type { CustomClassPropType, KoliBriPaginationButtonCallbacks, LabelPropType, MaxPropType, PaginationAPI, PaginationHasButton, PaginationStates, Stringified, TooltipAlignPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
 export declare class KolPagination implements PaginationAPI {
+    private readonly host?;
     private readonly nonce;
     private readonly calcCount;
     private readonly getCount;