@public-ui/components 4.3.0-rc.1 → 4.3.0-rc.3

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

@@ -1,5 +1,6 @@
 import type { NamePropType, PropSyncValueBySelector, StencilUnknown, SyncValueBySelectorPropType } from '../../schema';
 import type { Generic } from 'adopted-style-sheets';
+import { type HostInternals } from '../../utils/aria-labelledby';
 type RequiredProps = NonNullable<unknown>;
 type OptionalProps = {
     name: string;
@@ -11,6 +12,7 @@ export declare class AssociatedInputController implements Watches {
     protected readonly component: Generic.Element.Component & Props;
     protected readonly type: string;
     protected readonly host?: Element;
+    internals?: HostInternals;
     readonly formAssociated?: HTMLButtonElement | HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
     syncToOwnInput?: HTMLButtonElement | HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
     constructor(component: Generic.Element.Component & Props, type: string, host?: Element);
@@ -21,6 +23,7 @@ export declare class AssociatedInputController implements Watches {
     private syncValue;
     validateName(value?: NamePropType): void;
     validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
+    validateAriaDetails(value?: string): void;
     componentWillLoad(): void;
 }
 export {};

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

@@ -1,7 +1,7 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { CheckedPropType, DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, IndeterminatePropType, InputCheckboxAPI, InputCheckboxIconsProp, InputCheckboxStates, InputTypeOnDefault, KolFocusOptions, LabelAlignPropType, LabelWithExpertSlotPropType, MsgPropType, NamePropType, RequiredPropType, ShortKeyPropType, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { AriaDetailsPropType, CheckedPropType, ClickableElement, DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, IndeterminatePropType, InputCheckboxAPI, InputCheckboxIconsProp, InputCheckboxStates, InputTypeOnDefault, KolFocusOptions, LabelAlignPropType, LabelWithExpertSlotPropType, MsgPropType, NamePropType, RequiredPropType, ShortKeyPropType, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 import type { InputCheckboxVariantPropType } from '../../schema/props/variant-input-checkbox';
-export declare class KolInputCheckbox implements InputCheckboxAPI, FocusableElement {
+export declare class KolInputCheckbox implements ClickableElement, FocusableElement, InputCheckboxAPI {
     protected readonly host?: HTMLKolInputCheckboxElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLInputElement>;
     private getModelValue;
@@ -28,6 +28,7 @@ export declare class KolInputCheckbox implements InputCheckboxAPI, FocusableElem
     _name?: NamePropType;
     _on?: InputTypeOnDefault;
     _required?: boolean;
+    _ariaDetails?: AriaDetailsPropType;
     _shortKey?: ShortKeyPropType;
     _syncValueBySelector?: SyncValueBySelectorPropType;
     _tooltipAlign?: TooltipAlignPropType;
@@ -39,6 +40,7 @@ export declare class KolInputCheckbox implements InputCheckboxAPI, FocusableElem
     constructor();
     private showAsAlert;
     validateAccessKey(value?: string): void;
+    validateAriaDetails(value?: AriaDetailsPropType): void;
     validateChecked(value?: CheckedPropType): void;
     validateDisabled(value?: DisabledPropType): void;
     validateHideMsg(value?: HideMsgPropType): void;

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

@@ -1,6 +1,6 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AutoCompletePropType, DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputColorAPI, InputColorStates, InputTypeOnDefault, InternalButtonProps, KolFocusOptions, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
-export declare class KolInputColor implements InputColorAPI, FocusableElement {
+import type { AriaDetailsPropType, AutoCompletePropType, ClickableElement, DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputColorAPI, InputColorStates, InputTypeOnDefault, InternalButtonProps, KolFocusOptions, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
+export declare class KolInputColor implements ClickableElement, FocusableElement, InputColorAPI {
     protected readonly host?: HTMLKolInputColorElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLInputElement>;
     private refInputColor?;
@@ -20,6 +20,7 @@ export declare class KolInputColor implements InputColorAPI, FocusableElement {
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: string;
+    _ariaDetails?: AriaDetailsPropType;
     _autoComplete?: AutoCompletePropType;
     _disabled?: boolean;
     _hideMsg?: boolean;
@@ -43,6 +44,7 @@ export declare class KolInputColor implements InputColorAPI, FocusableElement {
     constructor();
     private showAsAlert;
     validateAccessKey(value?: string): void;
+    validateAriaDetails(value?: AriaDetailsPropType): void;
     validateAutoComplete(value?: AutoCompletePropType): void;
     validateDisabled(value?: DisabledPropType): void;
     validateHideMsg(value?: HideMsgPropType): void;

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

@@ -16,7 +16,7 @@ export declare class InputDateController extends InputIconController implements
     static getWeekNumberOfDate(date: Date): string;
     private validateDateString;
     private readonly validateIso8601;
-    protected onBlur(event: Event): void;
+    protected onBlur(event: FocusEvent): void;
     validateMax(value?: Iso8601 | Date): void;
     validateMin(value?: Iso8601 | Date): void;
     validateOn(value?: InputTypeOnDefault): void;

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

@@ -1,6 +1,6 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AutoCompletePropType, DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputDateAPI, InputDateStates, InputDateTypePropType, InputTypeOnDefault, InternalButtonProps, Iso8601, KolFocusOptions, LabelWithExpertSlotPropType, MsgPropType, NamePropType, NumberString, ReadOnlyPropType, RequiredPropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
-export declare class KolInputDate implements InputDateAPI, FocusableElement {
+import type { AriaDetailsPropType, AutoCompletePropType, ClickableElement, DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputDateAPI, InputDateStates, InputDateTypePropType, InputTypeOnDefault, InternalButtonProps, Iso8601, KolFocusOptions, LabelWithExpertSlotPropType, MsgPropType, NamePropType, NumberString, ReadOnlyPropType, RequiredPropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
+export declare class KolInputDate implements ClickableElement, FocusableElement, InputDateAPI {
     protected readonly host?: HTMLKolInputDateElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLInputElement>;
     private _initialValueType;
@@ -21,6 +21,7 @@ export declare class KolInputDate implements InputDateAPI, FocusableElement {
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: string;
+    _ariaDetails?: AriaDetailsPropType;
     _autoComplete?: AutoCompletePropType;
     _disabled?: boolean;
     _hideMsg?: boolean;
@@ -50,6 +51,7 @@ export declare class KolInputDate implements InputDateAPI, FocusableElement {
     constructor();
     private showAsAlert;
     validateAccessKey(value?: string): void;
+    validateAriaDetails(value?: AriaDetailsPropType): void;
     validateAutoComplete(value?: AutoCompletePropType): void;
     validateDisabled(value?: DisabledPropType): void;
     validateHideMsg(value?: HideMsgPropType): void;

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

@@ -1,6 +1,6 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AutoCompletePropType, DisabledPropType, FocusableElement, HasCounterPropType, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputEmailAPI, InputEmailStates, InputTypeOnDefault, InternalButtonProps, KolFocusOptions, LabelWithExpertSlotPropType, MaxLengthBehaviorPropType, MsgPropType, MultiplePropType, NamePropType, PlaceholderPropType, ReadOnlyPropType, RequiredPropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
-export declare class KolInputEmail implements InputEmailAPI, FocusableElement {
+import type { AriaDetailsPropType, AutoCompletePropType, ClickableElement, DisabledPropType, FocusableElement, HasCounterPropType, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputEmailAPI, InputEmailStates, InputTypeOnDefault, InternalButtonProps, KolFocusOptions, LabelWithExpertSlotPropType, MaxLengthBehaviorPropType, MsgPropType, MultiplePropType, NamePropType, PlaceholderPropType, ReadOnlyPropType, RequiredPropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
+export declare class KolInputEmail implements ClickableElement, FocusableElement, InputEmailAPI {
     protected readonly host?: HTMLKolInputEmailElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLInputElement>;
     getValue(): Promise<string | undefined>;
@@ -13,6 +13,7 @@ export declare class KolInputEmail implements InputEmailAPI, FocusableElement {
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: string;
+    _ariaDetails?: AriaDetailsPropType;
     _autoComplete?: AutoCompletePropType;
     _hasCounter?: boolean;
     _maxLengthBehavior?: MaxLengthBehaviorPropType;
@@ -44,6 +45,7 @@ export declare class KolInputEmail implements InputEmailAPI, FocusableElement {
     constructor();
     private showAsAlert;
     validateAccessKey(value?: string): void;
+    validateAriaDetails(value?: AriaDetailsPropType): void;
     validateAutoComplete(value?: AutoCompletePropType): void;
     validateDisabled(value?: DisabledPropType): void;
     validateHideMsg(value?: HideMsgPropType): void;

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

@@ -1,6 +1,6 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AcceptPropType, DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputFileAPI, InputFileStates, InputTypeOnDefault, InternalButtonProps, KolFocusOptions, LabelWithExpertSlotPropType, MsgPropType, MultiplePropType, NamePropType, RequiredPropType, ShortKeyPropType, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
-export declare class KolInputFile implements InputFileAPI, FocusableElement {
+import type { AcceptPropType, AriaDetailsPropType, ClickableElement, DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputFileAPI, InputFileStates, InputTypeOnDefault, InternalButtonProps, KolFocusOptions, LabelWithExpertSlotPropType, MsgPropType, MultiplePropType, NamePropType, RequiredPropType, ShortKeyPropType, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
+export declare class KolInputFile implements ClickableElement, FocusableElement, InputFileAPI {
     protected readonly host?: HTMLKolInputFileElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLInputElement>;
     private readonly translateDataBrowseText;
@@ -15,6 +15,7 @@ export declare class KolInputFile implements InputFileAPI, FocusableElement {
     private readonly controller;
     _accept?: string;
     _accessKey?: string;
+    _ariaDetails?: AriaDetailsPropType;
     _disabled?: boolean;
     _hideMsg?: boolean;
     _hideLabel?: boolean;
@@ -40,6 +41,7 @@ export declare class KolInputFile implements InputFileAPI, FocusableElement {
     private showAsAlert;
     validateAccept(value?: AcceptPropType): void;
     validateAccessKey(value?: string): void;
+    validateAriaDetails(value?: AriaDetailsPropType): void;
     validateDisabled(value?: DisabledPropType): void;
     validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: HideLabelPropType): void;

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

@@ -1,6 +1,6 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AutoCompletePropType, DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputNumberAPI, InputNumberStates, InputTypeOnDefault, InternalButtonProps, KolFocusOptions, LabelWithExpertSlotPropType, MsgPropType, NamePropType, NumberString, PlaceholderPropType, ReadOnlyPropType, RequiredPropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
-export declare class KolInputNumber implements InputNumberAPI, FocusableElement {
+import type { AriaDetailsPropType, AutoCompletePropType, ClickableElement, DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputNumberAPI, InputNumberStates, InputTypeOnDefault, InternalButtonProps, KolFocusOptions, LabelWithExpertSlotPropType, MsgPropType, NamePropType, NumberString, PlaceholderPropType, ReadOnlyPropType, RequiredPropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
+export declare class KolInputNumber implements ClickableElement, FocusableElement, InputNumberAPI {
     protected readonly host?: HTMLKolInputNumberElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLInputElement>;
     getValue(): Promise<number | NumberString | null>;
@@ -18,6 +18,7 @@ export declare class KolInputNumber implements InputNumberAPI, FocusableElement
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: string;
+    _ariaDetails?: AriaDetailsPropType;
     _autoComplete?: AutoCompletePropType;
     _disabled?: boolean;
     _hideMsg?: boolean;
@@ -48,6 +49,7 @@ export declare class KolInputNumber implements InputNumberAPI, FocusableElement
     constructor();
     private showAsAlert;
     validateAccessKey(value?: string): void;
+    validateAriaDetails(value?: AriaDetailsPropType): void;
     validateAutoComplete(value?: AutoCompletePropType): void;
     validateDisabled(value?: DisabledPropType): void;
     validateHideMsg(value?: HideMsgPropType): void;

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

@@ -1,6 +1,6 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AutoCompletePropType, DisabledPropType, FocusableElement, HasCounterPropType, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputPasswordAPI, InputPasswordStates, InputTypeOnDefault, InternalButtonProps, KolFocusOptions, LabelWithExpertSlotPropType, MaxLengthBehaviorPropType, MsgPropType, NamePropType, PlaceholderPropType, ReadOnlyPropType, RequiredPropType, ShortKeyPropType, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType, VisibilityTogglePropType } from '../../schema';
-export declare class KolInputPassword implements InputPasswordAPI, FocusableElement {
+import type { AriaDetailsPropType, AutoCompletePropType, ClickableElement, DisabledPropType, FocusableElement, HasCounterPropType, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputPasswordAPI, InputPasswordStates, InputTypeOnDefault, InternalButtonProps, KolFocusOptions, LabelWithExpertSlotPropType, MaxLengthBehaviorPropType, MsgPropType, NamePropType, PlaceholderPropType, ReadOnlyPropType, RequiredPropType, ShortKeyPropType, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType, VisibilityTogglePropType } from '../../schema';
+export declare class KolInputPassword implements ClickableElement, FocusableElement, InputPasswordAPI {
     protected readonly host?: HTMLKolInputPasswordElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLInputElement>;
     private readonly translateHidePassword;
@@ -16,6 +16,7 @@ export declare class KolInputPassword implements InputPasswordAPI, FocusableElem
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: string;
+    _ariaDetails?: AriaDetailsPropType;
     _autoComplete?: AutoCompletePropType;
     _hasCounter?: boolean;
     _maxLengthBehavior?: MaxLengthBehaviorPropType;
@@ -47,6 +48,7 @@ export declare class KolInputPassword implements InputPasswordAPI, FocusableElem
     constructor();
     private showAsAlert;
     validateAccessKey(value?: string): void;
+    validateAriaDetails(value?: AriaDetailsPropType): void;
     validateAutoComplete(value?: AutoCompletePropType): void;
     validateMaxLengthBehavior(value?: MaxLengthBehaviorPropType): void;
     validateDisabled(value?: DisabledPropType): void;

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

@@ -1,7 +1,7 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, InputRadioAPI, InputRadioStates, InputTypeOnDefault, KolFocusOptions, LabelWithExpertSlotPropType, MsgPropType, NamePropType, RadioOptionsPropType, RequiredPropType, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
+import type { AriaDetailsPropType, ClickableElement, DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, InputRadioAPI, InputRadioStates, InputTypeOnDefault, KolFocusOptions, LabelWithExpertSlotPropType, MsgPropType, NamePropType, RadioOptionsPropType, RequiredPropType, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
 import type { OrientationPropType } from '../../schema/props/orientation';
-export declare class KolInputRadio implements InputRadioAPI, FocusableElement {
+export declare class KolInputRadio implements ClickableElement, FocusableElement, InputRadioAPI {
     private readonly host?;
     private inputRef?;
     private inputRefs;
@@ -18,6 +18,7 @@ export declare class KolInputRadio implements InputRadioAPI, FocusableElement {
     private getInputProps;
     private renderOption;
     private readonly controller;
+    _ariaDetails?: AriaDetailsPropType;
     _disabled?: boolean;
     _hideMsg?: boolean;
     _hideLabel?: boolean;
@@ -39,6 +40,7 @@ export declare class KolInputRadio implements InputRadioAPI, FocusableElement {
     constructor();
     private showAsAlert;
     validateTooltipAlign(value?: TooltipAlignPropType): void;
+    validateAriaDetails(value?: AriaDetailsPropType): void;
     validateDisabled(value?: DisabledPropType): void;
     validateHideLabel(value?: HideLabelPropType): void;
     validateHideMsg(value?: HideMsgPropType): void;

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

@@ -1,6 +1,6 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AutoCompletePropType, DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputRangeAPI, InputRangeStates, InputTypeOnDefault, KolFocusOptions, LabelWithExpertSlotPropType, MsgPropType, NamePropType, NumberString, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
-export declare class KolInputRange implements InputRangeAPI, FocusableElement {
+import type { AriaDetailsPropType, AutoCompletePropType, ClickableElement, DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputRangeAPI, InputRangeStates, InputTypeOnDefault, KolFocusOptions, LabelWithExpertSlotPropType, MsgPropType, NamePropType, NumberString, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
+export declare class KolInputRange implements ClickableElement, FocusableElement, InputRangeAPI {
     protected readonly host?: HTMLKolInputRangeElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLInputElement>;
     private refInputRange?;
@@ -24,6 +24,7 @@ export declare class KolInputRange implements InputRangeAPI, FocusableElement {
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: string;
+    _ariaDetails?: AriaDetailsPropType;
     _autoComplete?: AutoCompletePropType;
     _disabled?: boolean;
     _hideMsg?: boolean;
@@ -50,6 +51,7 @@ export declare class KolInputRange implements InputRangeAPI, FocusableElement {
     constructor();
     private showAsAlert;
     validateAccessKey(value?: string): void;
+    validateAriaDetails(value?: AriaDetailsPropType): void;
     validateAutoComplete(value?: AutoCompletePropType): void;
     validateDisabled(value?: DisabledPropType): void;
     validateHideMsg(value?: HideMsgPropType): void;

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

@@ -1,6 +1,6 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AccessKeyPropType, AutoCompletePropType, DisabledPropType, FocusableElement, HasCounterPropType, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputTextAPI, InputTextStates, InputTextTypePropType, InputTypeOnDefault, InternalButtonProps, KolFocusOptions, LabelWithExpertSlotPropType, MaxLengthBehaviorPropType, MsgPropType, NamePropType, PlaceholderPropType, ReadOnlyPropType, RequiredPropType, ShortKeyPropType, SpellCheckPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
-export declare class KolInputText implements InputTextAPI, FocusableElement {
+import type { AccessKeyPropType, AriaDetailsPropType, AutoCompletePropType, ClickableElement, DisabledPropType, FocusableElement, HasCounterPropType, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputTextAPI, InputTextStates, InputTextTypePropType, InputTypeOnDefault, InternalButtonProps, KolFocusOptions, LabelWithExpertSlotPropType, MaxLengthBehaviorPropType, MsgPropType, NamePropType, PlaceholderPropType, ReadOnlyPropType, RequiredPropType, ShortKeyPropType, SpellCheckPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
+export declare class KolInputText implements ClickableElement, FocusableElement, InputTextAPI {
     protected readonly host?: HTMLKolInputTextElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLInputElement>;
     private oldValue?;
@@ -23,6 +23,8 @@ export declare class KolInputText implements InputTextAPI, FocusableElement {
     private readonly controller;
     _accessKey?: AccessKeyPropType;
     _autoComplete?: AutoCompletePropType;
+    _ariaDetails?: AriaDetailsPropType;
+    validateAriaDetails(value?: AriaDetailsPropType): void;
     _hasCounter?: boolean;
     _maxLengthBehavior?: MaxLengthBehaviorPropType;
     _disabled?: boolean;

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

@@ -1,6 +1,6 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaExpandedPropType, AriaOwnsPropType, CustomClassPropType, DisabledPropType, DownloadPropType, FocusableElement, HideLabelPropType, HrefPropType, InlinePropType, InternalLinkAPI, KolFocusOptions, KoliBriIconsProp, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkStates, LinkTargetPropType, ShortKeyPropType, Stringified, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
-export declare class KolLinkWc implements InternalLinkAPI, FocusableElement {
+import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaExpandedPropType, AriaOwnsPropType, ClickableElement, CustomClassPropType, DisabledPropType, DownloadPropType, FocusableElement, HideLabelPropType, HrefPropType, InlinePropType, InternalLinkAPI, KolFocusOptions, KoliBriIconsProp, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkStates, LinkTargetPropType, ShortKeyPropType, Stringified, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
+export declare class KolLinkWc implements ClickableElement, FocusableElement, InternalLinkAPI {
     private readonly host?;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLAnchorElement>;
     private readonly tooltipCtrl;

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

@@ -1,6 +1,6 @@
 import type { JSX } from '../../stencil-public-runtime';
 import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, DownloadPropType, FocusableElement, HrefPropType, InlinePropType, KolFocusOptions, KoliBriIconsProp, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, ShortKeyPropType, Stringified, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
-export declare class KolLink implements LinkProps, FocusableElement {
+export declare class KolLink implements FocusableElement, LinkProps {
     protected readonly host?: HTMLKolLinkElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLKolLinkWcElement>;
     focus(options?: KolFocusOptions): Promise<void>;

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

@@ -1,6 +1,6 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, ButtonVariantPropType, CustomClassPropType, DownloadPropType, FocusableElement, HrefPropType, IconsPropType, KolFocusOptions, LabelWithExpertSlotPropType, LinkButtonProps, LinkOnCallbacksPropType, LinkTargetPropType, ShortKeyPropType, TooltipAlignPropType } from '../../schema';
-export declare class KolLinkButton implements LinkButtonProps, FocusableElement {
+import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, ButtonVariantPropType, ClickableElement, CustomClassPropType, DownloadPropType, FocusableElement, HrefPropType, IconsPropType, KolFocusOptions, LabelWithExpertSlotPropType, LinkButtonProps, LinkOnCallbacksPropType, LinkTargetPropType, ShortKeyPropType, TooltipAlignPropType } from '../../schema';
+export declare class KolLinkButton implements ClickableElement, FocusableElement, LinkButtonProps {
     protected readonly host?: HTMLKolLinkButtonElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLKolLinkWcElement>;
     focus(options?: KolFocusOptions): Promise<void>;

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

@@ -1,7 +1,7 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AccessKeyPropType, AriaDescriptionPropType, ButtonTypePropType, ButtonVariantPropType, CustomClassPropType, FocusableElement, IconsPropType, IdPropType, InlinePropType, KolFocusOptions, LabelWithExpertSlotPropType, PopoverAlignPropType, ShortKeyPropType, StencilUnknown, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { AccessKeyPropType, AriaDescriptionPropType, ButtonTypePropType, ButtonVariantPropType, ClickableElement, CustomClassPropType, FocusableElement, IconsPropType, IdPropType, InlinePropType, KolFocusOptions, LabelWithExpertSlotPropType, PopoverAlignPropType, ShortKeyPropType, StencilUnknown, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 import type { PopoverButtonProps, PopoverButtonStates } from '../../schema/components/popover-button';
-export declare class KolPopoverButtonWc implements PopoverButtonProps, FocusableElement {
+export declare class KolPopoverButtonWc implements ClickableElement, FocusableElement, PopoverButtonProps {
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLKolButtonWcElement>;
     private readonly popoverCtrl;
     private popoverElement?;

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

@@ -1,7 +1,7 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AccessKeyPropType, AriaDescriptionPropType, ButtonTypePropType, ButtonVariantPropType, CustomClassPropType, FocusableElement, IconsPropType, InlinePropType, KolFocusOptions, LabelWithExpertSlotPropType, PopoverAlignPropType, ShortKeyPropType, StencilUnknown, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { AccessKeyPropType, AriaDescriptionPropType, ButtonTypePropType, ButtonVariantPropType, ClickableElement, CustomClassPropType, FocusableElement, IconsPropType, InlinePropType, KolFocusOptions, LabelWithExpertSlotPropType, PopoverAlignPropType, ShortKeyPropType, StencilUnknown, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 import type { PopoverButtonProps } from '../../schema/components/popover-button';
-export declare class KolPopoverButton implements PopoverButtonProps, FocusableElement {
+export declare class KolPopoverButton implements ClickableElement, FocusableElement, PopoverButtonProps {
     protected readonly host?: HTMLKolPopoverButtonElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLKolPopoverButtonWcElement>;
     hidePopover(): Promise<void>;

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

@@ -1,6 +1,6 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputTypeOnDefault, KolFocusOptions, LabelWithExpertSlotPropType, MsgPropType, MultiplePropType, NamePropType, OptionsWithOptgroupPropType, RequiredPropType, RowsPropType, SelectAPI, SelectStates, ShortKeyPropType, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
-export declare class KolSelectWc implements SelectAPI, FocusableElement {
+import type { AriaDetailsPropType, ClickableElement, DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputTypeOnDefault, KolFocusOptions, LabelWithExpertSlotPropType, MsgPropType, MultiplePropType, NamePropType, OptionsWithOptgroupPropType, RequiredPropType, RowsPropType, SelectAPI, SelectStates, ShortKeyPropType, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
+export declare class KolSelectWc implements ClickableElement, FocusableElement, SelectAPI {
     private readonly host?;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLSelectElement>;
     getValue(): Promise<StencilUnknown[] | StencilUnknown>;
@@ -11,6 +11,8 @@ export declare class KolSelectWc implements SelectAPI, FocusableElement {
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: string;
+    _ariaDetails?: AriaDetailsPropType;
+    validateAriaDetails(value?: AriaDetailsPropType): void;
     _disabled?: boolean;
     _hideMsg?: boolean;
     _hideLabel?: boolean;

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

@@ -1,12 +1,14 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { FocusableElement, IconsHorizontalPropType, InputTypeOnDefault, KolFocusOptions, LabelWithExpertSlotPropType, MsgPropType, NamePropType, OptionsWithOptgroupPropType, RowsPropType, SelectProps, ShortKeyPropType, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
-export declare class KolSelect implements SelectProps, FocusableElement {
+import type { AriaDetailsPropType, FocusableElement, IconsHorizontalPropType, InputTypeOnDefault, KolFocusOptions, LabelWithExpertSlotPropType, MsgPropType, NamePropType, OptionsWithOptgroupPropType, RowsPropType, SelectProps, ShortKeyPropType, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
+export declare class KolSelect implements FocusableElement, SelectProps {
     protected readonly host?: HTMLKolSelectElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLKolSelectWcElement>;
     getValue(): Promise<StencilUnknown[] | StencilUnknown | undefined>;
     focus(options?: KolFocusOptions): Promise<void>;
     render(): JSX.Element;
     _accessKey?: string;
+    _ariaDetails?: AriaDetailsPropType;
+    validateAriaDetails(value?: AriaDetailsPropType): void;
     _disabled?: boolean;
     _hideMsg?: boolean;
     _hideLabel?: boolean;

package/dist/types/components/single-select/shadow.d.ts

@@ -1,6 +1,6 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputTypeOnDefault, KolFocusOptions, LabelWithExpertSlotPropType, MsgPropType, NamePropType, OptionsPropType, PlaceholderPropType, RequiredPropType, RowsPropType, ShortKeyPropType, SingleSelectAPI, SingleSelectStates, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
-export declare class KolSingleSelect implements SingleSelectAPI, FocusableElement {
+import type { AriaDetailsPropType, DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputTypeOnDefault, KolFocusOptions, LabelWithExpertSlotPropType, MsgPropType, NamePropType, OptionsPropType, PlaceholderPropType, RequiredPropType, RowsPropType, ShortKeyPropType, SingleSelectAPI, SingleSelectStates, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
+export declare class KolSingleSelect implements FocusableElement, SingleSelectAPI {
     protected readonly host?: HTMLKolSingleSelectElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLInputElement>;
     private refOptions;
@@ -33,6 +33,8 @@ export declare class KolSingleSelect implements SingleSelectAPI, FocusableElemen
     private _inputValue;
     private blockSuggestionMouseOver;
     _accessKey?: string;
+    _ariaDetails?: AriaDetailsPropType;
+    validateAriaDetails(value?: AriaDetailsPropType): void;
     _placeholder?: string;
     _disabled?: boolean;
     _hideMsg?: boolean;

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

@@ -1,6 +1,6 @@
 import type { FocusableElement, KolFocusOptions, LabelPropType, LinkProps, SkipNavAPI, SkipNavStates, Stringified } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
-export declare class KolSkipNav implements SkipNavAPI, FocusableElement {
+export declare class KolSkipNav implements FocusableElement, SkipNavAPI {
     protected readonly host?: HTMLKolSkipNavElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLKolLinkWcElement>;
     render(): JSX.Element;

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

@@ -1,6 +1,6 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaDescriptionPropType, ButtonCallbacksPropType, ButtonTypePropType, ButtonVariantPropType, CustomClassPropType, FocusableElement, IconsPropType, KolFocusOptions, LabelWithExpertSlotPropType, ShortKeyPropType, SplitButtonProps, SplitButtonStates, StencilUnknown, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
-export declare class KolSplitButton implements SplitButtonProps, FocusableElement {
+import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaDescriptionPropType, ButtonCallbacksPropType, ButtonTypePropType, ButtonVariantPropType, ClickableElement, CustomClassPropType, FocusableElement, IconsPropType, KolFocusOptions, LabelWithExpertSlotPropType, ShortKeyPropType, SplitButtonProps, SplitButtonStates, StencilUnknown, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+export declare class KolSplitButton implements ClickableElement, FocusableElement, SplitButtonProps {
     protected readonly host?: HTMLKolSplitButtonElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLKolButtonWcElement>;
     private popoverButtonRef?;

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

@@ -1,7 +1,7 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AlignPropType, FocusableElement, KolFocusOptions, KoliBriTabsCallbacks, LabelPropType, Stringified, TabBehaviorPropType, TabButtonProps, TabsAPI, TabsStates } from '../../schema';
+import type { AlignPropType, ClickableElement, FocusableElement, KolFocusOptions, KoliBriTabsCallbacks, LabelPropType, Stringified, TabBehaviorPropType, TabButtonProps, TabsAPI, TabsStates } from '../../schema';
 import type { HasCreateButtonPropType } from '../../schema/props/has-create-button';
-export declare class KolTabs implements TabsAPI, FocusableElement {
+export declare class KolTabs implements ClickableElement, FocusableElement, TabsAPI {
     protected readonly host?: HTMLKolTabsElement;
     private tabPanelsElement?;
     private onCreateLabel;

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

@@ -1,6 +1,6 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AdjustHeightPropType, DisabledPropType, FocusableElement, HasCounterPropType, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputTypeOnDefault, KolFocusOptions, LabelWithExpertSlotPropType, MaxLengthBehaviorPropType, MsgPropType, NamePropType, PlaceholderPropType, ReadOnlyPropType, RequiredPropType, RowsPropType, ShortKeyPropType, SpellCheckPropType, Stringified, SyncValueBySelectorPropType, TextareaAPI, TextareaResizePropType, TextareaStates, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
-export declare class KolTextarea implements TextareaAPI, FocusableElement {
+import type { AdjustHeightPropType, AriaDetailsPropType, ClickableElement, DisabledPropType, FocusableElement, HasCounterPropType, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputTypeOnDefault, KolFocusOptions, LabelWithExpertSlotPropType, MaxLengthBehaviorPropType, MsgPropType, NamePropType, PlaceholderPropType, ReadOnlyPropType, RequiredPropType, RowsPropType, ShortKeyPropType, SpellCheckPropType, Stringified, SyncValueBySelectorPropType, TextareaAPI, TextareaResizePropType, TextareaStates, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
+export declare class KolTextarea implements ClickableElement, FocusableElement, TextareaAPI {
     protected readonly host?: HTMLKolTextareaElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLTextAreaElement>;
     getValue(): Promise<string | undefined>;
@@ -12,6 +12,8 @@ export declare class KolTextarea implements TextareaAPI, FocusableElement {
     private readonly controller;
     _accessKey?: string;
     _adjustHeight?: boolean;
+    _ariaDetails?: AriaDetailsPropType;
+    validateAriaDetails(value?: AriaDetailsPropType): void;
     _disabled?: boolean;
     _hideMsg?: boolean;
     _hideLabel?: boolean;

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

@@ -1,7 +1,7 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { FocusableElement, KolFocusOptions, LabelPropType, ToolbarAPI, ToolbarItemsPropType, ToolbarStates } from '../../schema';
+import type { ClickableElement, FocusableElement, KolFocusOptions, LabelPropType, ToolbarAPI, ToolbarItemsPropType, ToolbarStates } from '../../schema';
 import type { OrientationPropType } from '../../schema/props/orientation';
-export declare class KolToolbar implements ToolbarAPI, FocusableElement {
+export declare class KolToolbar implements ClickableElement, FocusableElement, ToolbarAPI {
     private readonly host?;
     state: ToolbarStates;
     private currentIndex;

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

@@ -1,6 +1,6 @@
 import type { JSX } from '../../stencil-public-runtime';
 import type { FocusableElement, KolFocusOptions, LabelPropType, TreeAPI, TreeStates } from '../../schema';
-export declare class KolTreeWc implements TreeAPI, FocusableElement {
+export declare class KolTreeWc implements FocusableElement, TreeAPI {
     private readonly host?;
     state: TreeStates;
     private observer?;

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

@@ -1,6 +1,6 @@
 import type { JSX } from '../../stencil-public-runtime';
 import type { FocusableElement, KolFocusOptions, LabelPropType, TreeProps } from '../../schema';
-export declare class KolTree implements TreeProps, FocusableElement {
+export declare class KolTree implements FocusableElement, TreeProps {
     protected readonly host?: HTMLKolTreeElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLKolTreeWcElement>;
     _label: LabelPropType;