@public-ui/components 3.0.0-0edf6aa20a9ac9faa46ebe0e45a8c62841b05164.0 → 3.0.0-37e952f54ae220a836264edf844556a2c45116ea.0

package/dist/types/components/@deprecated/input/types-icon.d.ts

@@ -1,9 +1,7 @@
-import type { KoliBriHorizontalIcons, PropLabelWithExpertSlot, Stringified } from '../../../schema';
+import type { PropHorizontalIcons, PropLabelWithExpertSlot } from '../../../schema';
 import type { Generic } from 'adopted-style-sheets';
 type RequiredProps = NonNullable<unknown>;
-type OptionalProps = PropLabelWithExpertSlot & {
-    icons: Stringified<KoliBriHorizontalIcons>;
-};
+type OptionalProps = PropLabelWithExpertSlot & PropHorizontalIcons;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type Watches = Generic.Element.Watchers<RequiredProps, OptionalProps>;
 export {};

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

@@ -1,5 +1,6 @@
 import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaDescriptionPropType, ButtonAPI, ButtonCallbacksPropType, ButtonStates, ButtonTypePropType, ButtonVariantPropType, CustomClassPropType, DisabledPropType, FocusableElement, IconsPropType, LabelWithExpertSlotPropType, ShortKeyPropType, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
+import type { AriaHasPopupPropType } from '../../schema/props/aria-has-popup';
 export declare class KolButtonWc implements ButtonAPI, FocusableElement {
     private readonly host?;
     private buttonRef?;
@@ -14,6 +15,7 @@ export declare class KolButtonWc implements ButtonAPI, FocusableElement {
     _ariaControls?: string;
     _ariaDescription?: AriaDescriptionPropType;
     _ariaExpanded?: boolean;
+    _ariaHasPopup?: AriaHasPopupPropType;
     _ariaSelected?: boolean;
     _customClass?: CustomClassPropType;
     _disabled?: boolean;

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

@@ -22,7 +22,6 @@ export declare class KolButton implements ButtonProps, FocusableElement {
     _role?: AlternativeButtonLinkRolePropType;
     _shortKey?: ShortKeyPropType;
     _syncValueBySelector?: SyncValueBySelectorPropType;
-    _tabIndex?: number;
     _tooltipAlign?: TooltipAlignPropType;
     _type?: ButtonTypePropType;
     _value?: Stringified<StencilUnknown>;

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

@@ -21,7 +21,6 @@ export declare class KolButtonLink implements ButtonLinkProps, FocusableElement
     _role?: AlternativeButtonLinkRolePropType;
     _shortKey?: ShortKeyPropType;
     _syncValueBySelector?: SyncValueBySelectorPropType;
-    _tabIndex?: number;
     _tooltipAlign?: TooltipAlignPropType;
     _type?: ButtonTypePropType;
     _value?: Stringified<StencilUnknown>;

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

@@ -1,5 +1,5 @@
-import type { ComboboxAPI, ComboboxStates, HideMsgPropType, IdPropType, InputTypeOnDefault, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
+import type { ComboboxAPI, ComboboxStates, HideMsgPropType, IconsHorizontalPropType, IdPropType, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 export declare class KolCombobox implements ComboboxAPI {
     private readonly host?;
     private refInput?;
@@ -24,6 +24,7 @@ export declare class KolCombobox implements ComboboxAPI {
     private blockSuggestionMouseOver;
     private _isOpen;
     private _filteredSuggestions?;
+    private _hasOpened;
     handleWindowClick(event: MouseEvent): void;
     _accessKey?: string;
     _placeholder?: string;
@@ -31,7 +32,7 @@ export declare class KolCombobox implements ComboboxAPI {
     _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
-    _icons?: Stringified<KoliBriHorizontalIcons>;
+    _icons?: IconsHorizontalPropType;
     _id?: IdPropType;
     _label: LabelWithExpertSlotPropType;
     _msg?: Stringified<MsgPropType>;
@@ -41,7 +42,6 @@ export declare class KolCombobox implements ComboboxAPI {
     _required?: boolean;
     _shortKey?: ShortKeyPropType;
     _syncValueBySelector?: SyncValueBySelectorPropType;
-    _tabIndex?: number;
     _tooltipAlign?: TooltipAlignPropType;
     _touched?: boolean;
     _value?: string;
@@ -55,7 +55,7 @@ export declare class KolCombobox implements ComboboxAPI {
     validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
-    validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;
+    validateIcons(value?: IconsHorizontalPropType): void;
     validateId(value?: string): void;
     validateLabel(value?: LabelWithExpertSlotPropType): void;
     validateMsg(value?: Stringified<MsgPropType>): void;
@@ -65,7 +65,6 @@ export declare class KolCombobox implements ComboboxAPI {
     validateSuggestions(value?: SuggestionsPropType): void;
     validateRequired(value?: boolean): void;
     validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
-    validateTabIndex(value?: number): void;
     validateTouched(value?: boolean): void;
     validateValue(value?: string): void;
     componentWillLoad(): void;

package/dist/types/components/component-list.d.ts

@@ -8,9 +8,9 @@ import { KolLinkButton } from './link-button/shadow';
 import { KolLinkWc } from './link/component';
 import { KolPagination } from './pagination/shadow';
 import { KolPopover } from './popover/component';
-import { KolProcess } from './progress/shadow';
+import { KolProgress } from './progress/shadow';
 import { KolQuote } from './quote/shadow';
 import { KolSpin } from './spin/shadow';
 import { KolToastContainer } from './toaster/shadow';
 import { KolTree } from './tree/shadow';
-export declare const COMPONENTS: (typeof KolAbbr | typeof KolAlert | typeof KolForm | typeof KolImage | typeof KolKolibri | typeof KolLink | typeof KolLinkButton | typeof KolLinkWc | typeof KolPagination | typeof KolPopover | typeof KolProcess | typeof KolQuote | typeof KolSpin | typeof KolToastContainer | typeof KolTree)[];
+export declare const COMPONENTS: (typeof KolAbbr | typeof KolAlert | typeof KolForm | typeof KolImage | typeof KolKolibri | typeof KolLink | typeof KolLinkButton | typeof KolLinkWc | typeof KolPagination | typeof KolPopover | typeof KolProgress | typeof KolQuote | typeof KolSpin | typeof KolToastContainer | typeof KolTree)[];

package/dist/types/components/icon/bem.d.ts

@@ -0,0 +1,16 @@
+type SCHEMA = {
+    'kol-icon': {
+        elements: {
+            icon: {
+                modifiers: null;
+            };
+        };
+        modifiers: null;
+    };
+};
+declare const bem: <BlockName extends "kol-icon", ElementName extends keyof NonNullable<SCHEMA[BlockName]["elements"]>>(blockName: BlockName, blockModifiersOrElementName?: ElementName | ((SCHEMA[BlockName]["modifiers"] extends infer T ? T extends SCHEMA[BlockName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<SCHEMA[BlockName]["modifiers"] extends infer T ? T extends SCHEMA[BlockName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never, boolean>>) | undefined, elementModifiers?: ((NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_1 ? T_1 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_1 extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_1 ? T_1 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_1 extends Set<infer U> ? U : never : never : never, boolean>>) | undefined) => string;
+declare const BEM: SCHEMA;
+declare const BEM_CLASS_ICON: string;
+declare const BEM_CLASS_ICON__ICON: string;
+export { bem as genBemAlert, BEM as BEM_ICON };
+export { BEM_CLASS_ICON, BEM_CLASS_ICON__ICON };

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

@@ -5,7 +5,7 @@ export declare const getRenderStates: (state: {
     _id: string;
     _touched?: TouchedPropType;
 }) => {
-    hasError: boolean;
+    hasMsg: boolean;
     hasHint: boolean;
     ariaDescribedBy: string[];
 };

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

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

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

@@ -30,7 +30,6 @@ export declare class KolInputCheckbox implements InputCheckboxAPI, FocusableElem
     _required?: boolean;
     _shortKey?: ShortKeyPropType;
     _syncValueBySelector?: SyncValueBySelectorPropType;
-    _tabIndex?: number;
     _tooltipAlign?: TooltipAlignPropType;
     _touched?: boolean;
     _value?: Stringified<StencilUnknown>;
@@ -56,7 +55,6 @@ export declare class KolInputCheckbox implements InputCheckboxAPI, FocusableElem
     validateRequired(value?: boolean): void;
     validateShortKey(value?: ShortKeyPropType): void;
     validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
-    validateTabIndex(value?: number): void;
     validateTouched(value?: boolean): void;
     validateValue(value?: Stringified<StencilUnknown>): void;
     validateVariant(value?: InputCheckboxVariant): void;

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

@@ -1,16 +1,22 @@
-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';
+import type { ButtonProps, FocusableElement, HideMsgPropType, IconsHorizontalPropType, IdPropType, InputColorAPI, InputColorStates, InputTypeOnDefault, InputTypeOnOff, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 export declare class KolInputColor implements InputColorAPI, FocusableElement {
     private readonly host?;
-    private inputRef?;
+    private refInputText?;
+    private refInputColor?;
     private readonly catchRef;
+    private readonly catchColorRef;
     private readonly onBlur;
     private readonly onFocus;
-    private readonly onInput;
+    private readonly onColorInput;
+    private readonly onTextInput;
     getValue(): Promise<string | undefined>;
     kolFocus(): Promise<void>;
+    private get hasSuggestions();
     private getFormFieldProps;
-    private getInputProps;
+    private getInputColorProps;
+    private getInputTextProps;
+    private getGenericInputProps;
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: string;
@@ -19,7 +25,7 @@ export declare class KolInputColor implements InputColorAPI, FocusableElement {
     _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
-    _icons?: Stringified<KoliBriHorizontalIcons>;
+    _icons?: IconsHorizontalPropType;
     _id?: IdPropType;
     _label: LabelWithExpertSlotPropType;
     _msg?: Stringified<MsgPropType>;
@@ -29,7 +35,6 @@ export declare class KolInputColor implements InputColorAPI, FocusableElement {
     _smartButton?: Stringified<ButtonProps>;
     _suggestions?: SuggestionsPropType;
     _syncValueBySelector?: SyncValueBySelectorPropType;
-    _tabIndex?: number;
     _tooltipAlign?: TooltipAlignPropType;
     _touched?: boolean;
     _value?: string;
@@ -43,7 +48,7 @@ export declare class KolInputColor implements InputColorAPI, FocusableElement {
     validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
-    validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;
+    validateIcons(value?: IconsHorizontalPropType): void;
     validateId(value?: string): void;
     validateLabel(value?: LabelWithExpertSlotPropType): void;
     validateMsg(value?: Stringified<MsgPropType>): void;
@@ -53,8 +58,8 @@ export declare class KolInputColor implements InputColorAPI, FocusableElement {
     validateSmartButton(value?: ButtonProps | string): void;
     validateSuggestions(value?: SuggestionsPropType): void;
     validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
-    validateTabIndex(value?: number): void;
     validateTouched(value?: boolean): void;
     validateValue(value?: string): void;
+    componentDidLoad(): void;
     componentWillLoad(): void;
 }

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

@@ -1,5 +1,5 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { ButtonProps, FocusableElement, HideMsgPropType, IdPropType, InputDateAPI, InputDateStates, InputDateType, InputTypeOnDefault, InputTypeOnOff, Iso8601, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ReadOnlyPropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { ButtonProps, FocusableElement, HideMsgPropType, IconsHorizontalPropType, IdPropType, InputDateAPI, InputDateStates, InputDateType, InputTypeOnDefault, InputTypeOnOff, Iso8601, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ReadOnlyPropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 export declare class KolInputDate implements InputDateAPI, FocusableElement {
     private readonly host?;
     private inputRef?;
@@ -25,7 +25,7 @@ export declare class KolInputDate implements InputDateAPI, FocusableElement {
     _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
-    _icons?: Stringified<KoliBriHorizontalIcons>;
+    _icons?: IconsHorizontalPropType;
     _id?: IdPropType;
     _label: LabelWithExpertSlotPropType;
     _max?: Iso8601 | Date;
@@ -40,7 +40,6 @@ export declare class KolInputDate implements InputDateAPI, FocusableElement {
     _suggestions?: SuggestionsPropType;
     _syncValueBySelector?: SyncValueBySelectorPropType;
     _step?: number;
-    _tabIndex?: number;
     _tooltipAlign?: TooltipAlignPropType;
     _touched?: boolean;
     _type: InputDateType;
@@ -55,7 +54,7 @@ export declare class KolInputDate implements InputDateAPI, FocusableElement {
     validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
-    validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;
+    validateIcons(value?: IconsHorizontalPropType): void;
     validateId(value?: string): void;
     validateLabel(value?: LabelWithExpertSlotPropType): void;
     validateMax(value?: Iso8601 | Date): void;
@@ -70,7 +69,6 @@ export declare class KolInputDate implements InputDateAPI, FocusableElement {
     validateSuggestions(value?: SuggestionsPropType): void;
     validateStep(value?: number): void;
     validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
-    validateTabIndex(value?: number): void;
     validateTouched(value?: boolean): void;
     validateType(value?: InputDateType): void;
     validateValue(value?: Iso8601 | Date | null): void;

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

@@ -1,5 +1,5 @@
 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';
+import type { ButtonProps, FocusableElement, HideMsgPropType, IconsHorizontalPropType, IdPropType, InputEmailAPI, InputEmailStates, InputTypeOnDefault, InputTypeOnOff, LabelWithExpertSlotPropType, MsgPropType, MultiplePropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 export declare class KolInputEmail implements InputEmailAPI, FocusableElement {
     private readonly host?;
     private inputRef?;
@@ -19,7 +19,7 @@ export declare class KolInputEmail implements InputEmailAPI, FocusableElement {
     _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
-    _icons?: Stringified<KoliBriHorizontalIcons>;
+    _icons?: IconsHorizontalPropType;
     _id?: IdPropType;
     _label: LabelWithExpertSlotPropType;
     _maxLength?: number;
@@ -35,7 +35,6 @@ export declare class KolInputEmail implements InputEmailAPI, FocusableElement {
     _smartButton?: Stringified<ButtonProps>;
     _suggestions?: SuggestionsPropType;
     _syncValueBySelector?: SyncValueBySelectorPropType;
-    _tabIndex?: number;
     _tooltipAlign?: TooltipAlignPropType;
     _touched?: boolean;
     _value?: string;
@@ -50,7 +49,7 @@ export declare class KolInputEmail implements InputEmailAPI, FocusableElement {
     validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
-    validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;
+    validateIcons(value?: IconsHorizontalPropType): void;
     validateId(value?: string): void;
     validateLabel(value?: LabelWithExpertSlotPropType): void;
     validateMaxLength(value?: number): void;
@@ -66,7 +65,6 @@ export declare class KolInputEmail implements InputEmailAPI, FocusableElement {
     validateSuggestions(value?: SuggestionsPropType): void;
     validateSmartButton(value?: ButtonProps | string): void;
     validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
-    validateTabIndex(value?: number): void;
     validateTouched(value?: boolean): void;
     validateValue(value?: string): void;
     componentWillLoad(): void;

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

@@ -1,5 +1,5 @@
 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';
+import type { ButtonProps, FocusableElement, HideMsgPropType, IconsHorizontalPropType, IdPropType, InputFileAPI, InputFileStates, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 export declare class KolInputFile implements InputFileAPI, FocusableElement {
     private readonly host?;
     private inputRef?;
@@ -16,7 +16,7 @@ export declare class KolInputFile implements InputFileAPI, FocusableElement {
     _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
-    _icons?: Stringified<KoliBriHorizontalIcons>;
+    _icons?: IconsHorizontalPropType;
     _id?: IdPropType;
     _label: LabelWithExpertSlotPropType;
     _msg?: Stringified<MsgPropType>;
@@ -27,9 +27,10 @@ export declare class KolInputFile implements InputFileAPI, FocusableElement {
     _shortKey?: ShortKeyPropType;
     _smartButton?: Stringified<ButtonProps>;
     _syncValueBySelector?: SyncValueBySelectorPropType;
-    _tabIndex?: number;
     _tooltipAlign?: TooltipAlignPropType;
     _touched?: boolean;
+    private filename;
+    private hasFileSelected;
     state: InputFileStates;
     private inputHasFocus;
     constructor();
@@ -40,7 +41,7 @@ export declare class KolInputFile implements InputFileAPI, FocusableElement {
     validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
-    validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;
+    validateIcons(value?: IconsHorizontalPropType): void;
     validateId(value?: string): void;
     validateLabel(value?: LabelWithExpertSlotPropType): void;
     validateMsg(value?: Stringified<MsgPropType>): void;
@@ -51,9 +52,12 @@ export declare class KolInputFile implements InputFileAPI, FocusableElement {
     validateShortKey(value?: ShortKeyPropType): void;
     validateSmartButton(value?: ButtonProps | string): void;
     validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
-    validateTabIndex(value?: number): void;
     validateTouched(value?: boolean): void;
     componentWillLoad(): void;
+    componentDidLoad(): void;
+    private onDragOver;
+    private onDragLeave;
+    private onDrop;
     private onChange;
     private onInput;
 }

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

@@ -1,5 +1,5 @@
 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';
+import type { ButtonProps, FocusableElement, HideMsgPropType, IconsHorizontalPropType, IdPropType, InputNumberAPI, InputNumberStates, InputTypeOnDefault, InputTypeOnOff, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 export declare class KolInputNumber implements InputNumberAPI, FocusableElement {
     private readonly host?;
     private inputRef?;
@@ -18,7 +18,7 @@ export declare class KolInputNumber implements InputNumberAPI, FocusableElement
     _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
-    _icons?: Stringified<KoliBriHorizontalIcons>;
+    _icons?: IconsHorizontalPropType;
     _id?: IdPropType;
     _label: LabelWithExpertSlotPropType;
     _max?: number;
@@ -34,7 +34,6 @@ export declare class KolInputNumber implements InputNumberAPI, FocusableElement
     _suggestions?: SuggestionsPropType;
     _step?: number;
     _syncValueBySelector?: SyncValueBySelectorPropType;
-    _tabIndex?: number;
     _tooltipAlign?: TooltipAlignPropType;
     _touched?: boolean;
     _value?: number | null;
@@ -48,7 +47,7 @@ export declare class KolInputNumber implements InputNumberAPI, FocusableElement
     validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
-    validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;
+    validateIcons(value?: IconsHorizontalPropType): void;
     validateId(value?: string): void;
     validateLabel(value?: LabelWithExpertSlotPropType): void;
     validateMax(value?: number): void;
@@ -64,7 +63,6 @@ export declare class KolInputNumber implements InputNumberAPI, FocusableElement
     validateSuggestions(value?: SuggestionsPropType): void;
     validateStep(value?: number): void;
     validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
-    validateTabIndex(value?: number): void;
     validateTouched(value?: boolean): void;
     validateValue(value?: number | null): void;
     componentWillLoad(): void;

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

@@ -1,5 +1,5 @@
 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 { ButtonProps, FocusableElement, HideMsgPropType, IconsHorizontalPropType, IdPropType, InputPasswordAPI, InputPasswordStates, InputTypeOnDefault, InputTypeOnOff, 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?;
@@ -21,7 +21,7 @@ export declare class KolInputPassword implements InputPasswordAPI, FocusableElem
     _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
-    _icons?: Stringified<KoliBriHorizontalIcons>;
+    _icons?: IconsHorizontalPropType;
     _id?: IdPropType;
     _label: LabelWithExpertSlotPropType;
     _maxLength?: number;
@@ -35,7 +35,6 @@ export declare class KolInputPassword implements InputPasswordAPI, FocusableElem
     _shortKey?: ShortKeyPropType;
     _smartButton?: Stringified<ButtonProps>;
     _syncValueBySelector?: SyncValueBySelectorPropType;
-    _tabIndex?: number;
     _tooltipAlign?: TooltipAlignPropType;
     _touched?: boolean;
     _value?: string;
@@ -53,7 +52,7 @@ export declare class KolInputPassword implements InputPasswordAPI, FocusableElem
     validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
-    validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;
+    validateIcons(value?: IconsHorizontalPropType): void;
     validateId(value?: string): void;
     validateLabel(value?: LabelWithExpertSlotPropType): void;
     validateMaxLength(value?: number): void;
@@ -67,7 +66,6 @@ export declare class KolInputPassword implements InputPasswordAPI, FocusableElem
     validateShortKey(value?: ShortKeyPropType): void;
     validateSmartButton(value?: ButtonProps | string): void;
     validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
-    validateTabIndex(value?: number): void;
     validateTouched(value?: boolean): void;
     validateValue(value?: string): void;
     componentWillLoad(): void;

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

@@ -1,5 +1,5 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { InputRadioProps, InputRadioWatches, RadioOption, OptionsPropType, Orientation, PropLabelWithExpertSlot, SelectOption, StencilUnknown, Stringified, W3CInputValue } from '../../schema';
+import type { InputRadioProps, InputRadioWatches, OptionsPropType, Orientation, PropLabelWithExpertSlot, RadioOption, SelectOption, StencilUnknown, Stringified, W3CInputValue } from '../../schema';
 import { InputController } from '../@deprecated/input/controller';
 export declare const fillKeyOptionMap: <T>(keyOptionMap: Map<string, RadioOption<T>>, options: SelectOption<T>[], preKey?: string) => void;
 type RequiredProps = PropLabelWithExpertSlot;

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

@@ -27,7 +27,6 @@ export declare class KolInputRadio implements InputRadioAPI, FocusableElement {
     _required?: boolean;
     _shortKey?: ShortKeyPropType;
     _syncValueBySelector?: SyncValueBySelectorPropType;
-    _tabIndex?: number;
     _tooltipAlign?: TooltipAlignPropType;
     _touched?: boolean;
     _value?: StencilUnknown;
@@ -51,7 +50,6 @@ export declare class KolInputRadio implements InputRadioAPI, FocusableElement {
     validateRequired(value?: boolean): void;
     validateShortKey(value?: ShortKeyPropType): void;
     validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
-    validateTabIndex(value?: number): void;
     validateTouched(value?: boolean): void;
     validateValue(value?: Stringified<StencilUnknown>): void;
     componentWillLoad(): void;

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

@@ -1,5 +1,5 @@
 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';
+import type { FocusableElement, HideMsgPropType, IconsHorizontalPropType, IdPropType, InputRangeAPI, InputRangeStates, InputTypeOnDefault, InputTypeOnOff, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 export declare class KolInputRange implements InputRangeAPI, FocusableElement {
     private readonly host?;
     private refInputNumber?;
@@ -25,7 +25,7 @@ export declare class KolInputRange implements InputRangeAPI, FocusableElement {
     _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
-    _icons?: Stringified<KoliBriHorizontalIcons>;
+    _icons?: IconsHorizontalPropType;
     _id?: IdPropType;
     _label: LabelWithExpertSlotPropType;
     _max?: number;
@@ -37,7 +37,6 @@ export declare class KolInputRange implements InputRangeAPI, FocusableElement {
     _step?: number;
     _suggestions?: SuggestionsPropType;
     _syncValueBySelector?: SyncValueBySelectorPropType;
-    _tabIndex?: number;
     _tooltipAlign?: TooltipAlignPropType;
     _touched?: boolean;
     _value?: number;
@@ -51,7 +50,7 @@ export declare class KolInputRange implements InputRangeAPI, FocusableElement {
     validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
-    validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;
+    validateIcons(value?: IconsHorizontalPropType): void;
     validateId(value?: string): void;
     validateLabel(value?: LabelWithExpertSlotPropType): void;
     validateMax(value?: number): void;
@@ -63,7 +62,6 @@ export declare class KolInputRange implements InputRangeAPI, FocusableElement {
     validateStep(value?: number): void;
     validateSuggestions(value?: SuggestionsPropType): void;
     validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
-    validateTabIndex(value?: number): void;
     validateTouched(value?: boolean): void;
     validateValue(value?: number): void;
     componentWillLoad(): void;

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

@@ -1,5 +1,5 @@
 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';
+import type { AccessKeyPropType, ButtonProps, FocusableElement, HideMsgPropType, IconsHorizontalPropType, IdPropType, InputTextAPI, InputTextStates, InputTextType, InputTypeOnDefault, InputTypeOnOff, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, SpellCheckPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 export declare class KolInputText implements InputTextAPI, FocusableElement {
     private readonly host?;
     private inputRef?;
@@ -23,7 +23,7 @@ export declare class KolInputText implements InputTextAPI, FocusableElement {
     _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
-    _icons?: Stringified<KoliBriHorizontalIcons>;
+    _icons?: IconsHorizontalPropType;
     _id?: IdPropType;
     _label: LabelWithExpertSlotPropType;
     _maxLength?: number;
@@ -39,7 +39,6 @@ export declare class KolInputText implements InputTextAPI, FocusableElement {
     _suggestions?: SuggestionsPropType;
     _smartButton?: Stringified<ButtonProps>;
     _syncValueBySelector?: SyncValueBySelectorPropType;
-    _tabIndex?: number;
     _tooltipAlign?: TooltipAlignPropType;
     _touched?: boolean;
     _type?: InputTextType;
@@ -55,7 +54,7 @@ export declare class KolInputText implements InputTextAPI, FocusableElement {
     validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
-    validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;
+    validateIcons(value?: IconsHorizontalPropType): void;
     validateId(value?: string): void;
     validateLabel(value?: LabelWithExpertSlotPropType): void;
     validateMaxLength(value?: number): void;
@@ -71,7 +70,6 @@ export declare class KolInputText implements InputTextAPI, FocusableElement {
     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;
     validateValue(value?: string): void;

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

@@ -17,7 +17,6 @@ export declare class KolLink implements LinkProps, FocusableElement {
     _on?: LinkOnCallbacksPropType;
     _role?: AlternativeButtonLinkRolePropType;
     _shortKey?: ShortKeyPropType;
-    _tabIndex?: number;
     _target?: LinkTargetPropType;
     _tooltipAlign?: TooltipAlignPropType;
 }

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

@@ -18,7 +18,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/popover-button/component.d.ts

@@ -0,0 +1,40 @@
+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, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+export declare class KolPopoverButton implements PopoverButtonProps {
+    private refButton?;
+    private refPopover?;
+    state: PopoverButtonStates;
+    private justClosed;
+    private popoverOpen;
+    hidePopover(): Promise<void>;
+    private handleBeforeToggle;
+    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?: Stringified<StencilUnknown>;
+    _variant?: ButtonVariantPropType;
+    validatePopoverAlign(value?: PopoverAlignPropType): void;
+    componentWillLoad(): void;
+}