@public-ui/components 2.0.3 → 2.0.4-rc.0

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

@@ -1,18 +1,6 @@
-import { JSX } from '../../stencil-public-runtime';
-import { AlternativeButtonLinkRolePropType } from '../../types/props/alternative-button-link-role';
-import { ButtonVariantPropType } from '../../types/props/button-variant';
-import { CustomClassPropType } from '../../types/props/custom-class';
-import { DownloadPropType } from '../../types/props/download';
-import { HrefPropType } from '../../types/props/href';
-import { IconsPropType } from '../../types/props/icons';
-import { LabelWithExpertSlotPropType } from '../../types/props/label';
-import { LinkOnCallbacksPropType } from '../../types/props/link-on-callbacks';
-import { LinkTargetPropType } from '../../types/props/link-target';
-import { TooltipAlignPropType } from '../../types/props/tooltip-align';
-import { Props } from './types';
-import { AccessKeyPropType } from '../../types/props/access-key';
-import { AriaCurrentValuePropType } from '../../types/props/aria-current-value';
-export declare class KolLinkButton implements Props {
+import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, ButtonVariantPropType, CustomClassPropType, DownloadPropType, HrefPropType, IconsPropType, LabelWithExpertSlotPropType, LinkButtonProps, LinkOnCallbacksPropType, LinkTargetPropType, TooltipAlignPropType } from '@public-ui/schema';
+import type { JSX } from '../../stencil-public-runtime';
+export declare class KolLinkButton implements LinkButtonProps {
     private readonly host?;
     private readonly catchRef;
     render(): JSX.Element;

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

@@ -1,17 +1,13 @@
-import { JSX } from '../../stencil-public-runtime';
-import { Stringified } from '../../types/common';
-import { Orientation } from '../../types/orientation';
-import { LabelPropType } from '../../types/props/label';
-import { LinkProps } from '../link/types';
-import { API, ListStyleType, States } from './types';
-export declare class KolLinkGroup implements API {
+import type { LabelPropType, LinkGroupAPI, LinkGroupStates, LinkProps, ListStyleType, Orientation, Stringified } from '@public-ui/schema';
+import type { JSX } from '../../stencil-public-runtime';
+export declare class KolLinkGroup implements LinkGroupAPI {
     render(): JSX.Element;
     private isUl;
     _listStyleType?: ListStyleType;
     _label: LabelPropType;
     _links: Stringified<LinkProps[]>;
     _orientation?: Orientation;
-    state: States;
+    state: LinkGroupStates;
     validateLabel(value?: LabelPropType, _oldValue?: LabelPropType, initial?: boolean): void;
     validateListStyleType(value?: ListStyleType): void;
     validateLinks(value?: Stringified<LinkProps[]>): void;

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

@@ -1,6 +1,6 @@
-import { JSX } from '../../stencil-public-runtime';
+import type { JSX } from '../../stencil-public-runtime';
 import { Bundesamt, Bundesanstalt, Bundesministerium } from '../../enums/bund';
-import { API, States } from './types';
+import type { API, States } from './types';
 export declare class KolLogo implements API {
     _org: Bundesministerium | Bundesamt | Bundesanstalt;
     state: States;

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

@@ -1,5 +1,5 @@
 import type { Generic } from 'adopted-style-sheets';
-import { Bundesamt, Bundesanstalt, Bundesministerium } from '../../enums/bund';
+import type { Bundesamt, Bundesanstalt, Bundesministerium } from '../../enums/bund';
 type RequiredProps = {
     org: Bundesministerium | Bundesamt | Bundesanstalt;
 };

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

@@ -1,8 +1,6 @@
-import { JSX } from '../../stencil-public-runtime';
-import { KoliBriModalEventCallbacks } from '../../types/modal';
-import { LabelPropType } from '../../types/props/label';
-import { API, States } from './types';
-export declare class KolModal implements API {
+import type { KoliBriModalEventCallbacks, LabelPropType, ModalAPI, ModalStates } from '@public-ui/schema';
+import type { JSX } from '../../stencil-public-runtime';
+export declare class KolModal implements ModalAPI {
     private hostElement?;
     componentDidRender(): void;
     disconnectedCallback(): void;
@@ -12,7 +10,7 @@ export declare class KolModal implements API {
     _label: LabelPropType;
     _on?: KoliBriModalEventCallbacks;
     _width?: string;
-    state: States;
+    state: ModalStates;
     validateActiveElement(value?: HTMLElement | null): void;
     validateLabel(value?: LabelPropType): void;
     validateOn(value?: KoliBriModalEventCallbacks): void;

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

@@ -1,18 +1,14 @@
-import { JSX } from '../../stencil-public-runtime';
-import { ButtonOrLinkOrTextWithChildrenProps } from '../../types/button-link-text';
-import { Stringified } from '../../types/common';
-import { Orientation } from '../../types/orientation';
-import { CollapsiblePropType } from '../../types/props/collapsible';
-import { HideLabelPropType } from '../../types/props/hide-label';
-import { LabelPropType } from '../../types/props/label';
-import { API, States } from './types';
-export declare class KolNav implements API {
-    private readonly onClick;
-    private readonly hasActiveChild;
+import type { ButtonOrLinkOrTextWithChildrenProps, CollapsiblePropType, HideLabelPropType, LabelPropType, NavAPI, NavStates, Orientation, Stringified } from '@public-ui/schema';
+import type { JSX } from '../../stencil-public-runtime';
+export declare class KolNav implements NavAPI {
+    private expandChildren;
+    private collapseChildren;
+    private readonly handleToggleExpansionClick;
     private entry;
     private expandButton;
     private li;
     private linkList;
+    private initializeExpandedChildren;
     render(): JSX.Element;
     _collapsible?: boolean;
     _hasCompactButton?: boolean;
@@ -20,7 +16,7 @@ export declare class KolNav implements API {
     _label: LabelPropType;
     _links: Stringified<ButtonOrLinkOrTextWithChildrenProps[]>;
     _orientation?: Orientation;
-    state: States;
+    state: NavStates;
     validateCollapsible(value?: CollapsiblePropType): void;
     validateHasCompactButton(value?: boolean): void;
     validateHideLabel(value?: HideLabelPropType): void;

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

@@ -1,7 +1,5 @@
+import type { HrefProp, LabelProp, Stringified } from '@public-ui/schema';
 import type { Generic } from 'adopted-style-sheets';
-import { Stringified } from '../../types/common';
-import { HrefProp } from '../../types/props/href';
-import { LabelProp } from '../../types/props/label';
 type HrefOrLabelProp = HrefProp | LabelProp;
 export declare const watchNavLinks: (className: string, component: Generic.Element.Component & {
     state: {

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

@@ -1,11 +1,6 @@
-import { JSX } from '../../stencil-public-runtime';
-import { Stringified } from '../../types/common';
-import { CustomClassPropType } from '../../types/props/custom-class';
-import { LabelPropType } from '../../types/props/label';
-import { TooltipAlignPropType } from '../../types/props/tooltip-align';
-import { API, KoliBriPaginationButtonCallbacks, PaginationHasButton, States } from './types';
-import { MaxPropType } from '../../types/props/max';
-export declare class KolPagination implements API {
+import type { CustomClassPropType, KoliBriPaginationButtonCallbacks, LabelPropType, MaxPropType, PaginationAPI, PaginationHasButton, PaginationStates, Stringified, TooltipAlignPropType } from '@public-ui/schema';
+import type { JSX } from '../../stencil-public-runtime';
+export declare class KolPagination implements PaginationAPI {
     private readonly nonce;
     private readonly calcCount;
     private readonly getCount;
@@ -21,7 +16,7 @@ export declare class KolPagination implements API {
     _siblingCount?: number;
     _tooltipAlign?: TooltipAlignPropType;
     _max: MaxPropType;
-    state: States;
+    state: PaginationStates;
     private onClick;
     private onChangePage;
     private onChangePageSize;

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

@@ -1,8 +1,6 @@
-import { JSX } from '../../stencil-public-runtime';
-import { AlignPropType } from '../../types/props/align';
-import { ShowPropType } from '../../types/props/show';
-import { API, States } from './types';
-export declare class KolPopover implements API {
+import type { AlignPropType, PopoverAPI, PopoverStates, ShowPropType } from '@public-ui/schema';
+import type { JSX } from '../../stencil-public-runtime';
+export declare class KolPopover implements PopoverAPI {
     private arrowElement?;
     private popoverElement?;
     private triggerElement?;
@@ -19,7 +17,7 @@ export declare class KolPopover implements API {
     render(): JSX.Element;
     _align?: AlignPropType;
     _show?: boolean;
-    state: States;
+    state: PopoverStates;
     validateAlign(value?: AlignPropType): void;
     validateShow(value?: ShowPropType): void;
     componentWillLoad(): void;

package/dist/types/components/popover/test/html.mock.d.ts

@@ -1,4 +1,4 @@
-import { Props } from '../types';
-export declare const getPopoverHtml: (props: Props, slots?: {
+import type { PopoverProps } from '@public-ui/schema';
+export declare const getPopoverHtml: (props: PopoverProps, slots?: {
     default?: string;
 }) => string;

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

@@ -1,8 +1,6 @@
-import { JSX } from '../../stencil-public-runtime';
-import { KoliBriProgressVariantType } from '../../types/progress';
-import { LabelPropType } from '../../types/props/label';
-import { API, States } from './types';
-export declare class KolProcess implements API {
+import type { KoliBriProgressVariantType, LabelPropType, ProgressAPI, ProgressStates } from '@public-ui/schema';
+import type { JSX } from '../../stencil-public-runtime';
+export declare class KolProcess implements ProgressAPI {
     private interval?;
     render(): JSX.Element;
     _label?: LabelPropType;
@@ -10,7 +8,7 @@ export declare class KolProcess implements API {
     _unit?: string;
     _value: number;
     _variant?: KoliBriProgressVariantType;
-    state: States;
+    state: ProgressStates;
     validateLabel(value?: LabelPropType): void;
     validateMax(value?: number): void;
     validateUnit(value?: string): void;

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

@@ -1,13 +1,11 @@
-import { JSX } from '../../stencil-public-runtime';
-import { HrefPropType } from '../../types/props/href';
-import { LabelPropType } from '../../types/props/label';
-import { API, KoliBriQuoteVariant, States } from './types';
-export declare class KolQuote implements API {
+import type { HrefPropType, KoliBriQuoteVariant, LabelPropType, QuoteAPI, QuoteStates } from '@public-ui/schema';
+import type { JSX } from '../../stencil-public-runtime';
+export declare class KolQuote implements QuoteAPI {
     _label?: string;
     _href: HrefPropType;
     _quote: string;
     _variant?: KoliBriQuoteVariant;
-    state: States;
+    state: QuoteStates;
     validateLabel(value?: LabelPropType): void;
     validateHref(value?: HrefPropType): void;
     validateQuote(value?: string): void;

package/dist/types/components/quote/test/html.mock.d.ts

@@ -1,6 +1,6 @@
-import { Props } from '../types';
+import type { QuoteProps } from '@public-ui/schema';
 type Slot = {
     expert?: string;
 };
-export declare const getQuoteHtml: (props: Props, slots?: Slot) => string;
+export declare const getQuoteHtml: (props: QuoteProps, slots?: Slot) => string;
 export {};

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

@@ -1,18 +1,6 @@
-import { JSX } from '../../stencil-public-runtime';
-import { Stringified } from '../../types/common';
-import { KoliBriHorizontalIcons } from '../../types/icons';
-import { InputTypeOnDefault } from '../../types/input/types';
-import { HideErrorPropType } from '../../types/props/hide-error';
-import { IdPropType } from '../../types/props/id';
-import { LabelWithExpertSlotPropType } from '../../types/props/label';
-import { NamePropType } from '../../types/props/name';
-import { OptionsWithOptgroupPropType } from '../../types/props/options';
-import { RowsPropType } from '../../types/props/rows';
-import { SyncValueBySelectorPropType } from '../../types/props/sync-value-by-selector';
-import { TooltipAlignPropType } from '../../types/props/tooltip-align';
-import { W3CInputValue } from '../../types/w3c';
-import { API, States } from './types';
-export declare class KolSelect implements API {
+import type { HideErrorPropType, IdPropType, InputTypeOnDefault, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, NamePropType, OptionsWithOptgroupPropType, RowsPropType, SelectAPI, SelectStates, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType, W3CInputValue } from '@public-ui/schema';
+import type { JSX } from '../../stencil-public-runtime';
+export declare class KolSelect implements SelectAPI {
     private readonly host?;
     private ref?;
     private readonly catchRef;
@@ -41,7 +29,7 @@ export declare class KolSelect implements API {
     _tooltipAlign?: TooltipAlignPropType;
     _touched?: boolean;
     _value?: Stringified<W3CInputValue[]>;
-    state: States;
+    state: SelectStates;
     constructor();
     validateAccessKey(value?: string): void;
     validateAlert(value?: boolean): void;

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

@@ -1,16 +1,11 @@
-import type { Generic } from 'adopted-style-sheets';
-import { Stringified } from '../../types/common';
-import { Option } from '../../types/input/types';
-import { OptionsWithOptgroupPropType } from '../../types/props/options';
-import { RowsPropType } from '../../types/props/rows';
-import { W3CInputValue } from '../../types/w3c';
+import type { Option, OptionsWithOptgroupPropType, RowsPropType, SelectProps, SelectWatches, Stringified, W3CInputValue } from '@public-ui/schema';
 import { InputIconController } from '../@deprecated/input/controller-icon';
-import { Props, Watches } from './types';
-export declare class SelectController extends InputIconController implements Watches {
-    protected readonly component: Generic.Element.Component & Props;
+import type { Generic } from 'adopted-style-sheets';
+export declare class SelectController extends InputIconController implements SelectWatches {
+    protected readonly component: Generic.Element.Component & SelectProps;
     private onStateChange;
     private readonly keyOptionMap;
-    constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement);
+    constructor(component: Generic.Element.Component & SelectProps, name: string, host?: HTMLElement);
     readonly getOptionByKey: (key: string) => Option<W3CInputValue> | undefined;
     private readonly isValueInOptions;
     private readonly filterValuesInOptions;

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

@@ -1,13 +1,10 @@
-import { JSX } from '../../stencil-public-runtime';
-import { Stringified } from '../../types/common';
-import { LabelPropType } from '../../types/props/label';
-import { LinkProps } from '../link/types';
-import { API, States } from './types';
-export declare class KolSkipNav implements API {
+import type { LabelPropType, LinkProps, SkipNavAPI, SkipNavStates, Stringified } from '@public-ui/schema';
+import type { JSX } from '../../stencil-public-runtime';
+export declare class KolSkipNav implements SkipNavAPI {
     render(): JSX.Element;
     _label: LabelPropType;
     _links: Stringified<LinkProps[]>;
-    state: States;
+    state: SkipNavStates;
     validateLabel(value?: LabelPropType, _oldValue?: LabelPropType, initial?: boolean): void;
     validateLinks(value?: Stringified<LinkProps[]>): void;
     componentWillLoad(): void;

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

@@ -1,18 +1,13 @@
-import { JSX } from '../../stencil-public-runtime';
-import { Stringified } from '../../types/common';
-import { KoliBriIconsProp } from '../../types/icons';
-import { HideLabelPropType } from '../../types/props/hide-label';
-import { LabelWithExpertSlotPropType } from '../../types/props/label';
-import { API, States } from './types';
-import { AccessKeyPropType } from '../../types/props/access-key';
-export declare class KolSpanWc implements API {
+import type { AccessKeyPropType, HideLabelPropType, KoliBriIconsProp, LabelWithExpertSlotPropType, SpanAPI, SpanStates, Stringified } from '@public-ui/schema';
+import type { JSX } from '../../stencil-public-runtime';
+export declare class KolSpanWc implements SpanAPI {
     render(): JSX.Element;
     _accessKey?: AccessKeyPropType;
     _allowMarkdown?: boolean;
     _hideLabel?: boolean;
     _icons?: Stringified<KoliBriIconsProp>;
     _label: LabelWithExpertSlotPropType;
-    state: States;
+    state: SpanStates;
     validateAccessKey(value?: AccessKeyPropType): void;
     validateAllowMarkdown(value?: boolean): void;
     validateHideLabel(value?: HideLabelPropType): void;

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

@@ -1,10 +1,6 @@
-import { JSX } from '../../stencil-public-runtime';
-import { Stringified } from '../../types/common';
-import { KoliBriIconsProp } from '../../types/icons';
-import { LabelWithExpertSlotPropType } from '../../types/props/label';
-import { Props } from './types';
-import { AccessKeyPropType } from '../../types/props/access-key';
-export declare class KolSpan implements Props {
+import type { AccessKeyPropType, KoliBriIconsProp, LabelWithExpertSlotPropType, SpanProps, Stringified } from '@public-ui/schema';
+import type { JSX } from '../../stencil-public-runtime';
+export declare class KolSpan implements SpanProps {
     render(): JSX.Element;
     _accessKey?: AccessKeyPropType;
     _hideLabel?: boolean;

package/dist/types/components/span/test/html.mock.d.ts

@@ -1,4 +1,4 @@
-import { Props } from '../types';
+import type { SpanProps } from '@public-ui/schema';
 type Slots = {
     ''?: string;
     expert?: string;
@@ -7,6 +7,6 @@ export type SpanOptions = {
     additionalAttrs?: string;
     additionalClassNames?: string[];
 };
-export declare const getSpanWcHtml: (props: Props, slots?: Slots, options?: SpanOptions) => string;
-export declare const getSpanHtml: (props: Props, slots?: Slots) => string;
+export declare const getSpanWcHtml: (props: SpanProps, slots?: Slots, options?: SpanOptions) => string;
+export declare const getSpanHtml: (props: SpanProps, slots?: Slots) => string;
 export {};

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

@@ -1,13 +1,11 @@
-import { JSX } from '../../stencil-public-runtime';
-import { ShowPropType } from '../../types/props/show';
-import { SpinVariantPropType } from '../../types/props/variant/spin';
-import { API, States } from './types';
-export declare class KolSpin implements API {
+import type { JSX } from '../../stencil-public-runtime';
+import type { ShowPropType, SpinAPI, SpinStates, SpinVariantPropType } from '@public-ui/schema';
+export declare class KolSpin implements SpinAPI {
     private showToggled;
     render(): JSX.Element;
     _show?: boolean;
     _variant?: SpinVariantPropType;
-    state: States;
+    state: SpinStates;
     validateShow(value?: ShowPropType): void;
     validateVariant(value?: SpinVariantPropType): void;
     componentWillLoad(): void;

package/dist/types/components/spin/test/html.mock.d.ts

@@ -1,2 +1,2 @@
-import { Props } from '../types';
-export declare const getSpinHtml: (props: Props) => string;
+import type { SpinProps } from '@public-ui/schema';
+export declare const getSpinHtml: (props: SpinProps) => string;

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

@@ -1,17 +1,6 @@
-import { JSX } from '../../stencil-public-runtime';
-import { Stringified } from '../../types/common';
-import { AlternativeButtonLinkRolePropType } from '../../types/props/alternative-button-link-role';
-import { ButtonCallbacksPropType } from '../../types/props/button-callbacks';
-import { ButtonTypePropType } from '../../types/props/button-type';
-import { ButtonVariantPropType } from '../../types/props/button-variant';
-import { CustomClassPropType } from '../../types/props/custom-class';
-import { IconsPropType } from '../../types/props/icons';
-import { LabelPropType } from '../../types/props/label';
-import { SyncValueBySelectorPropType } from '../../types/props/sync-value-by-selector';
-import { TooltipAlignPropType } from '../../types/props/tooltip-align';
-import { StencilUnknown } from '../../types/unknown';
-import { Props, States } from './types';
-export declare class KolSplitButton implements Props {
+import type { AlternativeButtonLinkRolePropType, ButtonCallbacksPropType, ButtonTypePropType, ButtonVariantPropType, CustomClassPropType, IconsPropType, LabelPropType, SplitButtonProps, SplitButtonStates, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '@public-ui/schema';
+import type { JSX } from '../../stencil-public-runtime';
+export declare class KolSplitButton implements SplitButtonProps {
     private dropdown;
     private dropdownContent;
     private readonly clickButtonHandler;
@@ -39,5 +28,5 @@ export declare class KolSplitButton implements Props {
     _type?: ButtonTypePropType;
     _value?: Stringified<StencilUnknown>;
     _variant?: ButtonVariantPropType;
-    state: States;
+    state: SplitButtonStates;
 }

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

@@ -1,11 +1,10 @@
-import { JSX } from '../../stencil-public-runtime';
-import { LabelPropType } from '../../types/props/label';
-import { API, States } from './types';
-export declare class KolSymbol implements API {
+import type { LabelPropType, SymbolAPI, SymbolStates } from '@public-ui/schema';
+import type { JSX } from '../../stencil-public-runtime';
+export declare class KolSymbol implements SymbolAPI {
     render(): JSX.Element;
     _label: LabelPropType;
     _symbol: string;
-    state: States;
+    state: SymbolStates;
     validateLabel(value?: LabelPropType): void;
     validateSymbol(value?: string): void;
     componentWillLoad(): void;

package/dist/types/components/symbol/test/html.mock.d.ts

@@ -1,2 +1,2 @@
-import { Props } from '../types';
-export declare const getSymbolHtml: (props: Props) => string;
+import type { SymbolProps } from '@public-ui/schema';
+export declare const getSymbolHtml: (props: SymbolProps) => string;

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

@@ -1,8 +1,6 @@
-import { JSX } from '../../stencil-public-runtime';
-import { Stringified } from '../../types/common';
-import { LabelPropType } from '../../types/props/label';
-import { API, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, States } from './types';
-export declare class KolTable implements API {
+import type { JSX } from '../../stencil-public-runtime';
+import type { KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, LabelPropType, PaginationPositionPropType, Stringified, TableAPI, TableStates } from '@public-ui/schema';
+export declare class KolTable implements TableAPI {
     private horizontal;
     private sortFunction?;
     private sortDirections;
@@ -11,6 +9,9 @@ export declare class KolTable implements API {
     private pageStartSlice;
     private pageEndSlice;
     private disableSort;
+    private tableDivElement?;
+    private tableDivElementResizeObserver?;
+    private tableDivElementHasScrollbar;
     private sortedColumnHead;
     _allowMultiSort?: boolean;
     _data: Stringified<KoliBriTableDataType[]>;
@@ -19,18 +20,23 @@ export declare class KolTable implements API {
     _label: string;
     _minWidth?: string;
     _pagination?: boolean | Stringified<KoliBriTablePaginationProps>;
-    state: States;
+    _paginationPosition?: PaginationPositionPropType;
+    state: TableStates;
     validateAllowMultiSort(value?: boolean): void;
     validateData(value?: Stringified<KoliBriTableDataType[]>): void;
     validateDataFoot(value?: Stringified<KoliBriTableDataType[]>): void;
+    validatePaginationPosition(value?: PaginationPositionPropType): void;
     private setSortDirection;
     private changeCellSort;
     validateHeaders(value?: Stringified<KoliBriTableHeaders>): void;
     validateLabel(value?: LabelPropType): void;
     validateMinWidth(value?: string): void;
     private readonly handlePagination;
-    private readonly beforePatchPagination;
     validatePagination(value?: boolean | Stringified<KoliBriTablePaginationProps>): void;
+    componentDidRender(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private checkDivElementScrollbar;
     componentWillLoad(): void;
     private getNumberOfCols;
     private getNumberOfRows;
@@ -43,5 +49,6 @@ export declare class KolTable implements API {
     private readonly renderTableRow;
     private readonly renderTableCell;
     private readonly renderFoot;
+    private renderPagination;
     render(): JSX.Element;
 }

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

@@ -1,9 +1,6 @@
-import { JSX } from '../../stencil-public-runtime';
-import { Stringified } from '../../types/common';
-import { AlignPropType } from '../../types/props/align';
-import { LabelPropType } from '../../types/props/label';
-import { API, KoliBriTabsCallbacks, States, TabButtonProps } from './types';
-export declare class KolTabs implements API {
+import type { AlignPropType, KoliBriTabsCallbacks, LabelPropType, Stringified, TabButtonProps, TabsAPI, TabsStates } from '@public-ui/schema';
+import type { JSX } from '../../stencil-public-runtime';
+export declare class KolTabs implements TabsAPI {
     private readonly host?;
     private tabPanelsElement?;
     private onCreateLabel;
@@ -23,7 +20,7 @@ export declare class KolTabs implements API {
     _on?: KoliBriTabsCallbacks;
     _selected?: number;
     _tabs: Stringified<TabButtonProps[]>;
-    state: States;
+    state: TabsStates;
     private selectNextNotDisabledTab;
     private syncSelectedAndTabs;
     validateAlign(value?: AlignPropType): void;

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

@@ -1,16 +1,6 @@
-import { JSX } from '../../stencil-public-runtime';
-import { InputTypeOnDefault } from '../../types/input/types';
-import { AdjustHeightPropType } from '../../types/props/adjust-height';
-import { HasCounterPropType } from '../../types/props/has-counter';
-import { HideErrorPropType } from '../../types/props/hide-error';
-import { IdPropType } from '../../types/props/id';
-import { LabelWithExpertSlotPropType } from '../../types/props/label';
-import { NamePropType } from '../../types/props/name';
-import { RowsPropType } from '../../types/props/rows';
-import { SyncValueBySelectorPropType } from '../../types/props/sync-value-by-selector';
-import { TooltipAlignPropType } from '../../types/props/tooltip-align';
-import { API, CSSResize, States } from './types';
-export declare class KolTextarea implements API {
+import type { AdjustHeightPropType, CSSResize, HasCounterPropType, HideErrorPropType, IdPropType, InputTypeOnDefault, LabelWithExpertSlotPropType, NamePropType, RowsPropType, SyncValueBySelectorPropType, TextareaAPI, TextareaStates, TooltipAlignPropType } from '@public-ui/schema';
+import type { JSX } from '../../stencil-public-runtime';
+export declare class KolTextarea implements TextareaAPI {
     private readonly host?;
     private ref?;
     private readonly catchRef;
@@ -41,7 +31,7 @@ export declare class KolTextarea implements API {
     _tooltipAlign?: TooltipAlignPropType;
     _touched?: boolean;
     _value?: string;
-    state: States;
+    state: TextareaStates;
     constructor();
     validateAccessKey(value?: string): void;
     validateAdjustHeight(value?: AdjustHeightPropType): void;
@@ -66,6 +56,7 @@ export declare class KolTextarea implements API {
     validateTabIndex(value?: number): void;
     validateTouched(value?: boolean): void;
     validateValue(value?: string): void;
+    componentDidLoad(): void;
     componentWillLoad(): void;
-    private readonly onKeyUp;
+    private readonly onInput;
 }

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

@@ -1,11 +1,9 @@
-import type { Generic } from 'adopted-style-sheets';
-import { HasCounterPropType } from '../../types/props/has-counter';
-import { RowsPropType } from '../../types/props/rows';
+import type { CSSResize, HasCounterPropType, RowsPropType, TextareaProps, TextareaWatches } from '@public-ui/schema';
 import { InputController } from '../@deprecated/input/controller';
-import { CSSResize, Props, Watches } from './types';
-export declare class TextareaController extends InputController implements Watches {
-    protected readonly component: Generic.Element.Component & Props;
-    constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement);
+import type { Generic } from 'adopted-style-sheets';
+export declare class TextareaController extends InputController implements TextareaWatches {
+    protected readonly component: Generic.Element.Component & TextareaProps;
+    constructor(component: Generic.Element.Component & TextareaProps, name: string, host?: HTMLElement);
     private afterSyncCharCounter;
     validateHasCounter(value?: HasCounterPropType): void;
     validateMaxLength(value?: number): void;

package/dist/types/components/toaster/InternalToast.d.ts

@@ -1,4 +1,4 @@
-import { ToastState } from './types';
+import type { ToastState } from '@public-ui/schema';
 type Props = {
     toastState: ToastState;
     onClose: () => void;

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

@@ -1,7 +1,7 @@
-import { JSX } from '../../stencil-public-runtime';
-import { API, States, Toast } from './types';
-export declare class KolToastContainer implements API {
-    state: States;
+import type { JSX } from '../../stencil-public-runtime';
+import type { Toast, ToasterAPI, ToasterStates } from '@public-ui/schema';
+export declare class KolToastContainer implements ToasterAPI {
+    state: ToasterStates;
     enqueue(toast: Toast): Promise<() => void>;
     private handleClose;
     closeAll(): Promise<void>;

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

@@ -1,4 +1,4 @@
-import { Toast, ToasterOptions } from './types';
+import type { Toast, ToasterOptions } from '@public-ui/schema';
 export declare class ToasterService {
     private readonly document;
     private readonly options?;