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

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;

package/dist/types/components.d.ts

@@ -5,7 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { AccessKeyPropType, AccordionCallbacksPropType, AlertTypePropType, AlertVariantPropType, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaOwnsPropType, AutoCompletePropType, BadgeTextPropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonTypePropType, ButtonVariantPropType, ColorPair, CustomClassPropType, DetailsCallbacksPropType, DownloadPropType, ErrorListPropType, FixedColsPropType, HasSettingsMenuPropType, HeadingLevel, HrefPropType, IconsHorizontalPropType, IconsPropType, IdPropType, InlinePropType, InputCheckboxIconsProp, InputDateTypePropType, InputTextTypePropType, InputTypeOnDefault, InternalButtonProps, Iso8601, KolFocusOptions, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriDialogEventCallbacks, KoliBriFormCallbacks, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriTableDataType, KoliBriTableHeaderCell, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTableSelectionKeys, KoliBriTabsCallbacks, LabelAlignPropType, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, MaxLengthBehaviorPropType, MaxPropType, MsgPropType, NamePropType, NumberString, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, PaginationHasButton, PaginationPositionPropType, PopoverAlignPropType, PropColor, RadioOptionsPropType, RowsPropType, ShortKeyPropType, SpellCheckPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabBehaviorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatefulCallbacksPropType, TextareaResizePropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType, VariantClassNamePropType, VisibilityTogglePropType } from "./schema";
+import { AccessKeyPropType, AccordionCallbacksPropType, AlertTypePropType, AlertVariantPropType, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaDetailsPropType, AriaOwnsPropType, AutoCompletePropType, BadgeTextPropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonTypePropType, ButtonVariantPropType, ColorPair, CustomClassPropType, DetailsCallbacksPropType, DownloadPropType, ErrorListPropType, FixedColsPropType, HasSettingsMenuPropType, HeadingLevel, HrefPropType, IconsHorizontalPropType, IconsPropType, IdPropType, InlinePropType, InputCheckboxIconsProp, InputDateTypePropType, InputTextTypePropType, InputTypeOnDefault, InternalButtonProps, Iso8601, KolFocusOptions, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriDialogEventCallbacks, KoliBriFormCallbacks, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriTableDataType, KoliBriTableHeaderCell, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTableSelectionKeys, KoliBriTabsCallbacks, LabelAlignPropType, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, MaxLengthBehaviorPropType, MaxPropType, MsgPropType, NamePropType, NumberString, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, PaginationHasButton, PaginationPositionPropType, PopoverAlignPropType, PropColor, RadioOptionsPropType, RowsPropType, ShortKeyPropType, SpellCheckPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabBehaviorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatefulCallbacksPropType, TextareaResizePropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType, VariantClassNamePropType, VisibilityTogglePropType } from "./schema";
 import { AriaHasPopupPropType } from "./schema/props/aria-has-popup";
 import { ModalVariantPropType } from "./schema/props/variant/modal";
 import { LoadingType, OrientationPropType as OrientationPropType1, ProgressVariantType } from "./internal/props";
@@ -16,7 +16,7 @@ import { QuoteVariantType } from "./internal/props/variant-quote";
 import { SpinVariantType } from "./internal/props/variant-spin";
 import { AriaLabelledbyPropType } from "./schema/props/aria-labelledby";
 import { HasCreateButtonPropType } from "./schema/props/has-create-button";
-export { AccessKeyPropType, AccordionCallbacksPropType, AlertTypePropType, AlertVariantPropType, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaOwnsPropType, AutoCompletePropType, BadgeTextPropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonTypePropType, ButtonVariantPropType, ColorPair, CustomClassPropType, DetailsCallbacksPropType, DownloadPropType, ErrorListPropType, FixedColsPropType, HasSettingsMenuPropType, HeadingLevel, HrefPropType, IconsHorizontalPropType, IconsPropType, IdPropType, InlinePropType, InputCheckboxIconsProp, InputDateTypePropType, InputTextTypePropType, InputTypeOnDefault, InternalButtonProps, Iso8601, KolFocusOptions, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriDialogEventCallbacks, KoliBriFormCallbacks, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriTableDataType, KoliBriTableHeaderCell, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTableSelectionKeys, KoliBriTabsCallbacks, LabelAlignPropType, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, MaxLengthBehaviorPropType, MaxPropType, MsgPropType, NamePropType, NumberString, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, PaginationHasButton, PaginationPositionPropType, PopoverAlignPropType, PropColor, RadioOptionsPropType, RowsPropType, ShortKeyPropType, SpellCheckPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabBehaviorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatefulCallbacksPropType, TextareaResizePropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType, VariantClassNamePropType, VisibilityTogglePropType } from "./schema";
+export { AccessKeyPropType, AccordionCallbacksPropType, AlertTypePropType, AlertVariantPropType, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaDetailsPropType, AriaOwnsPropType, AutoCompletePropType, BadgeTextPropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonTypePropType, ButtonVariantPropType, ColorPair, CustomClassPropType, DetailsCallbacksPropType, DownloadPropType, ErrorListPropType, FixedColsPropType, HasSettingsMenuPropType, HeadingLevel, HrefPropType, IconsHorizontalPropType, IconsPropType, IdPropType, InlinePropType, InputCheckboxIconsProp, InputDateTypePropType, InputTextTypePropType, InputTypeOnDefault, InternalButtonProps, Iso8601, KolFocusOptions, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriDialogEventCallbacks, KoliBriFormCallbacks, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriTableDataType, KoliBriTableHeaderCell, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTableSelectionKeys, KoliBriTabsCallbacks, LabelAlignPropType, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, MaxLengthBehaviorPropType, MaxPropType, MsgPropType, NamePropType, NumberString, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, PaginationHasButton, PaginationPositionPropType, PopoverAlignPropType, PropColor, RadioOptionsPropType, RowsPropType, ShortKeyPropType, SpellCheckPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabBehaviorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatefulCallbacksPropType, TextareaResizePropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType, VariantClassNamePropType, VisibilityTogglePropType } from "./schema";
 export { AriaHasPopupPropType } from "./schema/props/aria-has-popup";
 export { ModalVariantPropType } from "./schema/props/variant/modal";
 export { LoadingType, OrientationPropType as OrientationPropType1, ProgressVariantType } from "./internal/props";
@@ -604,6 +604,10 @@ export namespace Components {
           * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
+        /**
+          * References an external element by ID that provides accessible details for this combobox.
+         */
+        "_ariaDetails"?: AriaDetailsPropType;
         /**
           * Makes the element not focusable and ignore all events.
           * @default false
@@ -910,7 +914,7 @@ export namespace Components {
         /**
           * Scrolls to the error list and focuses the first link.
          */
-        "focusErrorList": () => Promise<void>;
+        "focusErrorList": (options?: KolFocusOptions) => Promise<void>;
     }
     interface KolHeading {
         /**
@@ -977,6 +981,10 @@ export namespace Components {
           * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
+        /**
+          * References an external element by ID that provides accessible details for this input. Uses ElementInternals.ariaDetailsElements to cross the Shadow DOM boundary. Supported by desktop screen readers (NVDA, JAWS with Chrome/Firefox). Not yet supported by mobile screen readers (TalkBack, VoiceOver iOS).
+         */
+        "_ariaDetails"?: AriaDetailsPropType;
         /**
           * Defines whether the checkbox is checked or not. Can be read and written.
           * @TODO : Change type back to `CheckedPropType` after Stencil#4663 has been resolved.
@@ -1092,6 +1100,10 @@ export namespace Components {
           * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
+        /**
+          * References an external element by ID that provides accessible details for this input. Uses ElementInternals.ariaDetailsElements to cross the Shadow DOM boundary. Supported by desktop screen readers (NVDA, JAWS with Chrome/Firefox). Not yet supported by mobile screen readers (TalkBack, VoiceOver iOS).
+         */
+        "_ariaDetails"?: AriaDetailsPropType;
         /**
           * Defines whether the input can be auto-completed.
           * @default 'off'
@@ -1196,6 +1208,10 @@ export namespace Components {
           * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
+        /**
+          * References an external element by ID that provides accessible details for this input. Uses ElementInternals.ariaDetailsElements to cross the Shadow DOM boundary. Supported by desktop screen readers (NVDA, JAWS with Chrome/Firefox). Not yet supported by mobile screen readers (TalkBack, VoiceOver iOS).
+         */
+        "_ariaDetails"?: AriaDetailsPropType;
         /**
           * Defines whether the input can be auto-completed.
           * @default 'off'
@@ -1333,6 +1349,10 @@ export namespace Components {
           * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
+        /**
+          * References an external element by ID that provides accessible details for this input. Uses ElementInternals.ariaDetailsElements to cross the Shadow DOM boundary. Supported by desktop screen readers (NVDA, JAWS with Chrome/Firefox). Not yet supported by mobile screen readers (TalkBack, VoiceOver iOS).
+         */
+        "_ariaDetails"?: AriaDetailsPropType;
         /**
           * Defines whether the input can be auto-completed.
           * @default 'off'
@@ -1481,6 +1501,10 @@ export namespace Components {
           * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
+        /**
+          * References an external element by ID that provides accessible details for this input. Uses ElementInternals.ariaDetailsElements to cross the Shadow DOM boundary. Supported by desktop screen readers (NVDA, JAWS with Chrome/Firefox). Not yet supported by mobile screen readers (TalkBack, VoiceOver iOS).
+         */
+        "_ariaDetails"?: AriaDetailsPropType;
         /**
           * Makes the element not focusable and ignore all events.
           * @TODO : Change type back to `DisabledPropType` after Stencil#4663 has been resolved.
@@ -1588,6 +1612,10 @@ export namespace Components {
           * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
+        /**
+          * References an external element by ID that provides accessible details for this input. Uses ElementInternals.ariaDetailsElements to cross the Shadow DOM boundary. Supported by desktop screen readers (NVDA, JAWS with Chrome/Firefox). Not yet supported by mobile screen readers (TalkBack, VoiceOver iOS).
+         */
+        "_ariaDetails"?: AriaDetailsPropType;
         /**
           * Defines whether the input can be auto-completed.
           * @default 'off'
@@ -1720,6 +1748,10 @@ export namespace Components {
           * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
+        /**
+          * References an external element by ID that provides accessible details for this input. Uses ElementInternals.ariaDetailsElements to cross the Shadow DOM boundary. Supported by desktop screen readers (NVDA, JAWS with Chrome/Firefox). Not yet supported by mobile screen readers (TalkBack, VoiceOver iOS).
+         */
+        "_ariaDetails"?: AriaDetailsPropType;
         /**
           * Defines whether the input can be auto-completed.
           * @default 'off'
@@ -1855,6 +1887,10 @@ export namespace Components {
      * The **InputRadio** input type consists of a collection of radio elements, providing a choice between different values. Only a single value can be selected at a time. Selected radio elements are typically represented by a filled, visually highlighted circle.
      */
     interface KolInputRadio {
+        /**
+          * References an external element by ID that provides accessible details for this input. Uses ElementInternals.ariaDetailsElements to cross the Shadow DOM boundary. Supported by desktop screen readers (NVDA, JAWS with Chrome/Firefox). Not yet supported by mobile screen readers (TalkBack, VoiceOver iOS).
+         */
+        "_ariaDetails"?: AriaDetailsPropType;
         /**
           * Makes the element not focusable and ignore all events.
           * @TODO : Change type back to `DisabledPropType` after Stencil#4663 has been resolved.
@@ -1955,6 +1991,10 @@ export namespace Components {
           * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
+        /**
+          * References an external element by ID that provides accessible details for this input. Uses ElementInternals.ariaDetailsElements to cross the Shadow DOM boundary. Supported by desktop screen readers (NVDA, JAWS with Chrome/Firefox). Not yet supported by mobile screen readers (TalkBack, VoiceOver iOS).
+         */
+        "_ariaDetails"?: AriaDetailsPropType;
         /**
           * Defines whether the input can be auto-completed.
           * @default 'off'
@@ -2069,6 +2109,10 @@ export namespace Components {
           * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: AccessKeyPropType;
+        /**
+          * References an external element by ID that provides accessible details for this input.
+         */
+        "_ariaDetails"?: AriaDetailsPropType;
         /**
           * Defines whether the input can be auto-completed.
           * @default 'off'
@@ -2988,6 +3032,10 @@ export namespace Components {
           * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
+        /**
+          * References an external element by ID that provides accessible details for this select.
+         */
+        "_ariaDetails"?: AriaDetailsPropType;
         /**
           * Makes the element not focusable and ignore all events.
           * @TODO : Change type back to `DisabledPropType` after Stencil#4663 has been resolved.
@@ -3096,6 +3144,10 @@ export namespace Components {
           * Defines the key combination that can be used to trigger or focus the component’s interactive element.
          */
         "_accessKey"?: string;
+        /**
+          * References an external element by ID that provides accessible details for this select.
+         */
+        "_ariaDetails"?: AriaDetailsPropType;
         /**
           * Makes the element not focusable and ignore all events.
           * @TODO : Change type back to `DisabledPropType` after Stencil#4663 has been resolved.
@@ -3211,6 +3263,10 @@ export namespace Components {
           * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
+        /**
+          * References an external element by ID that provides accessible details for this input. Uses ElementInternals.ariaDetailsElements to cross the Shadow DOM boundary. Supported by desktop screen readers (NVDA, JAWS with Chrome/Firefox). Not yet supported by mobile screen readers (TalkBack, VoiceOver iOS).
+         */
+        "_ariaDetails"?: AriaDetailsPropType;
         /**
           * Makes the element not focusable and ignore all events.
           * @default false
@@ -3679,6 +3735,10 @@ export namespace Components {
           * @default false
          */
         "_adjustHeight"?: boolean;
+        /**
+          * References an external element by ID that provides accessible details for this textarea.
+         */
+        "_ariaDetails"?: AriaDetailsPropType;
         /**
           * Makes the element not focusable and ignore all events.
           * @TODO : Change type back to `DisabledPropType` after Stencil#4663 has been resolved.
@@ -5358,6 +5418,10 @@ declare namespace LocalJSX {
           * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
+        /**
+          * References an external element by ID that provides accessible details for this combobox.
+         */
+        "_ariaDetails"?: AriaDetailsPropType;
         /**
           * Makes the element not focusable and ignore all events.
           * @default false
@@ -5642,6 +5706,10 @@ declare namespace LocalJSX {
           * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
+        /**
+          * References an external element by ID that provides accessible details for this input. Uses ElementInternals.ariaDetailsElements to cross the Shadow DOM boundary. Supported by desktop screen readers (NVDA, JAWS with Chrome/Firefox). Not yet supported by mobile screen readers (TalkBack, VoiceOver iOS).
+         */
+        "_ariaDetails"?: AriaDetailsPropType;
         /**
           * Defines whether the checkbox is checked or not. Can be read and written.
           * @TODO : Change type back to `CheckedPropType` after Stencil#4663 has been resolved.
@@ -5741,6 +5809,10 @@ declare namespace LocalJSX {
           * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
+        /**
+          * References an external element by ID that provides accessible details for this input. Uses ElementInternals.ariaDetailsElements to cross the Shadow DOM boundary. Supported by desktop screen readers (NVDA, JAWS with Chrome/Firefox). Not yet supported by mobile screen readers (TalkBack, VoiceOver iOS).
+         */
+        "_ariaDetails"?: AriaDetailsPropType;
         /**
           * Defines whether the input can be auto-completed.
           * @default 'off'
@@ -5829,6 +5901,10 @@ declare namespace LocalJSX {
           * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
+        /**
+          * References an external element by ID that provides accessible details for this input. Uses ElementInternals.ariaDetailsElements to cross the Shadow DOM boundary. Supported by desktop screen readers (NVDA, JAWS with Chrome/Firefox). Not yet supported by mobile screen readers (TalkBack, VoiceOver iOS).
+         */
+        "_ariaDetails"?: AriaDetailsPropType;
         /**
           * Defines whether the input can be auto-completed.
           * @default 'off'
@@ -5946,6 +6022,10 @@ declare namespace LocalJSX {
           * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
+        /**
+          * References an external element by ID that provides accessible details for this input. Uses ElementInternals.ariaDetailsElements to cross the Shadow DOM boundary. Supported by desktop screen readers (NVDA, JAWS with Chrome/Firefox). Not yet supported by mobile screen readers (TalkBack, VoiceOver iOS).
+         */
+        "_ariaDetails"?: AriaDetailsPropType;
         /**
           * Defines whether the input can be auto-completed.
           * @default 'off'
@@ -6078,6 +6158,10 @@ declare namespace LocalJSX {
           * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
+        /**
+          * References an external element by ID that provides accessible details for this input. Uses ElementInternals.ariaDetailsElements to cross the Shadow DOM boundary. Supported by desktop screen readers (NVDA, JAWS with Chrome/Firefox). Not yet supported by mobile screen readers (TalkBack, VoiceOver iOS).
+         */
+        "_ariaDetails"?: AriaDetailsPropType;
         /**
           * Makes the element not focusable and ignore all events.
           * @TODO : Change type back to `DisabledPropType` after Stencil#4663 has been resolved.
@@ -6165,6 +6249,10 @@ declare namespace LocalJSX {
           * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
+        /**
+          * References an external element by ID that provides accessible details for this input. Uses ElementInternals.ariaDetailsElements to cross the Shadow DOM boundary. Supported by desktop screen readers (NVDA, JAWS with Chrome/Firefox). Not yet supported by mobile screen readers (TalkBack, VoiceOver iOS).
+         */
+        "_ariaDetails"?: AriaDetailsPropType;
         /**
           * Defines whether the input can be auto-completed.
           * @default 'off'
@@ -6281,6 +6369,10 @@ declare namespace LocalJSX {
           * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
+        /**
+          * References an external element by ID that provides accessible details for this input. Uses ElementInternals.ariaDetailsElements to cross the Shadow DOM boundary. Supported by desktop screen readers (NVDA, JAWS with Chrome/Firefox). Not yet supported by mobile screen readers (TalkBack, VoiceOver iOS).
+         */
+        "_ariaDetails"?: AriaDetailsPropType;
         /**
           * Defines whether the input can be auto-completed.
           * @default 'off'
@@ -6400,6 +6492,10 @@ declare namespace LocalJSX {
      * The **InputRadio** input type consists of a collection of radio elements, providing a choice between different values. Only a single value can be selected at a time. Selected radio elements are typically represented by a filled, visually highlighted circle.
      */
     interface KolInputRadio {
+        /**
+          * References an external element by ID that provides accessible details for this input. Uses ElementInternals.ariaDetailsElements to cross the Shadow DOM boundary. Supported by desktop screen readers (NVDA, JAWS with Chrome/Firefox). Not yet supported by mobile screen readers (TalkBack, VoiceOver iOS).
+         */
+        "_ariaDetails"?: AriaDetailsPropType;
         /**
           * Makes the element not focusable and ignore all events.
           * @TODO : Change type back to `DisabledPropType` after Stencil#4663 has been resolved.
@@ -6484,6 +6580,10 @@ declare namespace LocalJSX {
           * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
+        /**
+          * References an external element by ID that provides accessible details for this input. Uses ElementInternals.ariaDetailsElements to cross the Shadow DOM boundary. Supported by desktop screen readers (NVDA, JAWS with Chrome/Firefox). Not yet supported by mobile screen readers (TalkBack, VoiceOver iOS).
+         */
+        "_ariaDetails"?: AriaDetailsPropType;
         /**
           * Defines whether the input can be auto-completed.
           * @default 'off'
@@ -6582,6 +6682,10 @@ declare namespace LocalJSX {
           * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: AccessKeyPropType;
+        /**
+          * References an external element by ID that provides accessible details for this input.
+         */
+        "_ariaDetails"?: AriaDetailsPropType;
         /**
           * Defines whether the input can be auto-completed.
           * @default 'off'
@@ -7375,6 +7479,10 @@ declare namespace LocalJSX {
           * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
+        /**
+          * References an external element by ID that provides accessible details for this select.
+         */
+        "_ariaDetails"?: AriaDetailsPropType;
         /**
           * Makes the element not focusable and ignore all events.
           * @TODO : Change type back to `DisabledPropType` after Stencil#4663 has been resolved.
@@ -7471,6 +7579,10 @@ declare namespace LocalJSX {
           * Defines the key combination that can be used to trigger or focus the component’s interactive element.
          */
         "_accessKey"?: string;
+        /**
+          * References an external element by ID that provides accessible details for this select.
+         */
+        "_ariaDetails"?: AriaDetailsPropType;
         /**
           * Makes the element not focusable and ignore all events.
           * @TODO : Change type back to `DisabledPropType` after Stencil#4663 has been resolved.
@@ -7570,6 +7682,10 @@ declare namespace LocalJSX {
           * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
+        /**
+          * References an external element by ID that provides accessible details for this input. Uses ElementInternals.ariaDetailsElements to cross the Shadow DOM boundary. Supported by desktop screen readers (NVDA, JAWS with Chrome/Firefox). Not yet supported by mobile screen readers (TalkBack, VoiceOver iOS).
+         */
+        "_ariaDetails"?: AriaDetailsPropType;
         /**
           * Makes the element not focusable and ignore all events.
           * @default false
@@ -7977,6 +8093,10 @@ declare namespace LocalJSX {
           * @default false
          */
         "_adjustHeight"?: boolean;
+        /**
+          * References an external element by ID that provides accessible details for this textarea.
+         */
+        "_ariaDetails"?: AriaDetailsPropType;
         /**
           * Makes the element not focusable and ignore all events.
           * @TODO : Change type back to `DisabledPropType` after Stencil#4663 has been resolved.

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

@@ -1,3 +1,2 @@
-export * from './input-callbacks-and-events';
 export * from './input-character-limit';
 export * from './input-value-reflection';

package/dist/types/index.d.ts

@@ -6,7 +6,7 @@ export { bootstrap, isInitialized, register } from './core/bootstrap';
 export * from './enums/bund';
 export * from './kolibri';
 export { KoliBri, KoliBriDevHelper } from './schema';
-export type { EventValueOrEventCallback, FocusableElement, KoliBriTableCell, KoliBriTableHeaderCell, KoliBriTableHeaderCellWithLogic, KoliBriTableSelection, Optgroup, Option, RadioOption, SelectOption, Toast, ToasterOptions, W3CInputValue, } from './schema';
+export type { ClickableElement, EventValueOrEventCallback, FocusableElement, KoliBriTableCell, KoliBriTableHeaderCell, KoliBriTableHeaderCellWithLogic, KoliBriTableSelection, Optgroup, Option, RadioOption, SelectOption, Toast, ToasterOptions, W3CInputValue, } from './schema';
 export { BEM } from './schema/bem-registry';
 export { KolEvent } from './utils/events';
 export { isTooltipOpen } from './utils/tooltip-open-tracking';

package/dist/types/internal/functional-components/abbr/api.d.ts

@@ -0,0 +1,9 @@
+import type { ApiFromConfig } from '../generic-types';
+export declare const abbrPropsConfig: {
+    readonly optional: readonly [import("../../props").PropDefinition<string, import("../../props").LabelProp>];
+};
+export type AbbrApi = ApiFromConfig<typeof abbrPropsConfig, {
+    Refs: {
+        abbr: HTMLElement;
+    };
+}>;

package/dist/types/internal/functional-components/abbr/component.d.ts

@@ -0,0 +1,4 @@
+import type { FunctionalComponent as FC } from '../../../stencil-public-runtime';
+import type { FunctionalComponentProps } from '../generic-types';
+import type { AbbrApi } from './api';
+export declare const AbbrFC: FC<FunctionalComponentProps<AbbrApi>>;

package/dist/types/internal/functional-components/abbr/controller.d.ts

@@ -0,0 +1,8 @@
+import { BaseController } from '../base-controller';
+import type { ControllerInterface, ResolvedInputProps, StateAccess } from '../generic-types';
+import type { AbbrApi } from './api';
+export declare class AbbrController extends BaseController<AbbrApi> implements ControllerInterface<AbbrApi> {
+    constructor(stateAccess: StateAccess<AbbrApi>);
+    componentWillLoad(props: ResolvedInputProps<AbbrApi>): void;
+    watchLabel(value?: string): void;
+}

package/dist/types/internal/functional-components/meter/controller.d.ts

@@ -1,3 +1,4 @@
+import type { OrientationPropType } from '../../props';
 import { BaseController } from '../base-controller';
 import type { ControllerInterface, ResolvedInputProps, StateAccess } from '../generic-types';
 import type { MeterApi } from './api';
@@ -17,7 +18,7 @@ export declare class MeterController extends BaseController<MeterApi> implements
     watchMax(value?: number): void;
     watchMin(value?: number): void;
     watchOptimum(value?: number): void;
-    watchOrientation(value?: string): void;
+    watchOrientation(value?: OrientationPropType): void;
     watchUnit(value?: string): void;
     watchValue(value?: number): void;
 }

package/dist/types/internal/functional-components/progress/controller.d.ts

@@ -1,3 +1,4 @@
+import { type ProgressVariantType } from '../../props';
 import { BaseController } from '../base-controller';
 import type { ControllerInterface, ResolvedInputProps, StateAccess } from '../generic-types';
 import type { ProgressApi } from './api';
@@ -9,7 +10,7 @@ export declare class ProgressController extends BaseController<ProgressApi> impl
     watchMax(value?: number): void;
     watchUnit(value?: string): void;
     watchValue(value?: number): void;
-    watchVariant(value?: string): void;
+    watchVariant(value?: ProgressVariantType): void;
     private startLiveValueInterval;
     destroy(): void;
 }

package/dist/types/internal/functional-components/spin/api.d.ts

@@ -6,8 +6,4 @@ export type SpinApi = ApiFromConfig<typeof spinPropsConfig, {
     States: {
         showToggled: boolean;
     };
-    Callbacks: {
-        getTranslateActionRunning: () => string;
-        getTranslateActionDone: () => string;
-    };
 }>;

package/dist/types/internal/functional-components/spin/controller.d.ts

@@ -1,14 +1,11 @@
+import { type SpinVariantType } from '../../props';
 import { BaseController } from '../base-controller';
 import type { ControllerInterface, ResolvedInputProps, StateAccess } from '../generic-types';
 import type { SpinApi } from './api';
 export declare class SpinController extends BaseController<SpinApi> implements ControllerInterface<SpinApi> {
-    private readonly translateActionRunning;
-    private readonly translateActionDone;
     constructor(stateAccess: StateAccess<SpinApi>);
     componentWillLoad(props: ResolvedInputProps<SpinApi>): void;
     watchShow(value?: boolean): void;
     watchLabel(value?: string): void;
-    watchVariant(value?: unknown): void;
-    handleGetTranslateActionRunning: () => string;
-    handleGetTranslateActionDone: () => string;
+    watchVariant(value?: SpinVariantType): void;
 }