@public-ui/components 2.1.3 → 2.1.4

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

@@ -1,10 +1,12 @@
-import type { AdjustHeightPropType, CSSResize, HasCounterPropType, HideErrorPropType, IdPropType, InputTypeOnDefault, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, Stringified, RowsPropType, SyncValueBySelectorPropType, TextareaAPI, TextareaStates, TooltipAlignPropType } from '../../schema';
+import type { AdjustHeightPropType, CSSResize, FocusableElement, HasCounterPropType, HideErrorPropType, IdPropType, InputTypeOnDefault, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, RowsPropType, Stringified, SyncValueBySelectorPropType, TextareaAPI, TextareaStates, TooltipAlignPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
-export declare class KolTextarea implements TextareaAPI {
+export declare class KolTextarea implements TextareaAPI, FocusableElement {
     private readonly host?;
-    private ref?;
+    private textareaRef?;
     private readonly catchRef;
     getValue(): Promise<string | undefined>;
+    focus(): Promise<void>;
+    kolFocus(): Promise<void>;
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: string;

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

@@ -0,0 +1,2 @@
+import type { TreeProps } from '../../../schema';
+export declare const getTreeHtml: (props: TreeProps) => string;

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

@@ -2,7 +2,10 @@ import { type JSX } from '../../stencil-public-runtime';
 import type { ActivePropType, HrefPropType, LabelPropType, OpenPropType, TreeItemAPI, TreeItemStates } from '../../schema';
 export declare class KolTreeItemWc implements TreeItemAPI {
     private linkElement;
+    private groupId;
+    private level?;
     host: HTMLElement;
+    private renderIcon;
     render(): JSX.Element;
     state: TreeItemStates;
     _active?: OpenPropType;
@@ -14,6 +17,7 @@ export declare class KolTreeItemWc implements TreeItemAPI {
     validateOpen(value?: OpenPropType): void;
     validateHref(value?: HrefPropType): void;
     componentWillLoad(): void;
+    private determineTreeItemDepth;
     private handleSlotchange;
     private checkForChildren;
     focusLink(): Promise<void>;

package/dist/types/components/tree-item/test/html.mock.d.ts

@@ -0,0 +1,2 @@
+import type { TreeItemProps } from '../../../schema';
+export declare const getTreeItemHtml: (props: TreeItemProps) => string;

package/dist/types/components.d.ts

@@ -5,10 +5,10 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { AccessKeyPropType, AlertType, AlertVariant, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonProps, ButtonTypePropType, ButtonVariantPropType, CSSResize, CustomClassPropType, DownloadPropType, ErrorListPropType, EventCallbacks, HeadingLevel, HeadingVariantPropType, HrefPropType, IconsPropType, IdPropType, ImageSourcePropType, InputCheckboxIconsProp, InputCheckboxVariant, InputDateType, InputTextType, InputTypeOnDefault, InputTypeOnOff, Iso8601, KoliBriAccordionCallbacks, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriFormCallbacks, KoliBriHorizontalIcons, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriProgressVariantType, KoliBriQuoteVariant, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTabsCallbacks, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, ListStyleType, Loading, MaxPropType, MsgPropType, NamePropType, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, Orientation, PaginationHasButton, PaginationPositionPropType, PropColor, RowsPropType, SpinVariantPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatefulCallbacksPropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType, W3CInputValue } from "./schema";
+import { AccessKeyPropType, AlertType, AlertVariant, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaOwnsPropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonProps, ButtonTypePropType, ButtonVariantPropType, CSSResize, CustomClassPropType, DownloadPropType, ErrorListPropType, EventCallbacks, HeadingLevel, HeadingVariantPropType, HrefPropType, IconsPropType, IdPropType, ImageSourcePropType, InputCheckboxIconsProp, InputCheckboxVariant, InputDateType, InputTextType, InputTypeOnDefault, InputTypeOnOff, Iso8601, KoliBriAccordionCallbacks, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriFormCallbacks, KoliBriHorizontalIcons, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriProgressVariantType, KoliBriQuoteVariant, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTabsCallbacks, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, ListStyleType, Loading, MaxPropType, ModalPropType, MsgPropType, NamePropType, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, Orientation, PaginationHasButton, PaginationPositionPropType, PropColor, RowsPropType, SpinVariantPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatefulCallbacksPropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType, W3CInputValue } from "./schema";
 import { PasswordVariantPropType } from "./schema/props/variant/password-variant";
 import { Bundesamt, Bundesanstalt, Bundesministerium } from "./enums/bund";
-export { AccessKeyPropType, AlertType, AlertVariant, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonProps, ButtonTypePropType, ButtonVariantPropType, CSSResize, CustomClassPropType, DownloadPropType, ErrorListPropType, EventCallbacks, HeadingLevel, HeadingVariantPropType, HrefPropType, IconsPropType, IdPropType, ImageSourcePropType, InputCheckboxIconsProp, InputCheckboxVariant, InputDateType, InputTextType, InputTypeOnDefault, InputTypeOnOff, Iso8601, KoliBriAccordionCallbacks, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriFormCallbacks, KoliBriHorizontalIcons, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriProgressVariantType, KoliBriQuoteVariant, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTabsCallbacks, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, ListStyleType, Loading, MaxPropType, MsgPropType, NamePropType, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, Orientation, PaginationHasButton, PaginationPositionPropType, PropColor, RowsPropType, SpinVariantPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatefulCallbacksPropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType, W3CInputValue } from "./schema";
+export { AccessKeyPropType, AlertType, AlertVariant, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaOwnsPropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonProps, ButtonTypePropType, ButtonVariantPropType, CSSResize, CustomClassPropType, DownloadPropType, ErrorListPropType, EventCallbacks, HeadingLevel, HeadingVariantPropType, HrefPropType, IconsPropType, IdPropType, ImageSourcePropType, InputCheckboxIconsProp, InputCheckboxVariant, InputDateType, InputTextType, InputTypeOnDefault, InputTypeOnOff, Iso8601, KoliBriAccordionCallbacks, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriFormCallbacks, KoliBriHorizontalIcons, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriProgressVariantType, KoliBriQuoteVariant, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTabsCallbacks, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, ListStyleType, Loading, MaxPropType, ModalPropType, MsgPropType, NamePropType, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, Orientation, PaginationHasButton, PaginationPositionPropType, PropColor, RowsPropType, SpinVariantPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatefulCallbacksPropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType, W3CInputValue } from "./schema";
 export { PasswordVariantPropType } from "./schema/props/variant/password-variant";
 export { Bundesamt, Bundesanstalt, Bundesministerium } from "./enums/bund";
 export namespace Components {
@@ -44,6 +44,11 @@ export namespace Components {
           * @TODO : Change type back to `OpenPropType` after Stencil#4663 has been resolved.
          */
         "_open"?: boolean;
+        /**
+          * @deprecated Use kolFocus instead.
+         */
+        "focus": () => Promise<void>;
+        "kolFocus": () => Promise<void>;
     }
     interface KolAlert {
         /**
@@ -233,7 +238,12 @@ export namespace Components {
           * Defines which variant should be used for presentation.
          */
         "_variant"?: ButtonVariantPropType;
+        /**
+          * @deprecated Use kolFocus instead.
+         */
+        "focus": () => Promise<void>;
         "getValue": () => Promise<Stringified<StencilUnknown> | undefined>;
+        "kolFocus": () => Promise<void>;
     }
     interface KolButtonGroup {
     }
@@ -312,7 +322,12 @@ export namespace Components {
           * Defines the value that the button emits on click.
          */
         "_value"?: Stringified<StencilUnknown>;
+        /**
+          * @deprecated Use kolFocus instead.
+         */
+        "focus": () => Promise<void>;
         "getValue": () => Promise<Stringified<StencilUnknown> | undefined>;
+        "kolFocus": () => Promise<void>;
     }
     interface KolButtonWc {
         /**
@@ -392,6 +407,7 @@ export namespace Components {
           * Defines which variant should be used for presentation.
          */
         "_variant"?: ButtonVariantPropType;
+        "kolFocus": () => Promise<void>;
     }
     interface KolCard {
         /**
@@ -517,6 +533,35 @@ export namespace Components {
           * @TODO : Change type back to `OpenPropType` after Stencil#4663 has been resolved.
          */
         "_open"?: boolean;
+        /**
+          * @deprecated Use kolFocus instead.
+         */
+        "focus": () => Promise<void>;
+        "kolFocus": () => Promise<void>;
+    }
+    interface KolDrawer {
+        /**
+          * Specifies the orientation of the drawer.
+         */
+        "_align"?: AlignPropType;
+        /**
+          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
+         */
+        "_label": LabelPropType;
+        /**
+          * Indicates whether the drawer is a modal.
+         */
+        "_modal"?: ModalPropType;
+        /**
+          * Specifies the EventCallback function to be called when the drawer is closing.
+         */
+        "_on"?: KoliBriModalEventCallbacks;
+        /**
+          * Specifies the default open state of the drawer.
+         */
+        "_open"?: OpenPropType;
+        "close": () => Promise<void>;
+        "open": () => Promise<void>;
     }
     interface KolForm {
         /**
@@ -791,7 +836,12 @@ export namespace Components {
           * Defines which variant should be used for presentation.
          */
         "_variant"?: InputCheckboxVariant;
+        /**
+          * @deprecated Use kolFocus instead.
+         */
+        "focus": () => Promise<void>;
         "getValue": () => Promise<StencilUnknown>;
+        "kolFocus": () => Promise<void>;
     }
     interface KolInputColor {
         /**
@@ -883,7 +933,12 @@ export namespace Components {
           * Defines the value of the input.
          */
         "_value"?: string;
+        /**
+          * @deprecated Use kolFocus instead.
+         */
+        "focus": () => Promise<void>;
         "getValue": () => Promise<string | undefined>;
+        "kolFocus": () => Promise<void>;
     }
     interface KolInputDate {
         /**
@@ -1001,7 +1056,12 @@ export namespace Components {
           * Defines the value of the input.
          */
         "_value"?: Iso8601 | Date | null;
+        /**
+          * @deprecated Use kolFocus instead.
+         */
+        "focus": () => Promise<void>;
         "getValue": () => Promise<string | undefined>;
+        "kolFocus": () => Promise<void>;
     }
     interface KolInputEmail {
         /**
@@ -1124,7 +1184,12 @@ export namespace Components {
           * Defines the value of the input.
          */
         "_value"?: string;
+        /**
+          * @deprecated Use kolFocus instead.
+         */
+        "focus": () => Promise<void>;
         "getValue": () => Promise<string | undefined>;
+        "kolFocus": () => Promise<void>;
     }
     interface KolInputFile {
         /**
@@ -1222,7 +1287,12 @@ export namespace Components {
           * Defines the value of the input.
          */
         "_value"?: string;
+        /**
+          * @deprecated Use kolFocus instead.
+         */
+        "focus": () => Promise<void>;
         "getValue": () => Promise<FileList | null | undefined>;
+        "kolFocus": () => Promise<void>;
     }
     interface KolInputNumber {
         /**
@@ -1340,7 +1410,12 @@ export namespace Components {
           * Defines the value of the input.
          */
         "_value"?: number | Iso8601 | null;
+        /**
+          * @deprecated Use kolFocus instead.
+         */
+        "focus": () => Promise<void>;
         "getValue": () => Promise<string | undefined>;
+        "kolFocus": () => Promise<void>;
     }
     interface KolInputPassword {
         /**
@@ -1459,7 +1534,12 @@ export namespace Components {
           * Defines which variant should be used for presentation.
          */
         "_variant"?: PasswordVariantPropType;
+        /**
+          * @deprecated Use kolFocus instead.
+         */
+        "focus": () => Promise<void>;
         "getValue": () => Promise<string | undefined>;
+        "kolFocus": () => Promise<void>;
     }
     interface KolInputRadio {
         /**
@@ -1549,7 +1629,12 @@ export namespace Components {
           * @see Known bug: https://github.com/ionic-team/stencil/issues/3902
          */
         "_value"?: StencilUnknown;
+        /**
+          * @deprecated Use kolFocus instead.
+         */
+        "focus": () => Promise<void>;
         "getValue": () => Promise<StencilUnknown | undefined>;
+        "kolFocus": () => Promise<void>;
     }
     interface KolInputRange {
         /**
@@ -1649,7 +1734,12 @@ export namespace Components {
           * Defines the value of the input.
          */
         "_value"?: number;
+        /**
+          * @deprecated Use kolFocus instead.
+         */
+        "focus": () => Promise<void>;
         "getValue": () => Promise<number | undefined>;
+        "kolFocus": () => Promise<void>;
     }
     interface KolInputText {
         /**
@@ -1773,7 +1863,12 @@ export namespace Components {
           * Defines the value of the input.
          */
         "_value"?: string;
+        /**
+          * @deprecated Use kolFocus instead.
+         */
+        "focus": () => Promise<void>;
         "getValue": () => Promise<string | undefined>;
+        "kolFocus": () => Promise<void>;
     }
     interface KolKolibri {
         /**
@@ -1839,6 +1934,11 @@ export namespace Components {
           * Defines where to show the Tooltip preferably: top, right, bottom or left.
          */
         "_tooltipAlign"?: TooltipAlignPropType;
+        /**
+          * @deprecated Use kolFocus instead.
+         */
+        "focus": () => Promise<void>;
+        "kolFocus": () => Promise<void>;
     }
     interface KolLinkButton {
         /**
@@ -1902,6 +2002,11 @@ export namespace Components {
           * Defines which variant should be used for presentation.
          */
         "_variant"?: ButtonVariantPropType;
+        /**
+          * @deprecated Use kolFocus instead.
+         */
+        "focus": () => Promise<void>;
+        "kolFocus": () => Promise<void>;
     }
     interface KolLinkGroup {
         /**
@@ -1930,6 +2035,15 @@ export namespace Components {
           * Defines the value for the aria-current attribute.
          */
         "_ariaCurrentValue"?: AriaCurrentValuePropType;
+        /**
+          * Marks this element as open/expanded, or that the connected element (aria-controls/aria-owns) is open/expanded.
+          * @TODO : Change type to `AriaExpandedPropType` after Stencil#4663 has been resolved.
+         */
+        "_ariaExpanded"?: boolean;
+        /**
+          * Defines the contextual relationship between a parent and its child elements.
+         */
+        "_ariaOwns"?: AriaOwnsPropType;
         /**
           * Makes the element not focusable and ignore all events.
          */
@@ -1975,6 +2089,7 @@ export namespace Components {
           * Defines where to show the Tooltip preferably: top, right, bottom or left.
          */
         "_tooltipAlign"?: TooltipAlignPropType;
+        "kolFocus": () => Promise<void>;
     }
     /**
      * @deprecated 
@@ -2228,7 +2343,12 @@ export namespace Components {
           * Defines the value of the input.
          */
         "_value"?: Stringified<W3CInputValue[]>;
+        /**
+          * @deprecated Use kolFocus instead.
+         */
+        "focus": () => Promise<void>;
         "getValue": () => Promise<Stringified<W3CInputValue[]> | undefined>;
+        "kolFocus": () => Promise<void>;
     }
     interface KolSkipNav {
         /**
@@ -2662,7 +2782,12 @@ export namespace Components {
           * Defines the value of the input.
          */
         "_value"?: string;
+        /**
+          * @deprecated Use kolFocus instead.
+         */
+        "focus": () => Promise<void>;
         "getValue": () => Promise<string | undefined>;
+        "kolFocus": () => Promise<void>;
     }
     interface KolToastContainer {
         "closeAll": (immediate?: boolean) => Promise<void>;
@@ -2856,6 +2981,12 @@ declare global {
         prototype: HTMLKolDetailsElement;
         new (): HTMLKolDetailsElement;
     };
+    interface HTMLKolDrawerElement extends Components.KolDrawer, HTMLStencilElement {
+    }
+    var HTMLKolDrawerElement: {
+        prototype: HTMLKolDrawerElement;
+        new (): HTMLKolDrawerElement;
+    };
     interface HTMLKolFormElement extends Components.KolForm, HTMLStencilElement {
     }
     var HTMLKolFormElement: {
@@ -3179,6 +3310,7 @@ declare global {
         "kol-card": HTMLKolCardElement;
         "kol-combobox": HTMLKolComboboxElement;
         "kol-details": HTMLKolDetailsElement;
+        "kol-drawer": HTMLKolDrawerElement;
         "kol-form": HTMLKolFormElement;
         "kol-heading": HTMLKolHeadingElement;
         "kol-heading-wc": HTMLKolHeadingWcElement;
@@ -3719,6 +3851,28 @@ declare namespace LocalJSX {
          */
         "_open"?: boolean;
     }
+    interface KolDrawer {
+        /**
+          * Specifies the orientation of the drawer.
+         */
+        "_align"?: AlignPropType;
+        /**
+          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
+         */
+        "_label": LabelPropType;
+        /**
+          * Indicates whether the drawer is a modal.
+         */
+        "_modal"?: ModalPropType;
+        /**
+          * Specifies the EventCallback function to be called when the drawer is closing.
+         */
+        "_on"?: KoliBriModalEventCallbacks;
+        /**
+          * Specifies the default open state of the drawer.
+         */
+        "_open"?: OpenPropType;
+    }
     interface KolForm {
         /**
           * A list of error objects that each describe an issue encountered in the form. Each error object contains a message and a selector for identifying the form element related to the error.
@@ -5075,6 +5229,15 @@ declare namespace LocalJSX {
           * Defines the value for the aria-current attribute.
          */
         "_ariaCurrentValue"?: AriaCurrentValuePropType;
+        /**
+          * Marks this element as open/expanded, or that the connected element (aria-controls/aria-owns) is open/expanded.
+          * @TODO : Change type to `AriaExpandedPropType` after Stencil#4663 has been resolved.
+         */
+        "_ariaExpanded"?: boolean;
+        /**
+          * Defines the contextual relationship between a parent and its child elements.
+         */
+        "_ariaOwns"?: AriaOwnsPropType;
         /**
           * Makes the element not focusable and ignore all events.
          */
@@ -5895,6 +6058,7 @@ declare namespace LocalJSX {
         "kol-card": KolCard;
         "kol-combobox": KolCombobox;
         "kol-details": KolDetails;
+        "kol-drawer": KolDrawer;
         "kol-form": KolForm;
         "kol-heading": KolHeading;
         "kol-heading-wc": KolHeadingWc;
@@ -5967,6 +6131,7 @@ declare module "@stencil/core" {
             "kol-card": LocalJSX.KolCard & JSXBase.HTMLAttributes<HTMLKolCardElement>;
             "kol-combobox": LocalJSX.KolCombobox & JSXBase.HTMLAttributes<HTMLKolComboboxElement>;
             "kol-details": LocalJSX.KolDetails & JSXBase.HTMLAttributes<HTMLKolDetailsElement>;
+            "kol-drawer": LocalJSX.KolDrawer & JSXBase.HTMLAttributes<HTMLKolDrawerElement>;
             "kol-form": LocalJSX.KolForm & JSXBase.HTMLAttributes<HTMLKolFormElement>;
             "kol-heading": LocalJSX.KolHeading & JSXBase.HTMLAttributes<HTMLKolHeadingElement>;
             "kol-heading-wc": LocalJSX.KolHeadingWc & JSXBase.HTMLAttributes<HTMLKolHeadingWcElement>;

package/dist/types/core/component-names.d.ts

@@ -13,6 +13,7 @@ export declare let KolButtonTag: "kol-button";
 export declare let KolButtonWcTag: "kol-button-wc";
 export declare let KolCardTag: "kol-card";
 export declare let KolDetailsTag: "kol-details";
+export declare let KolDrawerTag: "kol-drawer";
 export declare let KolFormTag: "kol-form";
 export declare let KolHeadingTag: "kol-heading";
 export declare let KolHeadingWcTag: "kol-heading-wc";

package/dist/types/index.d.ts

@@ -1,5 +1,5 @@
 export { KoliBriDevHelper, Optgroup, Option, SelectOption } from './schema';
-export type { Toast, ToasterOptions, KoliBriTableSelection, KoliBriTableCell } from './schema';
+export type { Toast, ToasterOptions, KoliBriTableSelection, KoliBriTableCell, FocusableElement } from './schema';
 export { KoliBri } from './schema';
 export * from './components.d';
 export { setCurrentLocation } from './components/link/ariaCurrentService';

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

@@ -1,11 +1,12 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { PropAccessKey, PropAlternativeButtonLinkRole, PropAriaControls, PropAriaExpanded, PropAriaSelected, PropButtonCallbacks, PropButtonType, PropButtonVariant, PropCustomClass, PropDisabled, PropHideLabel, PropIcons, PropId, PropLabelWithExpertSlot, PropName, PropSyncValueBySelector, PropTooltipAlign } from '../props';
+import type { AriaExpandedPropType, PropAccessKey, PropAlternativeButtonLinkRole, PropAriaControls, PropAriaSelected, PropButtonCallbacks, PropButtonType, PropButtonVariant, PropCustomClass, PropDisabled, PropHideLabel, PropIcons, PropId, PropLabelWithExpertSlot, PropName, PropSyncValueBySelector, PropTooltipAlign } from '../props';
 import type { KoliBriAllIcons, StencilUnknown, Stringified } from '../types';
 export type RequiredButtonProps = PropLabelWithExpertSlot;
 export type OptionalButtonProps = {
     tabIndex: number;
     value: Stringified<StencilUnknown>;
-} & PropAlternativeButtonLinkRole & PropAriaControls & PropAriaExpanded & PropAriaSelected & PropButtonCallbacks<StencilUnknown> & PropButtonType & PropButtonVariant & PropCustomClass & PropDisabled & PropHideLabel & PropIcons & PropId & PropName & PropSyncValueBySelector & PropTooltipAlign & PropAccessKey;
+    ariaExpanded: AriaExpandedPropType;
+} & PropAlternativeButtonLinkRole & PropAriaControls & PropAriaSelected & PropButtonCallbacks<StencilUnknown> & PropButtonType & PropButtonVariant & PropCustomClass & PropDisabled & PropHideLabel & PropIcons & PropId & PropName & PropSyncValueBySelector & PropTooltipAlign & PropAccessKey;
 export type RequiredButtonStates = RequiredButtonProps & PropButtonType & PropButtonVariant & {
     icons: KoliBriAllIcons;
 };

package/dist/types/schema/components/drawer.d.ts

@@ -0,0 +1,15 @@
+import type { Generic } from 'adopted-style-sheets';
+import type { PropLabel, PropOpen, PropAlign, PropModal } from '../props';
+import type { KoliBriModalEventCallbacks } from '../types';
+type RequiredProps = PropLabel;
+type OptionalProps = PropAlign & PropOpen & PropModal & {
+    on: KoliBriModalEventCallbacks;
+};
+type RequiredStates = PropAlign & PropOpen & PropLabel;
+type OptionalStates = PropModal & {
+    on: KoliBriModalEventCallbacks;
+};
+export type DrawerProps = Generic.Element.Members<RequiredProps, OptionalProps>;
+export type DrawerStates = Generic.Element.Members<RequiredStates, OptionalStates>;
+export type DrawerAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export {};

package/dist/types/schema/components/index.d.ts

@@ -1 +1 @@
-export*from"./abbr";export*from"./accordion";export*from"./alert";export*from"./avatar";export*from"./badge";export*from"./breadcrumb";export*from"./button";export*from"./button-group";export*from"./button-link";export*from"./card";export*from"./details";export*from"./form";export*from"./heading";export*from"./icon";export*from"./image";export*from"./indented-text";export*from"./input";export*from"./input-checkbox";export*from"./input-color";export*from"./input-date";export*from"./input-email";export*from"./input-file";export*from"./input-number";export*from"./input-password";export*from"./input-radio";export*from"./input-range";export*from"./input-text";export*from"./kolibri";export*from"./link";export*from"./link-button";export*from"./link-group";export*from"./modal";export*from"./nav";export*from"./pagination";export*from"./popover";export*from"./progress";export*from"./quote";export*from"./select";export*from"./skip-nav";export*from"./span";export*from"./spin";export*from"./split-button";export*from"./symbol";export*from"./table";export*from"./tableStateless";export*from"./tabs";export*from"./textarea";export*from"./toaster";export*from"./toolbar";export*from"./tooltip";export*from"./tree";export*from"./tree-item";export*from"./version";export*from"./combobox";
+export*from"./abbr";export*from"./accordion";export*from"./alert";export*from"./avatar";export*from"./badge";export*from"./breadcrumb";export*from"./button";export*from"./button-group";export*from"./button-link";export*from"./card";export*from"./details";export*from"./drawer";export*from"./form";export*from"./heading";export*from"./icon";export*from"./image";export*from"./indented-text";export*from"./input";export*from"./input-checkbox";export*from"./input-color";export*from"./input-date";export*from"./input-email";export*from"./input-file";export*from"./input-number";export*from"./input-password";export*from"./input-radio";export*from"./input-range";export*from"./input-text";export*from"./kolibri";export*from"./link";export*from"./link-button";export*from"./link-group";export*from"./modal";export*from"./nav";export*from"./pagination";export*from"./popover";export*from"./progress";export*from"./quote";export*from"./select";export*from"./skip-nav";export*from"./span";export*from"./spin";export*from"./split-button";export*from"./symbol";export*from"./table";export*from"./tableStateless";export*from"./tabs";export*from"./textarea";export*from"./toaster";export*from"./toolbar";export*from"./tooltip";export*from"./tree";export*from"./tree-item";export*from"./version";export*from"./combobox";

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

@@ -1,5 +1,5 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { PropAccessKey, PropAlternativeButtonLinkRole, PropAriaCurrentValue, PropDisabled, PropDownload, PropHideLabel, PropHref, PropIcons, PropLabelWithExpertSlot, PropLinkOnCallbacks, PropLinkTarget, PropTooltipAlign } from '../props';
+import type { PropAccessKey, PropAlternativeButtonLinkRole, PropAriaCurrentValue, PropAriaExpanded, PropAriaOwns, PropDisabled, PropDownload, PropHideLabel, PropHref, PropIcons, PropLabelWithExpertSlot, PropLinkOnCallbacks, PropLinkTarget, PropTooltipAlign } from '../props';
 export type RequiredProps = PropHref;
 export type OptionalProps = {
     tabIndex: number;
@@ -7,7 +7,7 @@ export type OptionalProps = {
 type RequiredStates = PropAriaCurrentValue & PropIcons & PropHref;
 type OptionalStates = {
     ariaCurrent: string;
-} & Omit<RequiredProps & OptionalProps, keyof RequiredStates>;
+} & PropAriaExpanded & PropAriaOwns & Omit<RequiredProps & OptionalProps, keyof RequiredStates>;
 export type LinkProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type LinkStates = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type LinkAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;

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

@@ -1,7 +1,8 @@
 import { Theme } from 'adopted-style-sheets';
-export declare const KoliBri: Theme<"kol", "info" | "success" | "warning" | "error" | "message" | "close" | "form-description" | "of" | "characters" | "new" | "no-entries" | "change-order" | "action-running" | "action-done" | "page-first" | "page-back" | "page-next" | "page-last" | "entries-per-site" | "page-current" | "page-selected" | "page-per-site" | "logo-description" | "open-link-in-tab" | "kolibri-logo", "symbol" | "details" | "abbr" | "button" | "form" | "link" | "nav" | "progress" | "select" | "table" | "textarea" | "image" | "icon" | "alert" | "card" | "accordion" | "accordion-group" | "avatar" | "badge" | "breadcrumb" | "button-group" | "button-link" | "combobox" | "heading" | "indented-text" | "input-checkbox" | "input-color" | "input-date" | "input-email" | "input-file" | "input-number" | "input-password" | "input-radio" | "input-range" | "input-text" | "kolibri" | "link-button" | "link-group" | "logo" | "modal" | "pagination" | "separator" | "skip-nav" | "spin" | "split-button" | "table-stateless" | "table-stateful" | "tabs" | "toast-container" | "toolbar" | "tooltip" | "tree" | "tree-item">;
+export declare const KoliBri: Theme<"kol", "info" | "success" | "warning" | "error" | "message" | "close" | "form-description" | "of" | "characters" | "new" | "no-entries" | "change-order" | "action-running" | "action-done" | "page-first" | "page-back" | "page-next" | "page-last" | "entries-per-site" | "page-current" | "page-selected" | "page-per-site" | "logo-description" | "open-link-in-tab" | "kolibri-logo", "symbol" | "details" | "abbr" | "button" | "form" | "link" | "nav" | "progress" | "select" | "table" | "textarea" | "image" | "icon" | "alert" | "card" | "accordion" | "accordion-group" | "avatar" | "badge" | "breadcrumb" | "button-group" | "button-link" | "combobox" | "drawer" | "heading" | "indented-text" | "input-checkbox" | "input-color" | "input-date" | "input-email" | "input-file" | "input-number" | "input-password" | "input-radio" | "input-range" | "input-text" | "kolibri" | "link-button" | "link-group" | "logo" | "modal" | "pagination" | "separator" | "skip-nav" | "spin" | "split-button" | "table-stateless" | "table-stateful" | "tabs" | "toast-container" | "toolbar" | "tooltip" | "tree" | "tree-item">;
 export * from './components';
 export * from './props';
 export * from './types';
 export * from './utils';
 export * from './validators';
+export * from './interfaces';

package/dist/types/schema/interfaces/FocusableElement.d.ts

@@ -0,0 +1,3 @@
+export interface FocusableElement {
+    kolFocus(): Promise<void>;
+}

package/dist/types/schema/interfaces/index.d.ts

@@ -0,0 +1 @@
+export*from"./FocusableElement";

package/dist/types/schema/props/alternative-button-link-role.d.ts

@@ -1,5 +1,5 @@
 import type { Generic } from 'adopted-style-sheets';
-export type AlternativeButtonLinkRolePropType = 'button' | 'link' | 'tab';
+export type AlternativeButtonLinkRolePropType = 'button' | 'link' | 'tab' | 'treeitem';
 export type PropAlternativeButtonLinkRole = {
     role: AlternativeButtonLinkRolePropType;
 };

package/dist/types/schema/props/aria-expanded.d.ts

@@ -1,7 +1,6 @@
 import type { Generic } from 'adopted-style-sheets';
-type AriaExpandedPropType = boolean;
+export type AriaExpandedPropType = boolean;
 export type PropAriaExpanded = {
     ariaExpanded: AriaExpandedPropType;
 };
 export declare const validateAriaExpanded: (component: Generic.Element.Component, value?: AriaExpandedPropType) => void;
-export {};

package/dist/types/schema/props/aria-owns.d.ts

@@ -0,0 +1,6 @@
+import type { Generic } from 'adopted-style-sheets';
+export type AriaOwnsPropType = string;
+export type PropAriaOwns = {
+    ariaOwns: AriaOwnsPropType;
+};
+export declare const validateAriaOwns: (component: Generic.Element.Component, value?: AriaOwnsPropType) => void;

package/dist/types/schema/props/index.d.ts

@@ -1 +1 @@
-export*from"./access-key";export*from"./active";export*from"./adjust-height";export*from"./alert";export*from"./align";export*from"./alternative-button-link-role";export*from"./aria-controls";export*from"./aria-current-value";export*from"./aria-expanded";export*from"./aria-selected";export*from"./button-callbacks";export*from"./button-type";export*from"./button-variant";export*from"./checked";export*from"./collapsible";export*from"./color";export*from"./custom-class";export*from"./disabled";export*from"./download";export*from"./error-list";export*from"./has-closer";export*from"./has-compact-button";export*from"./has-counter";export*from"./has-icons-when-expanded";export*from"./heading-variant";export*from"./hide-error";export*from"./hide-label";export*from"./href";export*from"./icons";export*from"./id";export*from"./image-source";export*from"./indeterminate";export*from"./label";export*from"./link-on-callbacks";export*from"./link-target";export*from"./loading";export*from"./max";export*from"./msg";export*from"./multiple";export*from"./name";export*from"./open";export*from"./options";export*from"./pagination-position";export*from"./read-only";export*from"./required";export*from"./rows";export*from"./show";export*from"./suggestions";export*from"./sync-value-by-selector";export*from"./table-callbacks";export*from"./table-data";export*from"./table-data-foot";export*from"./table-header-cells";export*from"./table-selection";export*from"./tooltip-align";export*from"./toolbar-items";export*from"./touched";export*from"./variant/spin";
+export*from"./access-key";export*from"./active";export*from"./adjust-height";export*from"./alert";export*from"./align";export*from"./alternative-button-link-role";export*from"./aria-controls";export*from"./aria-current-value";export*from"./aria-expanded";export*from"./aria-owns";export*from"./aria-selected";export*from"./button-callbacks";export*from"./button-type";export*from"./button-variant";export*from"./checked";export*from"./collapsible";export*from"./color";export*from"./custom-class";export*from"./disabled";export*from"./download";export*from"./error-list";export*from"./has-closer";export*from"./has-compact-button";export*from"./has-counter";export*from"./has-icons-when-expanded";export*from"./heading-variant";export*from"./hide-error";export*from"./hide-label";export*from"./href";export*from"./icons";export*from"./id";export*from"./image-source";export*from"./indeterminate";export*from"./label";export*from"./link-on-callbacks";export*from"./link-target";export*from"./loading";export*from"./max";export*from"./modal";export*from"./msg";export*from"./multiple";export*from"./name";export*from"./open";export*from"./options";export*from"./pagination-position";export*from"./read-only";export*from"./required";export*from"./rows";export*from"./show";export*from"./suggestions";export*from"./sync-value-by-selector";export*from"./table-callbacks";export*from"./table-data";export*from"./table-data-foot";export*from"./table-header-cells";export*from"./table-selection";export*from"./tooltip-align";export*from"./toolbar-items";export*from"./touched";export*from"./variant/spin";

package/dist/types/schema/props/modal.d.ts

@@ -0,0 +1,6 @@
+import type { Generic } from 'adopted-style-sheets';
+export type ModalPropType = boolean;
+export type PropModal = {
+    modal: ModalPropType;
+};
+export declare const validateModal: (component: Generic.Element.Component, value?: ModalPropType) => void;