@public-ui/components 3.0.1-rc.0 → 3.0.2-1e1d8522b9f6826d286c64e7859e0ac6d14b13a9.0

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";
@@ -35,6 +36,7 @@ export declare let KolLinkWcTag: "kol-link-wc";
 export declare let KolModalTag: "kol-modal";
 export declare let KolNavTag: "kol-nav";
 export declare let KolPaginationTag: "kol-pagination";
+export declare let KolPaginationWcTag: "kol-pagination-wc";
 export declare let KolPopoverWcTag: "kol-popover-wc";
 export declare let KolPopoverButtonTag: "kol-popover-button";
 export declare let KolPopoverButtonWcTag: "kol-popover-button-wc";

package/dist/types/e2e/input-callbacks-and-events.d.ts

@@ -3,7 +3,17 @@ import type { Locator } from '@playwright/test';
 import { type Page } from '@playwright/test';
 import type { FillAction } from './utils/FillAction';
 import type { InputTypeOnDefault } from '../schema';
+type TestInputCallbacksAndEventsOptions = {
+    additionalProperties?: string;
+    componentName: string;
+    equalityCheck?: 'toBe' | 'toEqual';
+    expectedValue?: unknown;
+    fillAction?: FillAction;
+    omittedEvents?: string[];
+    selectInput?: (page: Page & E2EPage) => Locator;
+    testValue?: unknown;
+};
 declare const testInputCallbacksAndEvents: <ElementType extends {
     _on?: InputTypeOnDefault;
-} & (HTMLElement | SVGElement)>(componentName: string, testValue?: unknown, fillAction?: FillAction, omittedEvents?: string[], additionalProperties?: string, selectInput?: (page: Page & E2EPage) => Locator, equalityCheck?: "toBe" | "toEqual", expectedValue?: unknown) => void;
+} & (HTMLElement | SVGElement)>({ additionalProperties, componentName, equalityCheck, expectedValue, fillAction, omittedEvents, selectInput, testValue, }: TestInputCallbacksAndEventsOptions) => void;
 export { testInputCallbacksAndEvents };

package/dist/types/e2e/input-value-reflection.d.ts

@@ -1,5 +1,12 @@
 import type { FillAction } from './utils/FillAction';
+type TestInputValueReflectionOptions = {
+    additionalProperties?: string;
+    componentName: string;
+    equalityCheck?: 'toBe' | 'toEqual';
+    fillAction?: FillAction;
+    testValue?: unknown;
+};
 declare const testInputValueReflection: <ElementType extends {
     _value?: unknown;
-} & (HTMLElement | SVGElement)>(componentName: string, testValue?: unknown, fillAction?: FillAction, additionalProperties?: string, equalityCheck?: "toBe" | "toEqual") => void;
+} & (HTMLElement | SVGElement)>({ additionalProperties, componentName, equalityCheck, fillAction, testValue, }: TestInputValueReflectionOptions) => void;
 export { testInputValueReflection };

package/dist/types/functional-components/CustomSuggestionsOption/CustomSuggestionsOption.d.ts

@@ -5,6 +5,7 @@ export type CustomSuggestionsProps = JSXBase.HTMLAttributes<HTMLLIElement> & {
     index: number;
     option: W3CInputValue;
     selected: boolean;
+    searchTerm?: string;
     ref?: ((elm?: HTMLLIElement | undefined) => void) | undefined;
 };
 declare const CustomSuggestionsOptionFc: FC<CustomSuggestionsProps>;

package/dist/types/functional-components/Heading/Heading.d.ts

@@ -1,13 +1,11 @@
 import { type FunctionalComponent as FC } from '../../stencil-public-runtime';
 import type { JSXBase } from '../../stencil-public-runtime';
-import type { HeadingLevel, HeadingVariantPropType } from '../../schema';
+import type { HeadingLevel } from '../../schema';
 type HGroupProps = JSXBase.HTMLAttributes<HTMLElement>;
 type BaseProps = JSXBase.HTMLAttributes<HTMLHeadingElement | HTMLElement> & {
     level?: HeadingLevel;
 };
-type HeadlineProps = BaseProps & {
-    variant?: HeadingVariantPropType;
-};
+type HeadlineProps = BaseProps;
 export type HeadingProps = HeadlineProps & {
     secondaryHeadline?: string;
     HeadingGroupProps?: HGroupProps;

package/dist/types/functional-components/IconButton/IconButton.d.ts

@@ -1,6 +1,7 @@
 import { type FunctionalComponent as FC } from '../../stencil-public-runtime';
 import { type ButtonProps } from '../Button';
 import { type IconProps } from '../Icon';
+import type { ButtonVariantPropType } from '../../schema';
 type IconType = Partial<Omit<IconProps, 'icons'>> & {
     componentName: 'icon';
     icon?: string;
@@ -12,6 +13,7 @@ type ButtonType = Partial<Omit<ButtonProps, 'icons'>> & {
     icon?: string;
     label?: string;
     class?: string;
+    buttonVariant?: ButtonVariantPropType;
     onClick?: (event: MouseEvent) => void;
 };
 export type IconButtonProps = IconType | ButtonType;

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

@@ -1,8 +1,8 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { PropAlternativeButtonLinkRole } from '../props';
+import type { PropAlternativeButtonLinkRole, PropButtonVariant, PropLinkVariant } from '../props';
 import type { OptionalButtonProps, OptionalButtonStates, RequiredButtonProps, RequiredButtonStates } from './button';
 type RequiredProps = RequiredButtonProps;
-type OptionalProps = Omit<OptionalButtonProps, keyof PropAlternativeButtonLinkRole>;
+type OptionalProps = Omit<OptionalButtonProps, keyof PropAlternativeButtonLinkRole | keyof PropButtonVariant> & PropLinkVariant;
 export type ButtonLinkProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type ButtonLinkStates = Generic.Element.Members<RequiredButtonStates, OptionalButtonStates>;
 export {};

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

@@ -1,5 +1,5 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { AriaExpandedPropType, PropAccessKey, PropAlternativeButtonLinkRole, PropAriaControls, PropAriaDescription, PropAriaSelected, PropButtonCallbacks, PropButtonType, PropButtonVariant, PropCustomClass, PropDisabled, PropHideLabel, PropIcons, PropId, PropLabelWithExpertSlot, PropName, PropShortKey, PropSyncValueBySelector, PropTooltipAlign } from '../props';
+import type { AriaExpandedPropType, ButtonVariantPropType, LinkVariantPropType, PropAccessKey, PropAlternativeButtonLinkRole, PropAriaControls, PropAriaDescription, PropAriaSelected, PropButtonCallbacks, PropButtonType, PropButtonVariant, PropCustomClass, PropDisabled, PropHideLabel, PropIcons, PropId, PropLabelWithExpertSlot, PropName, PropShortKey, PropSyncValueBySelector, PropTooltipAlign } from '../props';
 import type { KoliBriAllIcons, StencilUnknown } from '../types';
 export type RequiredButtonProps = PropLabelWithExpertSlot;
 export type OptionalButtonProps = {
@@ -7,11 +7,15 @@ export type OptionalButtonProps = {
     value: StencilUnknown;
     ariaExpanded: AriaExpandedPropType;
 } & PropAccessKey & PropAlternativeButtonLinkRole & PropAriaControls & PropAriaDescription & PropAriaSelected & PropButtonCallbacks<StencilUnknown> & PropButtonType & PropButtonVariant & PropCustomClass & PropDisabled & PropHideLabel & PropIcons & PropId & PropName & PropShortKey & PropSyncValueBySelector & PropTooltipAlign;
-export type RequiredButtonStates = RequiredButtonProps & PropButtonType & PropButtonVariant & {
+export type RequiredButtonStates = RequiredButtonProps & PropButtonType & {
     icons: KoliBriAllIcons;
 };
-export type OptionalButtonStates = Omit<RequiredButtonProps & OptionalButtonProps, keyof RequiredButtonStates>;
+export type OptionalButtonStates = Omit<RequiredButtonProps & OptionalButtonProps, keyof RequiredButtonStates> & {
+    buttonVariant: ButtonVariantPropType;
+    linkVariant: LinkVariantPropType;
+};
 export type ButtonProps = Generic.Element.Members<RequiredButtonProps, OptionalButtonProps>;
 export type ButtonStates = Generic.Element.Members<RequiredButtonStates, OptionalButtonStates>;
 export type ButtonAPI = Generic.Element.ComponentApi<RequiredButtonProps, OptionalButtonProps, RequiredButtonStates, OptionalButtonStates>;
 export type InternalButtonProps = RequiredButtonProps & OptionalButtonProps;
+export type InternalButtonAPI = Omit<ButtonAPI, 'validateVariant'>;

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/heading.d.ts

@@ -1,14 +1,14 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { HeadingLevel, PropHeadingVariant, PropLabelWithExpertSlot } from '../props';
+import type { HeadingLevel, PropLabelWithExpertSlot } from '../props';
 type RequiredProps = PropLabelWithExpertSlot;
-type OptionalProps = PropHeadingVariant & {
+type OptionalProps = {
     secondaryHeadline: string;
     level: HeadingLevel;
 };
 type RequiredStates = RequiredProps & {
     level: HeadingLevel;
 };
-type OptionalStates = PropHeadingVariant & {
+type OptionalStates = {
     secondaryHeadline: string;
 };
 export type HeadingProps = 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/components/input-radio.d.ts

@@ -1,23 +1,22 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { MsgPropType, PropAccessKey, PropDisabled, PropHideMsg, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropRadioOptions, PropRequired, PropShortKey, PropSyncValueBySelector, PropTooltipAlign, PropTouched } from '../props';
-import type { InputTypeOnDefault, RadioOption, Orientation, StencilUnknown, Stringified } from '../types';
+import type { MsgPropType, PropDisabled, PropHideLabel, PropHideMsg, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropRadioOptions, PropRequired, PropSyncValueBySelector, PropTooltipAlign, PropTouched } from '../props';
+import type { InputTypeOnDefault, RadioOption, StencilUnknown, Stringified } from '../types';
+import type { PropOrientation } from '../props/orientation';
 type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
     hint: string;
     msg: Stringified<MsgPropType>;
     on: InputTypeOnDefault;
-    orientation: Orientation;
     value: StencilUnknown;
-} & PropAccessKey & PropDisabled & PropHideMsg & PropHideLabel & PropName & PropRadioOptions & PropRequired & PropShortKey & PropSyncValueBySelector & PropTouched & PropTooltipAlign;
+} & PropDisabled & PropHideLabel & PropHideMsg & PropName & PropOrientation & PropRadioOptions & PropRequired & PropSyncValueBySelector & PropTouched & PropTooltipAlign;
 type RequiredStates = {
     options: RadioOption<StencilUnknown>[];
-    orientation: Orientation;
-} & PropId & PropHideMsg & PropLabelWithExpertSlot;
+} & PropId & PropHideMsg & PropLabelWithExpertSlot & PropOrientation;
 type OptionalStates = {
     hint: string;
     on: InputTypeOnDefault;
     value: StencilUnknown;
-} & PropAccessKey & PropDisabled & PropHideLabel & PropMsg & PropName & PropRequired & PropShortKey & PropTouched;
+} & PropDisabled & PropHideLabel & PropMsg & PropName & PropRequired & PropTouched;
 export type InputRadioProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type InputRadioStates = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type InputRadioWatches = Generic.Element.Watchers<RequiredProps, OptionalProps>;

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

@@ -1,7 +1,7 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { PropAlternativeButtonLinkRole, PropButtonVariant, PropCustomClass } from '../props';
+import type { PropAlternativeButtonLinkRole, PropButtonVariant, PropCustomClass, PropLinkVariant } from '../props';
 import type { OptionalProps as LinkOptionalProps, RequiredProps as LinkRequiredProps } from './link';
 type RequiredProps = LinkRequiredProps;
-type OptionalProps = Omit<LinkOptionalProps, keyof PropAlternativeButtonLinkRole> & PropButtonVariant & PropCustomClass;
+type OptionalProps = Omit<LinkOptionalProps, keyof PropAlternativeButtonLinkRole | keyof PropLinkVariant> & PropButtonVariant & PropCustomClass;
 export type LinkButtonProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export {};

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

@@ -1,14 +1,18 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { PropAccessKey, PropAlternativeButtonLinkRole, PropAriaCurrentValue, PropAriaDescription, PropAriaExpanded, PropAriaOwns, PropButtonVariant, PropCustomClass, PropDisabled, PropDownload, PropHideLabel, PropHref, PropIcons, PropLabelWithExpertSlot, PropLinkOnCallbacks, PropLinkTarget, PropShortKey, PropTooltipAlign } from '../props';
+import type { ButtonVariantPropType, LinkVariantPropType, PropAccessKey, PropAlternativeButtonLinkRole, PropAriaCurrentValue, PropAriaDescription, PropAriaExpanded, PropAriaOwns, PropCustomClass, PropDisabled, PropDownload, PropHideLabel, PropHref, PropIcons, PropLabelWithExpertSlot, PropLinkOnCallbacks, PropLinkTarget, PropLinkVariant, PropShortKey, PropTooltipAlign } from '../props';
 export type RequiredProps = PropHref;
 export type OptionalProps = {
     tabIndex: number;
-} & PropAccessKey & PropAlternativeButtonLinkRole & PropAriaCurrentValue & PropAriaDescription & PropDisabled & PropDownload & PropHideLabel & PropIcons & PropLabelWithExpertSlot & PropLinkOnCallbacks & PropLinkTarget & PropShortKey & PropTooltipAlign;
+} & PropAccessKey & PropAlternativeButtonLinkRole & PropAriaCurrentValue & PropAriaDescription & PropDisabled & PropDownload & PropHideLabel & PropIcons & PropLabelWithExpertSlot & PropLinkOnCallbacks & PropLinkTarget & PropLinkVariant & PropShortKey & PropTooltipAlign;
 type RequiredStates = PropAriaCurrentValue & PropIcons & PropHref;
 type OptionalStates = {
     ariaCurrent: string;
-} & PropAriaExpanded & PropAriaOwns & PropButtonVariant & PropCustomClass & Omit<RequiredProps & OptionalProps, keyof RequiredStates>;
+} & PropAriaExpanded & PropAriaOwns & PropCustomClass & Omit<RequiredProps & OptionalProps, keyof RequiredStates> & {
+    buttonVariant: ButtonVariantPropType;
+    linkVariant: LinkVariantPropType;
+};
 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>;
+export type InternalLinkAPI = Omit<LinkAPI, 'validateVariant'>;
 export {};

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

@@ -1,17 +1,15 @@
 import type { Generic } from 'adopted-style-sheets';
 import type { PropCollapsible, PropHasCompactButton, PropHasIconsWhenExpanded, PropHideLabel, PropLabel } from '../props';
-import type { ButtonOrLinkOrTextWithChildrenProps, Orientation, Stringified } from '../types';
+import type { ButtonOrLinkOrTextWithChildrenProps, Stringified } from '../types';
+import type { PropOrientation } from '../props/orientation';
 type RequiredProps = {
     links: Stringified<ButtonOrLinkOrTextWithChildrenProps[]>;
 } & PropLabel;
-type OptionalProps = {
-    orientation: Orientation;
-} & PropCollapsible & PropHasCompactButton & PropHideLabel & PropHasIconsWhenExpanded;
+type OptionalProps = PropCollapsible & PropHasCompactButton & PropHasIconsWhenExpanded & PropHideLabel & PropOrientation;
 type RequiredStates = {
     links: ButtonOrLinkOrTextWithChildrenProps[];
-    orientation: Orientation;
     expandedChildren: ButtonOrLinkOrTextWithChildrenProps[][];
-} & PropCollapsible & PropHasCompactButton & PropLabel & PropHideLabel & PropHasIconsWhenExpanded;
+} & PropCollapsible & PropHasCompactButton & PropHasIconsWhenExpanded & PropHideLabel & PropLabel & PropOrientation;
 type OptionalStates = NonNullable<unknown>;
 export type NavProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type NavStates = Generic.Element.Members<RequiredStates, OptionalStates>;

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

@@ -2,11 +2,9 @@ import type { Generic } from 'adopted-style-sheets';
 import type { Callback } from '../enums';
 import type { PropAlign, PropDisabled, PropHideLabel, PropLabel, PropTabBehavior, PropTooltipAlign } from '../props';
 import type { EventCallback, EventValueOrEventCallback, KoliBriIconsProp, Stringified } from '../types';
+import type { PropHasCreateButton } from '../props/has-create-button';
 export type KoliBriTabsCallbacks = {
-    onCreate?: EventCallback<Event> | {
-        label: string;
-        callback: EventCallback<Event>;
-    };
+    onCreate?: EventCallback<Event>;
 } & {
     [Callback.onSelect]?: EventValueOrEventCallback<CustomEvent | KeyboardEvent | MouseEvent | PointerEvent, number>;
 };
@@ -25,14 +23,14 @@ type RequiredProps = {
 type OptionalProps = {
     on: KoliBriTabsCallbacks;
     selected: number;
-} & PropAlign & PropTabBehavior;
+} & PropAlign & PropHasCreateButton & PropTabBehavior;
 type RequiredStates = {
     selected: number;
     tabs: TabButtonProps[];
 } & PropLabel & PropAlign;
 type OptionalStates = {
     on: KoliBriTabsCallbacks;
-} & PropTabBehavior;
+} & PropTabBehavior & PropHasCreateButton;
 export type TabsProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type TabsStates = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type TabsAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;

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

@@ -1,7 +1,8 @@
 import type { Generic } from 'adopted-style-sheets';
 import type { PropLabel, PropToolbarItems } from '../props';
+import type { PropOrientation } from '../props/orientation';
 type RequiredProps = PropLabel & PropToolbarItems;
-type OptionalProps = unknown;
+type OptionalProps = PropOrientation;
 type RequiredStates = RequiredProps;
 type OptionalStates = OptionalProps;
 export type ToolbarProps = Generic.Element.Members<RequiredProps, OptionalProps>;

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/has-create-button.d.ts

@@ -0,0 +1,6 @@
+import type { Generic } from 'adopted-style-sheets';
+export type HasCreateButtonPropType = boolean;
+export type PropHasCreateButton = {
+    hasCreateButton: HasCreateButtonPropType;
+};
+export declare const validateHasCreateButton: (component: Generic.Element.Component, value?: HasCreateButtonPropType) => 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"./heading-variant";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"./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/link-variant.d.ts

@@ -0,0 +1,8 @@
+import type { Generic } from 'adopted-style-sheets';
+declare const linkVariantPropTypeOptions: readonly ["inline", "standalone"];
+export type LinkVariantPropType = (typeof linkVariantPropTypeOptions)[number];
+export type PropLinkVariant = {
+    variant: LinkVariantPropType;
+};
+export declare const validateLinkVariant: (component: Generic.Element.Component, value?: LinkVariantPropType) => void;
+export {};

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/dist/types/schema/props/orientation.d.ts

@@ -0,0 +1,8 @@
+import type { Generic } from 'adopted-style-sheets';
+declare const orientationPropTypeOptions: readonly ["horizontal", "vertical"];
+export type OrientationPropType = (typeof orientationPropTypeOptions)[number];
+export type PropOrientation = {
+    orientation: OrientationPropType;
+};
+export declare const validateOrientation: (component: Generic.Element.Component, value?: OrientationPropType, defaultValue?: OrientationPropType) => void;
+export {};

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

@@ -1 +1 @@
-export*from"./button-link-text";export*from"./callbacks";export*from"./common";export*from"./icons";export*from"./input/control/number";export*from"./input/control/text";export*from"./input/iso8601";export*from"./input/numberString";export*from"./input/types";export*from"./modal";export*from"./orientation";export*from"./progress";export*from"./unknown";export*from"./w3c";export*from"./table";export*from"./table-settings";
+export*from"./button-link-text";export*from"./callbacks";export*from"./common";export*from"./icons";export*from"./input/control/number";export*from"./input/control/text";export*from"./input/iso8601";export*from"./input/numberString";export*from"./input/types";export*from"./modal";export*from"./progress";export*from"./unknown";export*from"./w3c";export*from"./table";export*from"./table-settings";

package/dist/types/utils/events.d.ts

@@ -5,16 +5,17 @@ declare enum KolEvent {
     changePageSize = "kolChangePageSize",
     click = "kolClick",
     close = "kolClose",
+    create = "kolCreate",
     focus = "kolFocus",
     input = "kolInput",
     mousedown = "kolMousedown",
     reset = "kolReset",
     select = "kolSelect",
     selectionChange = "kolSelectionChange",
+    settingsChange = "settingsChange",
     sort = "kolSort",
     submit = "kolSubmit",
-    toggle = "kolToggle",
-    settingsChange = "settingsChange"
+    toggle = "kolToggle"
 }
 declare function dispatchDomEvent<T>(target: HTMLElement, event: KolEvent, detail?: T): void;
 export { KolEvent, dispatchDomEvent };

package/doc/button-link.md

@@ -24,6 +24,7 @@
 | `_tooltipAlign`       | `_tooltip-align`    | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                                        | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined`                                                                                                  | `'top'`     |
 | `_type`               | `_type`             | Defines either the type of the component or of the components interactive element.                                                                                               | `"button"` \| `"reset"` \| `"submit"` \| `undefined`                                                                                                         | `'button'`  |
 | `_value`              | `_value`            | Defines the value that the button emits on click.                                                                                                                                | `boolean` \| `null` \| `number` \| `object` \| `string` \| `undefined`                                                                                           | `undefined` |
+| `_variant`            | `_variant`          | Defines which variant should be used for presentation.                                                                                                                           | `"inline"` \| `"standalone"` \| `undefined`                                                                                                                | `'inline'`  |
 
 
 ## Methods

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

package/doc/heading.md

@@ -5,12 +5,11 @@
 
 ## Properties
 
-| Property              | Attribute             | Description                                                                                                                                                  | Type                                                                    | Default     |
-| --------------------- | --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------- | ----------- |
-| `_label` _(required)_ | `_label`              | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot. | `string`                                                                | `undefined` |
-| `_level`              | `_level`              | Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.                                                            | `0` \| `1` \| `2` \| `3` \| `4` \| `5` \| `6` \| `undefined`                          | `0`         |
-| `_secondaryHeadline`  | `_secondary-headline` | Defines the text of the secondary headline.                                                                                                                  | `string` \| `undefined`                                                   | `undefined` |
-| `_variant`            | `_variant`            | Defines which variant should be used for presentation.                                                                                                       | `"h1"` \| `"h2"` \| `"h3"` \| `"h4"` \| `"h5"` \| `"h6"` \| `"strong"` \| `undefined` | `undefined` |
+| Property              | Attribute             | Description                                                                                                                                                  | Type                                           | Default     |
+| --------------------- | --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------- | ----------- |
+| `_label` _(required)_ | `_label`              | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot. | `string`                                       | `undefined` |
+| `_level`              | `_level`              | Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.                                                            | `0` \| `1` \| `2` \| `3` \| `4` \| `5` \| `6` \| `undefined` | `0`         |
+| `_secondaryHeadline`  | `_secondary-headline` | Defines the text of the secondary headline.                                                                                                                  | `string` \| `undefined`                          | `undefined` |
 
 
 ## Slots

package/doc/input-radio.md

@@ -7,7 +7,6 @@
 
 | Property              | Attribute        | Description                                                                                                                                                  | Type                                                                                                                                                                                                                                                                                                                                                                                        | Default      |
 | --------------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------ |
-| `_accessKey`          | `_access-key`    | Defines which key combination can be used to trigger or focus the interactive element of the component.                                                      | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                       | `undefined`  |
 | `_disabled`           | `_disabled`      | Makes the element not focusable and ignore all events.                                                                                                       | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                      | `false`      |
 | `_hideLabel`          | `_hide-label`    | Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.                   | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                      | `false`      |
 | `_hideMsg`            | `_hide-msg`      | Hides the error message but leaves it in the DOM for the input's aria-describedby.                                                                           | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                      | `false`      |
@@ -20,7 +19,6 @@
 | `_options`            | `_options`       | Options the user can choose from.                                                                                                                            | `RadioOption<StencilUnknown>[]` \| `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                      | `undefined`  |
 | `_orientation`        | `_orientation`   | Defines whether the orientation of the component is horizontal or vertical.                                                                                  | `"horizontal"` \| `"vertical"` \| `undefined`                                                                                                                                                                                                                                                                                                                                                   | `'vertical'` |
 | `_required`           | `_required`      | Makes the input element required.                                                                                                                            | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                      | `false`      |
-| `_shortKey`           | `_short-key`     | Adds a visual short key hint to the component.                                                                                                               | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                       | `undefined`  |
 | `_tooltipAlign`       | `_tooltip-align` | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                    | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined`                                                                                                                                                                                                                                                                                                                                       | `'top'`      |
 | `_touched`            | `_touched`       | Shows if the input was touched by a user.                                                                                                                    | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                      | `false`      |
 | `_value`              | `_value`         | Defines the value of the input.                                                                                                                              | `boolean` \| `null` \| `number` \| `object` \| `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                | `null`       |

package/doc/link.md

@@ -21,6 +21,7 @@
 | `_shortKey`          | `_short-key`          | Adds a visual short key hint to the component.                                                                                                               | `string` \| `undefined`                                                                  | `undefined` |
 | `_target`            | `_target`             | Defines where to open the link.                                                                                                                              | `string` \| `undefined`                                                                  | `undefined` |
 | `_tooltipAlign`      | `_tooltip-align`      | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                    | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined`                                  | `'right'`   |
+| `_variant`           | `_variant`            | Defines which variant should be used for presentation.                                                                                                       | `"inline"` \| `"standalone"` \| `undefined`                                                | `'inline'`  |
 
 
 ## Methods

package/doc/pagination.md

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