@public-ui/components 3.0.1 → 3.0.2-6ae0104cda0b7b19a5b0d6bbc5f990b9fe544fa0.0

package/dist/kolibri/kolibri.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["../../node_modules/.pnpm/@stencil+core@4.20.0/node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.20.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":";;;wKAOA,IAAIA,EAAe,KAUjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EClB7BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAcC,KAAAC,MAAA,quiCAAuCJ,EAAA","ignoreList":[]}
+{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["../../node_modules/.pnpm/@stencil+core@4.20.0/node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.20.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":";;;wKAOA,IAAIA,EAAe,KAUjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EClB7BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAcC,KAAAC,MAAA,k/iCAAuCJ,EAAA","ignoreList":[]}

package/dist/kolibri/test-component.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as s}from"./index-1ed13705.js";const t=class{constructor(t){s(this,t)}};export{t as test_component};
+import{r as s}from"./index-02bdb302.js";const t=class{constructor(t){s(this,t)}};export{t as test_component};

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

@@ -4,10 +4,9 @@ import type { AriaHasPopupPropType } from '../../schema/props/aria-has-popup';
 export declare class KolButtonWc implements InternalButtonAPI, FocusableElement {
     private readonly host?;
     private buttonRef?;
-    private tooltipRef?;
     private readonly internalDescriptionById;
+    private readonly catchRef;
     kolFocus(): Promise<void>;
-    hideTooltip(): Promise<void>;
     private readonly onClick;
     private readonly onMouseDown;
     render(): JSX.Element;

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

@@ -0,0 +1,19 @@
+import type { JSX } from '../../stencil-public-runtime';
+import type { CardAPI, CardStates, HasCloserPropType, HeadingLevel, KoliBriCardEventCallbacks, LabelPropType } from '../../schema';
+export declare class KolCard implements CardAPI {
+    private readonly host?;
+    private readonly close;
+    private readonly on;
+    render(): JSX.Element;
+    _on?: KoliBriCardEventCallbacks;
+    _hasCloser?: boolean;
+    _label: LabelPropType;
+    _level?: HeadingLevel;
+    state: CardStates;
+    private validateOnValue;
+    validateOn(value?: KoliBriCardEventCallbacks): void;
+    validateHasCloser(value?: HasCloserPropType): void;
+    validateLabel(value?: LabelPropType): void;
+    validateLevel(value?: HeadingLevel): void;
+    componentWillLoad(): void;
+}

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

@@ -1,19 +1,9 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { CardAPI, CardStates, HasCloserPropType, HeadingLevel, KoliBriCardEventCallbacks, LabelPropType } from '../../schema';
-export declare class KolCard implements CardAPI {
-    private readonly host?;
-    private readonly close;
-    private readonly on;
+import type { CardProps, HeadingLevel, KoliBriCardEventCallbacks, LabelPropType } from '../../schema';
+export declare class KolCard implements CardProps {
     render(): JSX.Element;
     _on?: KoliBriCardEventCallbacks;
     _hasCloser?: boolean;
     _label: LabelPropType;
     _level?: HeadingLevel;
-    state: CardStates;
-    private validateOnValue;
-    validateOn(value?: KoliBriCardEventCallbacks): void;
-    validateHasCloser(value?: HasCloserPropType): void;
-    validateLabel(value?: LabelPropType): void;
-    validateLevel(value?: HeadingLevel): void;
-    componentWillLoad(): void;
 }

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

@@ -1,4 +1,4 @@
-import type { AlignPropType, DrawerAPI, DrawerStates, KoliBriModalEventCallbacks, LabelPropType, OpenPropType } from '../../schema';
+import type { AlignPropType, DrawerAPI, DrawerStates, HasCloserPropType, KoliBriModalEventCallbacks, LabelPropType, OpenPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
 export declare class KolDrawer implements DrawerAPI {
     private readonly host?;
@@ -12,11 +12,13 @@ export declare class KolDrawer implements DrawerAPI {
     render(): JSX.Element;
     _open?: OpenPropType;
     _align?: AlignPropType;
+    _hasCloser?: boolean;
     _label: LabelPropType;
     _on?: KoliBriModalEventCallbacks;
     state: DrawerStates;
     validateLabel(value?: LabelPropType): void;
     validateAlign(value?: AlignPropType): void;
+    validateHasCloser(value?: HasCloserPropType): void;
     validateOpen(value?: OpenPropType): void;
     private openOrCloseBasedOnState;
     validateOn(value?: KoliBriModalEventCallbacks): void;

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

@@ -1,13 +1,19 @@
-import type { AlternativeButtonLinkRolePropType, ButtonCallbacksPropType, ButtonTypePropType, ButtonVariantPropType, CustomClassPropType, IconsPropType, LabelPropType, NamePropType, SplitButtonProps, SplitButtonStates, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaDescriptionPropType, ButtonCallbacksPropType, ButtonTypePropType, ButtonVariantPropType, CustomClassPropType, IconsPropType, LabelWithExpertSlotPropType, ShortKeyPropType, SplitButtonProps, SplitButtonStates, StencilUnknown, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
 export declare class KolSplitButton implements SplitButtonProps {
+    private primaryButtonWcRef?;
+    private readonly catchPrimaryRef;
+    getValue(): Promise<StencilUnknown>;
+    kolFocus(): Promise<void>;
     private readonly clickButtonHandler;
     private readonly clickToggleHandler;
     private readonly toggleDropdown;
     private readonly handleOnClose;
     render(): JSX.Element;
     closePopup(): Promise<void>;
+    _accessKey?: AccessKeyPropType;
     _ariaControls?: string;
+    _ariaDescription?: AriaDescriptionPropType;
     _ariaExpanded?: boolean;
     _ariaSelected?: boolean;
     _customClass?: CustomClassPropType;
@@ -15,14 +21,15 @@ export declare class KolSplitButton implements SplitButtonProps {
     _hideLabel?: boolean;
     _icons?: IconsPropType;
     _id?: string;
-    _label: LabelPropType;
-    _name?: NamePropType;
+    _label: LabelWithExpertSlotPropType;
+    _name?: string;
     _on?: ButtonCallbacksPropType<StencilUnknown>;
     _role?: AlternativeButtonLinkRolePropType;
+    _shortKey?: ShortKeyPropType;
     _syncValueBySelector?: SyncValueBySelectorPropType;
     _tooltipAlign?: TooltipAlignPropType;
     _type?: ButtonTypePropType;
-    _value?: Stringified<StencilUnknown>;
+    _value?: StencilUnknown;
     _variant?: ButtonVariantPropType;
     state: SplitButtonStates;
 }

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

@@ -5,14 +5,12 @@ export declare class KolTooltipWc implements TooltipAPI {
     private arrowElement?;
     private previousSibling?;
     private tooltipElement?;
+    private hasFocusIn;
+    private hasMouseIn;
     private cleanupAutoPositioning?;
     private alignTooltip;
     private showTooltip;
-    private showTooltipTimeout?;
-    private showTooltipWithDelay;
-    private hideTooltipTimeout?;
-    private hideTooltipWithDelay;
-    hideTooltip(): Promise<void>;
+    private hideTooltip;
     private hideTooltipByEscape;
     private handleMouseEnter;
     private handleMouseleave;
@@ -33,6 +31,8 @@ export declare class KolTooltipWc implements TooltipAPI {
     validateAlign(value?: AlignPropType): void;
     validateId(value?: IdPropType): void;
     validateLabel(value?: LabelPropType): void;
+    private overFocusTimeout?;
+    private showOrHideTooltip;
     componentWillLoad(): void;
     private handleEventListeners;
     connectedCallback(): void;

package/dist/types/components.d.ts

@@ -425,7 +425,6 @@ export namespace Components {
           * Defines the value that the button emits on click.
          */
         "_value"?: StencilUnknown;
-        "hideTooltip": () => Promise<void>;
         "kolFocus": () => Promise<void>;
     }
     interface KolCard {
@@ -447,6 +446,25 @@ export namespace Components {
          */
         "_on"?: KoliBriCardEventCallbacks;
     }
+    interface KolCardWc {
+        /**
+          * Defines whether the element can be closed.
+          * @TODO : Change type back to `HasCloserPropType` after Stencil#4663 has been resolved.
+         */
+        "_hasCloser"?: boolean;
+        /**
+          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
+         */
+        "_label": LabelPropType;
+        /**
+          * Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.
+         */
+        "_level"?: HeadingLevel;
+        /**
+          * Defines the event callback functions for the component.
+         */
+        "_on"?: KoliBriCardEventCallbacks;
+    }
     interface KolCombobox {
         /**
           * Defines which key combination can be used to trigger or focus the interactive element of the component.
@@ -560,6 +578,11 @@ export namespace Components {
           * Defines the visual orientation of the component.
          */
         "_align"?: AlignPropType;
+        /**
+          * Defines whether the element can be closed.
+          * @TODO : Change type back to `HasCloserPropType` after Stencil#4663 has been resolved.
+         */
+        "_hasCloser"?: boolean;
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
@@ -2407,10 +2430,18 @@ export namespace Components {
         "_variant"?: SpinVariantPropType;
     }
     interface KolSplitButton {
+        /**
+          * Defines which key combination can be used to trigger or focus the interactive element of the component.
+         */
+        "_accessKey"?: AccessKeyPropType;
         /**
           * Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
          */
         "_ariaControls"?: string;
+        /**
+          * Defines the value for the aria-description attribute.
+         */
+        "_ariaDescription"?: AriaDescriptionPropType;
         /**
           * Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)
          */
@@ -2443,11 +2474,11 @@ export namespace Components {
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
-        "_label": LabelPropType;
+        "_label": LabelWithExpertSlotPropType;
         /**
           * Defines the technical name of an input field.
          */
-        "_name"?: NamePropType;
+        "_name"?: string;
         /**
           * Defines the callback functions for button events.
          */
@@ -2456,6 +2487,10 @@ export namespace Components {
           * Defines the role of the components primary element.
          */
         "_role"?: AlternativeButtonLinkRolePropType;
+        /**
+          * Adds a visual short key hint to the component.
+         */
+        "_shortKey"?: ShortKeyPropType;
         /**
           * Selector for synchronizing the value with another input element.
          */
@@ -2471,12 +2506,14 @@ export namespace Components {
         /**
           * Defines the value that the button emits on click.
          */
-        "_value"?: Stringified<StencilUnknown>;
+        "_value"?: StencilUnknown;
         /**
           * Defines which variant should be used for presentation.
          */
         "_variant"?: ButtonVariantPropType;
         "closePopup": () => Promise<void>;
+        "getValue": () => Promise<StencilUnknown>;
+        "kolFocus": () => Promise<void>;
     }
     interface KolTableSettingsWc {
         "_tableSettings": TableSettingsPropType;
@@ -2773,7 +2810,6 @@ export namespace Components {
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
         "_label": LabelPropType;
-        "hideTooltip": () => Promise<void>;
     }
     interface KolTree {
         /**
@@ -2913,6 +2949,12 @@ declare global {
         prototype: HTMLKolCardElement;
         new (): HTMLKolCardElement;
     };
+    interface HTMLKolCardWcElement extends Components.KolCardWc, HTMLStencilElement {
+    }
+    var HTMLKolCardWcElement: {
+        prototype: HTMLKolCardWcElement;
+        new (): HTMLKolCardWcElement;
+    };
     interface HTMLKolComboboxElement extends Components.KolCombobox, HTMLStencilElement {
     }
     var HTMLKolComboboxElement: {
@@ -3223,6 +3265,7 @@ declare global {
         "kol-button-link": HTMLKolButtonLinkElement;
         "kol-button-wc": HTMLKolButtonWcElement;
         "kol-card": HTMLKolCardElement;
+        "kol-card-wc": HTMLKolCardWcElement;
         "kol-combobox": HTMLKolComboboxElement;
         "kol-details": HTMLKolDetailsElement;
         "kol-drawer": HTMLKolDrawerElement;
@@ -3669,6 +3712,25 @@ declare namespace LocalJSX {
          */
         "_on"?: KoliBriCardEventCallbacks;
     }
+    interface KolCardWc {
+        /**
+          * Defines whether the element can be closed.
+          * @TODO : Change type back to `HasCloserPropType` after Stencil#4663 has been resolved.
+         */
+        "_hasCloser"?: boolean;
+        /**
+          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
+         */
+        "_label": LabelPropType;
+        /**
+          * Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.
+         */
+        "_level"?: HeadingLevel;
+        /**
+          * Defines the event callback functions for the component.
+         */
+        "_on"?: KoliBriCardEventCallbacks;
+    }
     interface KolCombobox {
         /**
           * Defines which key combination can be used to trigger or focus the interactive element of the component.
@@ -3775,6 +3837,11 @@ declare namespace LocalJSX {
           * Defines the visual orientation of the component.
          */
         "_align"?: AlignPropType;
+        /**
+          * Defines whether the element can be closed.
+          * @TODO : Change type back to `HasCloserPropType` after Stencil#4663 has been resolved.
+         */
+        "_hasCloser"?: boolean;
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
@@ -5517,10 +5584,18 @@ declare namespace LocalJSX {
         "_variant"?: SpinVariantPropType;
     }
     interface KolSplitButton {
+        /**
+          * Defines which key combination can be used to trigger or focus the interactive element of the component.
+         */
+        "_accessKey"?: AccessKeyPropType;
         /**
           * Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
          */
         "_ariaControls"?: string;
+        /**
+          * Defines the value for the aria-description attribute.
+         */
+        "_ariaDescription"?: AriaDescriptionPropType;
         /**
           * Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)
          */
@@ -5553,11 +5628,11 @@ declare namespace LocalJSX {
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
-        "_label": LabelPropType;
+        "_label": LabelWithExpertSlotPropType;
         /**
           * Defines the technical name of an input field.
          */
-        "_name"?: NamePropType;
+        "_name"?: string;
         /**
           * Defines the callback functions for button events.
          */
@@ -5566,6 +5641,10 @@ declare namespace LocalJSX {
           * Defines the role of the components primary element.
          */
         "_role"?: AlternativeButtonLinkRolePropType;
+        /**
+          * Adds a visual short key hint to the component.
+         */
+        "_shortKey"?: ShortKeyPropType;
         /**
           * Defines where to show the Tooltip preferably: top, right, bottom or left.
          */
@@ -5577,7 +5656,7 @@ declare namespace LocalJSX {
         /**
           * Defines the value that the button emits on click.
          */
-        "_value"?: Stringified<StencilUnknown>;
+        "_value"?: StencilUnknown;
         /**
           * Defines which variant should be used for presentation.
          */
@@ -5939,6 +6018,7 @@ declare namespace LocalJSX {
         "kol-button-link": KolButtonLink;
         "kol-button-wc": KolButtonWc;
         "kol-card": KolCard;
+        "kol-card-wc": KolCardWc;
         "kol-combobox": KolCombobox;
         "kol-details": KolDetails;
         "kol-drawer": KolDrawer;
@@ -6006,6 +6086,7 @@ declare module "@stencil/core" {
             "kol-button-link": LocalJSX.KolButtonLink & JSXBase.HTMLAttributes<HTMLKolButtonLinkElement>;
             "kol-button-wc": LocalJSX.KolButtonWc & JSXBase.HTMLAttributes<HTMLKolButtonWcElement>;
             "kol-card": LocalJSX.KolCard & JSXBase.HTMLAttributes<HTMLKolCardElement>;
+            "kol-card-wc": LocalJSX.KolCardWc & JSXBase.HTMLAttributes<HTMLKolCardWcElement>;
             "kol-combobox": LocalJSX.KolCombobox & JSXBase.HTMLAttributes<HTMLKolComboboxElement>;
             "kol-details": LocalJSX.KolDetails & JSXBase.HTMLAttributes<HTMLKolDetailsElement>;
             "kol-drawer": LocalJSX.KolDrawer & JSXBase.HTMLAttributes<HTMLKolDrawerElement>;

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

@@ -10,6 +10,7 @@ export declare let KolButtonLinkTag: "kol-button-link";
 export declare let KolButtonTag: "kol-button";
 export declare let KolButtonWcTag: "kol-button-wc";
 export declare let KolCardTag: "kol-card";
+export declare let KolCardWcTag: "kol-card-wc";
 export declare let KolComboboxTag: "kol-combobox";
 export declare let KolDetailsTag: "kol-details";
 export declare let KolDrawerTag: "kol-drawer";

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

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

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

@@ -1,20 +1,9 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { Loading, PropImageSource } from '../props';
-type RequiredProps = {
-    alt: string;
-} & PropImageSource;
-type OptionalProps = {
-    loading: Loading;
-    sizes: string;
-    srcset: string;
-};
-type RequiredStates = RequiredProps & {
-    loading: Loading;
-};
-type OptionalStates = {
-    sizes: string;
-    srcset: string;
-};
+import type { PropAlt, PropImageSizes, PropImageSource, PropImageSrcset, PropLoading } from '../props';
+type RequiredProps = PropAlt & PropImageSource;
+type OptionalProps = PropLoading & PropImageSizes & PropImageSrcset;
+type RequiredStates = RequiredProps & PropLoading;
+type OptionalStates = PropImageSizes & PropImageSrcset;
 export type ImageProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type ImageStates = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type ImageAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;

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

@@ -0,0 +1,7 @@
+import type { Generic } from 'adopted-style-sheets';
+import type { WatchStringOptions } from '../utils';
+export type AltPropType = string;
+export type PropAlt = {
+    alt: AltPropType;
+};
+export declare const validateAlt: (component: Generic.Element.Component, value?: AltPropType, options?: WatchStringOptions) => void;

package/dist/types/schema/props/image-sizes.d.ts

@@ -0,0 +1,7 @@
+import type { Generic } from 'adopted-style-sheets';
+import type { WatchStringOptions } from '../utils';
+export type ImageSizesPropType = string;
+export type PropImageSizes = {
+    sizes: ImageSizesPropType;
+};
+export declare const validateImageSizes: (component: Generic.Element.Component, value?: ImageSizesPropType, options?: WatchStringOptions) => void;

package/dist/types/schema/props/image-srcset.d.ts

@@ -0,0 +1,7 @@
+import type { Generic } from 'adopted-style-sheets';
+import type { WatchStringOptions } from '../utils';
+export type ImageSrcsetPropType = string;
+export type PropImageSrcset = {
+    srcset: ImageSrcsetPropType;
+};
+export declare const validateImageSrcset: (component: Generic.Element.Component, value?: ImageSrcsetPropType, options?: WatchStringOptions) => void;

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

@@ -1 +1 @@
-export*from"./access-key";export*from"./accordion-callbacks";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-description";export*from"./aria-expanded";export*from"./aria-owns";export*from"./aria-selected";export*from"./badge-text";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"./details-callbacks";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"./hide-label";export*from"./hide-msg";export*from"./href";export*from"./icons";export*from"./id";export*from"./image-source";export*from"./indeterminate";export*from"./label";export*from"./label-align";export*from"./link-on-callbacks";export*from"./link-target";export*from"./link-variant";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"./popover-align";export*from"./popover-callbacks";export*from"./read-only";export*from"./required";export*from"./rows";export*from"./short-key";export*from"./show";export*from"./spell-check";export*from"./suggestions";export*from"./sync-value-by-selector";export*from"./tab-behavior";export*from"./table-callbacks";export*from"./table-data";export*from"./table-data-foot";export*from"./table-header-cells";export*from"./table-selection";export*from"./toolbar-items";export*from"./tooltip-align";export*from"./touched";export*from"./variant/spin";
+export*from"./access-key";export*from"./accordion-callbacks";export*from"./active";export*from"./adjust-height";export*from"./alert";export*from"./alt";export*from"./align";export*from"./alternative-button-link-role";export*from"./aria-controls";export*from"./aria-current-value";export*from"./aria-description";export*from"./aria-expanded";export*from"./aria-owns";export*from"./aria-selected";export*from"./badge-text";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"./details-callbacks";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"./hide-label";export*from"./hide-msg";export*from"./href";export*from"./icons";export*from"./id";export*from"./image-source";export*from"./image-sizes";export*from"./image-srcset";export*from"./indeterminate";export*from"./label";export*from"./label-align";export*from"./link-on-callbacks";export*from"./link-target";export*from"./link-variant";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"./popover-align";export*from"./popover-callbacks";export*from"./read-only";export*from"./required";export*from"./rows";export*from"./short-key";export*from"./show";export*from"./spell-check";export*from"./suggestions";export*from"./sync-value-by-selector";export*from"./tab-behavior";export*from"./table-callbacks";export*from"./table-data";export*from"./table-data-foot";export*from"./table-header-cells";export*from"./table-selection";export*from"./toolbar-items";export*from"./tooltip-align";export*from"./touched";export*from"./variant/spin";

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

@@ -1,5 +1,8 @@
 import type { Generic } from 'adopted-style-sheets';
 declare const loadingOptions: readonly ["eager", "lazy"];
 export type Loading = (typeof loadingOptions)[number];
+export type PropLoading = {
+    loading: Loading;
+};
 export declare function validateLoading(component: Generic.Element.Component, value?: Loading): void;
 export {};

package/doc/card.md

@@ -1,4 +1,4 @@
-# kol-card
+# kol-card-wc
 
 <!-- Auto Generated Below -->
 

package/doc/components.md

@@ -5,9 +5,9 @@
 You can install the KoliBri components with `npm`, `pnpm` or `yarn`:
 
 ```bash
-npm i -g @public-ui/components
-pnpm i -g @public-ui/components
-yarn add -g @public-ui/components
+npm i @public-ui/components
+pnpm i @public-ui/components
+yarn add @public-ui/components
 ```
 
 ## Usage
@@ -36,7 +36,7 @@ Then, you can use the components in your HTML:
 
 Consider using one of the [framework integrations](https://public-ui.github.io/en/docs/get-started/frameworks) for a better developer experience.
 
-## Development hints
+## Development notes
 
 ### Styling
 

package/doc/drawer.md

@@ -5,12 +5,13 @@
 
 ## Properties
 
-| Property              | Attribute | Description                                                                                                        | Type                                                      | Default     |
-| --------------------- | --------- | ------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------- | ----------- |
-| `_align`              | `_align`  | Defines the visual orientation of the component.                                                                   | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined`     | `undefined` |
-| `_label` _(required)_ | `_label`  | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string`                                                  | `undefined` |
-| `_on`                 | --        | Specifies the EventCallback function to be called when the drawer is closing.                                      | `undefined` \| `({ onClose?: (() => void)` \| `undefined; })` | `undefined` |
-| `_open`               | `_open`   | Opens/expands the element when truthy, closes/collapses when falsy.                                                | `boolean` \| `undefined`                                    | `undefined` |
+| Property              | Attribute     | Description                                                                                                        | Type                                                      | Default     |
+| --------------------- | ------------- | ------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------- | ----------- |
+| `_align`              | `_align`      | Defines the visual orientation of the component.                                                                   | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined`     | `undefined` |
+| `_hasCloser`          | `_has-closer` | Defines whether the element can be closed.                                                                         | `boolean` \| `undefined`                                    | `false`     |
+| `_label` _(required)_ | `_label`      | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string`                                                  | `undefined` |
+| `_on`                 | --            | Specifies the EventCallback function to be called when the drawer is closing.                                      | `undefined` \| `({ onClose?: (() => void)` \| `undefined; })` | `undefined` |
+| `_open`               | `_open`       | Opens/expands the element when truthy, closes/collapses when falsy.                                                | `boolean` \| `undefined`                                    | `undefined` |
 
 
 ## Methods