@public-ui/components 4.1.1 → 4.1.2-rc.1

package/dist/kolibri/src-BDjVUE1s.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{c as s,n as o}from"./base-web-component-CWGkWR9Y.js";const a=s("src","",o);export{a as s};

package/dist/kolibri/src-BDjVUE1s.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"src-BDjVUE1s.js","sources":["src/internal/props/src.ts"],"sourcesContent":["import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeString } from './helpers/normalizers';\n\n/**\n * Src prop for embedded content (images, videos, iframes)\n *\n * Description:\n * The src attribute specifies the URL of the resource to embed. It is the primary source\n * for media elements such as <img>, <video>, <audio>, and <iframe>.\n *\n * Usage (according to W3C HTML specification):\n * - Absolute URL: src=\"https://example.com/image.png\"\n * - Relative URL: src=\"/images/photo.jpg\"\n * - Must be a valid, non-empty URL when the element is intended to display content\n * - For images, always pair with a meaningful alt attribute (WCAG 1.1.1)\n *\n * Accessibility:\n * - Ensure media referenced by src has appropriate text alternatives (WCAG 1.1.1 Non-text Content)\n * - Avoid auto-playing media without user control (WCAG 1.4.2 Audio Control)\n *\n * @see https://html.spec.whatwg.org/multipage/embedded-content.html#attr-img-src\n * @see https://www.w3.org/WAI/WCAG21/Understanding/non-text-content.html\n */\nexport type SrcProp = SimpleProp<'src', string>;\nexport const srcProp = createPropDefinition<SrcProp>('src', '', normalizeString);\n"],"names":[],"mappings":";;;;;AAyBO,MAAM,OAAO,GAAG,oBAAoB,CAAU,KAAK,EAAE,EAAE,EAAE,eAAe;;;;"}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as o}from"./index-CkrSoIPD.js";import"./common-BIkdAxr0.js";const s=class{constructor(s){o(this,s)}};export{s as test_component};
+import{r as o}from"./index-Cgf1FZ14.js";import"./common-BIkdAxr0.js";const s=class{constructor(s){o(this,s)}};export{s as test_component};

package/dist/types/components/_skeleton/web-components/click-button/component.d.ts

@@ -1,7 +1,8 @@
 import type { JSX } from '../../../../stencil-public-runtime';
+import { BaseWebComponent } from '../../../../internal/functional-components/base-web-component';
 import type { ClickButtonApi } from '../../../../internal/functional-components/click-button/api';
 import type { WebComponentInterface } from '../../../../internal/functional-components/generic-types';
-export declare class KolClickButton implements WebComponentInterface<ClickButtonApi> {
+export declare class KolClickButton extends BaseWebComponent<ClickButtonApi> implements WebComponentInterface<ClickButtonApi> {
     private readonly ctrl;
     _label: string;
     watchLabel(value?: string): void;

package/dist/types/components/_skeleton/web-components/skeleton/component.d.ts

@@ -1,7 +1,8 @@
 import type { EventEmitter, JSX } from '../../../../stencil-public-runtime';
+import { BaseWebComponent } from '../../../../internal/functional-components/base-web-component';
 import type { WebComponentInterface } from '../../../../internal/functional-components/generic-types';
 import type { SkeletonApi } from '../../../../internal/functional-components/skeleton/api';
-export declare class KolSkeleton implements WebComponentInterface<SkeletonApi> {
+export declare class KolSkeleton extends BaseWebComponent<SkeletonApi> implements WebComponentInterface<SkeletonApi> {
     private readonly ctrl;
     focus(): Promise<void>;
     toggle(): Promise<void>;

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

@@ -1,8 +1,9 @@
 import type { JSX } from '../../stencil-public-runtime';
 import type { AvatarApi } from '../../internal/functional-components/avatar/api';
+import { BaseWebComponent } from '../../internal/functional-components/base-web-component';
 import type { WebComponentInterface } from '../../internal/functional-components/generic-types';
 import type { ColorPair } from '../../schema';
-export declare class KolAvatar implements WebComponentInterface<AvatarApi> {
+export declare class KolAvatar extends BaseWebComponent<AvatarApi> implements WebComponentInterface<AvatarApi> {
     private readonly ctrl;
     _color?: string | ColorPair;
     watchColor(value?: string | ColorPair): void;

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

@@ -0,0 +1,13 @@
+import type { JSX } from '../../stencil-public-runtime';
+import { BaseWebComponent } from '../../internal/functional-components/base-web-component';
+import type { WebComponentInterface } from '../../internal/functional-components/generic-types';
+import type { IconApi } from '../../internal/functional-components/icon/api';
+export declare class KolIcon extends BaseWebComponent<IconApi> implements WebComponentInterface<IconApi> {
+    private readonly ctrl;
+    _icons: string;
+    watchIcons(value?: string): void;
+    _label: string;
+    watchLabel(value?: string): void;
+    componentWillLoad(): void;
+    render(): JSX.Element;
+}

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

@@ -1,8 +1,9 @@
 import type { JSX } from '../../stencil-public-runtime';
+import { BaseWebComponent } from '../../internal/functional-components/base-web-component';
 import type { WebComponentInterface } from '../../internal/functional-components/generic-types';
 import type { ImageApi } from '../../internal/functional-components/image/api';
 import type { LoadingType } from '../../internal/props';
-export declare class KolImage implements WebComponentInterface<ImageApi> {
+export declare class KolImage extends BaseWebComponent<ImageApi> implements WebComponentInterface<ImageApi> {
     private readonly ctrl;
     _alt: string;
     watchAlt(value?: string): void;

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

@@ -1,8 +1,9 @@
 import type { JSX } from '../../stencil-public-runtime';
+import { BaseWebComponent } from '../../internal/functional-components/base-web-component';
 import type { WebComponentInterface } from '../../internal/functional-components/generic-types';
 import type { ProgressApi } from '../../internal/functional-components/progress/api';
 import type { ProgressVariantType } from '../../internal/props';
-export declare class KolProgress implements WebComponentInterface<ProgressApi> {
+export declare class KolProgress extends BaseWebComponent<ProgressApi> implements WebComponentInterface<ProgressApi> {
     private readonly ctrl;
     _label?: string;
     watchLabel(value?: string): void;

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

@@ -1,8 +1,9 @@
 import type { JSX } from '../../stencil-public-runtime';
+import { BaseWebComponent } from '../../internal/functional-components/base-web-component';
 import type { WebComponentInterface } from '../../internal/functional-components/generic-types';
 import type { QuoteApi } from '../../internal/functional-components/quote/api';
 import type { QuoteVariantType } from '../../internal/props/variant-quote';
-export declare class KolQuote implements WebComponentInterface<QuoteApi> {
+export declare class KolQuote extends BaseWebComponent<QuoteApi> implements WebComponentInterface<QuoteApi> {
     private readonly ctrl;
     _href: string;
     watchHref(value?: string): void;

package/dist/types/components.d.ts

@@ -790,7 +790,7 @@ export namespace Components {
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
-        "_label": LabelPropType;
+        "_label": string;
     }
     interface KolImage {
         /**
@@ -2890,7 +2890,7 @@ export namespace Components {
          */
         "_hint"?: string;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames (e.g. `icons="fa-solid fa-user"`).
          */
         "_icons"?: IconsHorizontalPropType;
         /**
@@ -4838,7 +4838,7 @@ declare namespace LocalJSX {
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
-        "_label": LabelPropType;
+        "_label": string;
     }
     interface KolImage {
         /**
@@ -6706,7 +6706,7 @@ declare namespace LocalJSX {
          */
         "_hint"?: string;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames (e.g. `icons="fa-solid fa-user"`).
          */
         "_icons"?: IconsHorizontalPropType;
         /**

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

@@ -30,6 +30,7 @@ export type FormFieldProps = JSXBase.HTMLAttributes<HTMLElement> & {
     renderNoHint?: boolean;
     anotherChildren?: JSX.Element | JSX.Element[];
     maxLength?: number;
+    showBadge?: boolean;
     formFieldLabelProps?: JSXBase.HTMLAttributes<Omit<HTMLLabelElement | HTMLLegendElement, 'id' | 'hidden' | 'htmlFor'>> & {
         component?: 'label' | 'legend';
     };

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

@@ -1,19 +1,16 @@
 import { type FunctionalComponent as FC } from '../../stencil-public-runtime';
 import type { JSXBase } from '../../stencil-public-runtime';
-type LabelProps = {
+type FormFieldLabelProps = JSXBase.HTMLAttributes<Omit<HTMLLabelElement | HTMLLegendElement, 'id' | 'hidden' | 'htmlFor'>> & {
+    component?: 'label' | 'legend';
+    id: string;
     label?: string;
     accessKey?: string;
     shortKey?: string;
     hasExpertSlot?: boolean;
-    showBadge?: boolean;
-};
-type FormFieldLabelProps = JSXBase.HTMLAttributes<Omit<HTMLLabelElement | HTMLLegendElement, 'id' | 'hidden' | 'htmlFor'>> & {
-    component?: 'label' | 'legend';
-    id: string;
     hideLabel?: boolean;
     baseClassName?: string;
     showBadge?: boolean;
     readOnly?: boolean;
-} & LabelProps;
+};
 declare const KolFormFieldLabelFc: FC<FormFieldLabelProps>;
 export default KolFormFieldLabelFc;

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

@@ -1,11 +1,14 @@
 import { type FunctionalComponent as FC } from '../../stencil-public-runtime';
 import type { ButtonVariantPropType } from '../../schema';
 import { type ButtonProps } from '../Button';
-import { type IconProps } from '../Icon';
-type IconType = Partial<Omit<IconProps, 'icons'>> & {
+type IconType = {
     componentName: 'icon';
     icon?: string;
     class?: string;
+    label?: string;
+    style?: {
+        [key: string]: string;
+    };
     onClick?: (event: MouseEvent) => void;
 };
 type ButtonType = Partial<Omit<ButtonProps, 'icons'>> & {

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

@@ -1 +1 @@
-export{default as KolAlertFc}from"./Alert";export{default as KolCollapsibleFc}from"./Collapsible";export{default as KolFormFieldFc}from"./FormField";export{default as KolFormFieldMsgFc}from"./FormFieldMsg";export{default as KolHeadingFc}from"./Heading";export{default as KolIconFc}from"./Icon";export{default as KolInputContainerFc}from"./InputContainer";export{default as KolInputFc}from"./inputs/Input";export{default as KolTextareaFc}from"./inputs/TextArea";export{default as InternalUnderlinedBadgeText}from"./InternalUnderlinedBadgeText";export{default as KolSpanFc}from"./Span";export{default as KolSuggestionsFc}from"./Suggestions";export{default as KolToastItemFc}from"./ToastItem";
+export{default as KolAlertFc}from"./Alert";export{default as KolCollapsibleFc}from"./Collapsible";export{default as KolFormFieldFc}from"./FormField";export{default as KolFormFieldMsgFc}from"./FormFieldMsg";export{default as KolHeadingFc}from"./Heading";export{default as KolInputContainerFc}from"./InputContainer";export{default as KolInputFc}from"./inputs/Input";export{default as KolTextareaFc}from"./inputs/TextArea";export{default as KolSuggestionsFc}from"./Suggestions";export{default as KolToastItemFc}from"./ToastItem";

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

@@ -1,11 +1,10 @@
-import type { ColorProp, LabelProp, SrcProp } from '../../props';
-import type { ComponentApi } from '../generic-types';
-export interface AvatarApi extends ComponentApi {
-    Props: {
-        Optional: SrcProp & ColorProp;
-        Required: LabelProp;
-    };
+import type { ApiFromConfig } from '../generic-types';
+export declare const avatarPropsConfig: {
+    readonly optional: readonly [import("../../props").PropDefinition<import("../../..").ColorPair, import("../../props").ColorProp>, import("../../props").PropDefinition<string, import("../../props").SrcProp>];
+    readonly required: readonly [import("../../props").PropDefinition<string, import("../../props").LabelProp>];
+};
+export type AvatarApi = ApiFromConfig<typeof avatarPropsConfig, {
     States: {
         initials: string;
     };
-}
+}>;

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

@@ -1,8 +1,9 @@
 import type { ColorPair } from '../../../schema';
 import { BaseController } from '../base-controller';
-import type { ControllerInterface, ResolvedInputProps } from '../generic-types';
+import type { ControllerInterface, GetStateFn, ResolvedInputProps, SetStateFn } from '../generic-types';
 import type { AvatarApi } from './api';
 export declare class AvatarController extends BaseController<AvatarApi> implements ControllerInterface<AvatarApi> {
+    constructor(setState: SetStateFn<AvatarApi>, getState: GetStateFn<AvatarApi>);
     componentWillLoad(props: ResolvedInputProps<AvatarApi>): void;
     watchColor(value?: string | ColorPair): void;
     watchLabel(value?: string): void;

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

@@ -1,14 +1,12 @@
-import type { ComponentApi, InternalOf, ResolvedInputProps, ResolvedProps, StrictFields } from './generic-types';
-type InternalStates<Api extends ComponentApi> = InternalOf<NonNullable<Api['States']>>;
+import type { ComponentApi, GetStateFn, PropsConfigShape, ResolvedInputProps, ResolvedProps, SetStateFn, StrictFields } from './generic-types';
 export declare abstract class BaseController<Api extends ComponentApi> {
-    protected readonly component: InternalStates<Api>;
-    private readonly props;
+    protected readonly setState: SetStateFn<Api>;
+    protected readonly getState: GetStateFn<Api>;
     private readonly rawProps;
-    constructor(component?: InternalStates<Api>);
-    protected setProp<K extends keyof ResolvedProps<Api>>(key: K, value: StrictFields<ResolvedProps<Api>>[K]): void;
-    getProps(): StrictFields<ResolvedProps<Api>>;
+    private readonly renderProps;
+    constructor(propsConfig: PropsConfigShape, setState: SetStateFn<Api>, getState: GetStateFn<Api>);
     protected setRawProp<K extends keyof ResolvedInputProps<Api>>(key: K, value: ResolvedInputProps<Api>[K] | undefined): void;
-    protected getRawProps(): Partial<ResolvedInputProps<Api>>;
-    protected setState<K extends keyof InternalStates<Api>>(key: K, value: InternalStates<Api>[K]): void;
+    protected getRawProp<K extends keyof ResolvedInputProps<Api>>(key: K): ResolvedInputProps<Api>[K] | undefined;
+    protected setRenderProp<K extends keyof ResolvedProps<Api>>(key: K, value: StrictFields<ResolvedProps<Api>>[K]): void;
+    getRenderProp<K extends keyof ResolvedProps<Api>>(key: K): StrictFields<ResolvedProps<Api>>[K];
 }
-export {};

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

@@ -0,0 +1,5 @@
+import type { ComponentApi, GetStateFn, SetStateFn } from './generic-types';
+export declare abstract class BaseWebComponent<Api extends ComponentApi> {
+    setState: SetStateFn<Api>;
+    getState: GetStateFn<Api>;
+}

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

@@ -1,9 +1,8 @@
-import type { LabelProp } from '../../props';
-import type { ComponentApi } from '../generic-types';
-export interface ClickButtonApi extends ComponentApi {
-    Props: {
-        Required: LabelProp;
-    };
+import type { ApiFromConfig } from '../generic-types';
+export declare const clickButtonPropsConfig: {
+    readonly required: readonly [import("../../props").PropDefinition<string, import("../../props").LabelProp>];
+};
+export type ClickButtonApi = ApiFromConfig<typeof clickButtonPropsConfig, {
     Callbacks: {
         click: () => void;
     };
@@ -13,4 +12,4 @@ export interface ClickButtonApi extends ComponentApi {
     Refs: {
         button: HTMLButtonElement;
     };
-}
+}>;

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

@@ -1,8 +1,9 @@
 import { BaseController } from '../base-controller';
-import type { ControllerInterface, ResolvedInputProps } from '../generic-types';
+import type { ControllerInterface, GetStateFn, ResolvedInputProps, SetStateFn } from '../generic-types';
 import type { ClickButtonApi } from './api';
 export declare class ClickButtonController extends BaseController<ClickButtonApi> implements ControllerInterface<ClickButtonApi> {
     private buttonRef?;
+    constructor(setState: SetStateFn<ClickButtonApi>, getState: GetStateFn<ClickButtonApi>);
     componentWillLoad(props: ResolvedInputProps<ClickButtonApi>): void;
     watchLabel(value?: string): void;
     handleClick: () => void;

package/dist/types/internal/functional-components/generic-types.d.ts

@@ -1,9 +1,11 @@
 import type { EventEmitter } from '../../stencil-public-runtime';
 import type { JSXBase } from '../../stencil-public-runtime';
+import type { Prop } from '../props';
 type Callback<T> = (value?: T) => void;
 export type StrictFields<T> = {
     [K in keyof T]-?: NonNullable<T[K]>;
 };
+type UnionToIntersection<U> = (U extends unknown ? (arg: U) => void : never) extends (arg: infer I) => void ? I : never;
 export type InternalOf<P> = {
     [K in keyof P as K extends `__input_${string}` | '__propInternal__' ? never : K]: P[K];
 };
@@ -21,8 +23,30 @@ export interface ComponentApi {
     Methods?: Record<string, (...args: never[]) => unknown>;
     Props?: PropsDefinition;
     Refs?: Record<string, HTMLElement>;
-    States?: Record<string, unknown>;
+    States: Record<never, never>;
 }
+type AnyPropDef = {
+    readonly __phantomProp__?: Prop<string, unknown, unknown>;
+    readonly propName: string;
+    getDefaultValue(): unknown;
+};
+type ExtractPhantomProp<D> = D extends {
+    readonly __phantomProp__?: infer P extends Prop<string, unknown, unknown>;
+} ? P : never;
+type MergePropsFromArray<A extends readonly AnyPropDef[]> = UnionToIntersection<ExtractPhantomProp<A[number]>>;
+export type PropsConfigShape = {
+    optional?: readonly AnyPropDef[];
+    required?: readonly AnyPropDef[];
+};
+export type ApiFromConfig<Config extends PropsConfigShape, Extra extends Partial<Omit<ComponentApi, 'Props'>> = Record<never, never>> = {
+    Props: {
+        Optional: Config['optional'] extends readonly AnyPropDef[] ? MergePropsFromArray<Config['optional']> : Record<never, never>;
+        Required: Config['required'] extends readonly AnyPropDef[] ? MergePropsFromArray<Config['required']> : Record<never, never>;
+    };
+    States: Extra extends {
+        States: infer S extends Record<string, unknown>;
+    } ? S : Record<never, never>;
+} & Omit<Extra, 'Props' | 'States'>;
 type PropsEntry<T extends ComponentApi, K extends keyof PropsDefinition> = T['Props'] extends PropsDefinition ? T['Props'][K] extends Record<string, unknown> ? T['Props'][K] : Record<never, never> : Record<never, never>;
 type RequiredProps<T extends ComponentApi> = PropsEntry<T, 'Required'>;
 type OptionalProps<T extends ComponentApi> = PropsEntry<T, 'Optional'>;
@@ -38,6 +62,8 @@ type ExtractRefs<T extends ComponentApi> = ApiField<T, 'Refs'>;
 type ExtractStates<T extends ComponentApi> = InternalOf<ApiField<T, 'States'>>;
 type InternalProps<T extends ComponentApi> = InternalOf<AllProps<T>>;
 type ExternalProps<T extends ComponentApi> = ExternalOf<AllProps<T>>;
+export type SetStateFn<Api extends ComponentApi> = <K extends keyof InternalOf<NonNullable<Api['States']>>>(key: K, value: InternalOf<NonNullable<Api['States']>>[K]) => void;
+export type GetStateFn<Api extends ComponentApi> = <K extends keyof InternalOf<NonNullable<Api['States']>>>(key: K) => InternalOf<NonNullable<Api['States']>>[K];
 type PromiseMethod<Methods> = {
     [K in keyof Methods]: Methods[K] extends (...args: infer A) => infer R ? (...args: A) => Promise<Awaited<R>> : Methods[K];
 };
@@ -81,6 +107,6 @@ type ControllerRefSetters<Refs> = {
 };
 export type ControllerInterface<T extends ComponentApi = ComponentApi> = {
     componentWillLoad(props: ResolvedInputProps<T>): void;
-    getProps(): StrictFields<InternalProps<T>>;
+    getRenderProp<K extends keyof InternalProps<T>>(key: K): StrictFields<InternalProps<T>>[K];
 } & ComponentWatchers<ExternalProps<T>> & ControllerCallbackHandlers<ExtractCallbacks<T>> & ControllerListeners<ExtractListeners<T>> & ExtractMethods<T> & ControllerRefSetters<ExtractRefs<T>>;
 export {};

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

@@ -0,0 +1,5 @@
+import type { ApiFromConfig } from '../generic-types';
+export declare const iconPropsConfig: {
+    readonly required: readonly [import("../../props").PropDefinition<string, import("../../props").IconsProp>, import("../../props").PropDefinition<string, import("../../props").LabelProp>];
+};
+export type IconApi = ApiFromConfig<typeof iconPropsConfig>;

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

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

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

@@ -0,0 +1,9 @@
+import { BaseController } from '../base-controller';
+import type { ControllerInterface, GetStateFn, ResolvedProps, SetStateFn } from '../generic-types';
+import type { IconApi } from './api';
+export declare class IconController extends BaseController<IconApi> implements ControllerInterface<IconApi> {
+    constructor(setState: SetStateFn<IconApi>, getState: GetStateFn<IconApi>);
+    componentWillLoad(props: ResolvedProps<IconApi>): void;
+    watchIcons(value?: string): void;
+    watchLabel(value?: string): void;
+}

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

@@ -1,8 +1,6 @@
-import type { AltProp, LoadingProp, SizesProp, SrcProp, SrcsetProp } from '../../props';
-import type { ComponentApi } from '../generic-types';
-export interface ImageApi extends ComponentApi {
-    Props: {
-        Required: AltProp & SrcProp;
-        Optional: LoadingProp & SizesProp & SrcsetProp;
-    };
-}
+import type { ApiFromConfig } from '../generic-types';
+export declare const imagePropsConfig: {
+    readonly optional: readonly [import("../../props").PropDefinition<import("../../props").InternalPropValue<import("../../props").LoadingProp>, import("../../props").LoadingProp>, import("../../props").PropDefinition<string, import("../../props").SizesProp>, import("../../props").PropDefinition<string, import("../../props").SrcsetProp>];
+    readonly required: readonly [import("../../props").PropDefinition<string, import("../../props").AltProp>, import("../../props").PropDefinition<string, import("../../props").SrcProp>];
+};
+export type ImageApi = ApiFromConfig<typeof imagePropsConfig>;

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

@@ -1,8 +1,9 @@
 import type { LoadingType } from '../../props';
 import { BaseController } from '../base-controller';
-import type { ControllerInterface, ResolvedInputProps } from '../generic-types';
+import type { ControllerInterface, GetStateFn, ResolvedInputProps, SetStateFn } from '../generic-types';
 import type { ImageApi } from './api';
 export declare class ImageController extends BaseController<ImageApi> implements ControllerInterface<ImageApi> {
+    constructor(setState: SetStateFn<ImageApi>, getState: GetStateFn<ImageApi>);
     componentWillLoad(props: ResolvedInputProps<ImageApi>): void;
     watchAlt(value?: string): void;
     watchLoading(value?: LoadingType): void;

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

@@ -1,11 +1,10 @@
-import type { LabelProp, MaxProp, NumberValueProp, UnitProp, VariantProgressProp } from '../../props';
-import type { ComponentApi } from '../generic-types';
-export interface ProgressApi extends ComponentApi {
-    Props: {
-        Optional: LabelProp & UnitProp & VariantProgressProp;
-        Required: MaxProp & NumberValueProp;
-    };
+import type { ApiFromConfig } from '../generic-types';
+export declare const progressPropsConfig: {
+    readonly optional: readonly [import("../../props").PropDefinition<string, import("../../props").LabelProp>, import("../../props").PropDefinition<string, import("../../props").UnitProp>, import("../../props").PropDefinition<import("../../props").InternalPropValue<import("../../props").VariantProgressProp>, import("../../props").VariantProgressProp>];
+    readonly required: readonly [import("../../props").PropDefinition<number, import("../../props").MaxProp>, import("../../props").DependentPropDefinition<number, import("../../props").ClampedNumberValueDeps, import("../../props").ClampedNumberValueProp>];
+};
+export type ProgressApi = ApiFromConfig<typeof progressPropsConfig, {
     States: {
         liveValue: number;
     };
-}
+}>;

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

@@ -1,8 +1,9 @@
 import { BaseController } from '../base-controller';
-import type { ControllerInterface, ResolvedInputProps } from '../generic-types';
+import type { ControllerInterface, GetStateFn, ResolvedInputProps, SetStateFn } from '../generic-types';
 import type { ProgressApi } from './api';
 export declare class ProgressController extends BaseController<ProgressApi> implements ControllerInterface<ProgressApi> {
     private interval?;
+    constructor(setState: SetStateFn<ProgressApi>, getState: GetStateFn<ProgressApi>);
     componentWillLoad(props: ResolvedInputProps<ProgressApi>): void;
     watchLabel(value?: string): void;
     watchMax(value?: number): void;

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

@@ -1,8 +1,6 @@
-import type { HrefProp, LabelProp, QuoteProp, VariantQuoteProp } from '../../props';
-import type { ComponentApi } from '../generic-types';
-export interface QuoteApi extends ComponentApi {
-    Props: {
-        Optional: LabelProp & VariantQuoteProp;
-        Required: HrefProp & QuoteProp;
-    };
-}
+import type { ApiFromConfig } from '../generic-types';
+export declare const quotePropsConfig: {
+    readonly optional: readonly [import("../../props").PropDefinition<string, import("../../props").LabelProp>, import("../../props").PropDefinition<import("../../props").InternalPropValue<import("../../props").VariantQuoteProp>, import("../../props").VariantQuoteProp>];
+    readonly required: readonly [import("../../props").PropDefinition<string, import("../../props").HrefProp>, import("../../props").PropDefinition<string, import("../../props").QuoteProp>];
+};
+export type QuoteApi = ApiFromConfig<typeof quotePropsConfig>;

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

@@ -1,7 +1,8 @@
 import { BaseController } from '../base-controller';
-import type { ControllerInterface, ResolvedInputProps } from '../generic-types';
+import type { ControllerInterface, GetStateFn, ResolvedInputProps, SetStateFn } from '../generic-types';
 import type { QuoteApi } from './api';
 export declare class QuoteController extends BaseController<QuoteApi> implements ControllerInterface<QuoteApi> {
+    constructor(setState: SetStateFn<QuoteApi>, getState: GetStateFn<QuoteApi>);
     componentWillLoad(props: ResolvedInputProps<QuoteApi>): void;
     watchHref(value?: string): void;
     watchLabel(value?: string): void;

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

@@ -1,29 +1,28 @@
-import type { NameProp } from '../../props';
-import type { ComponentApi } from '../generic-types';
-export interface SkeletonApi extends ComponentApi {
-    Props: {
-        Required: NameProp;
-    };
-    States: {
-        count: number;
-        label: string;
-        show: boolean;
+import type { ApiFromConfig } from '../generic-types';
+export declare const skeletonPropsConfig: {
+    readonly required: readonly [import("../../props").PropDefinition<string, import("../../props").NameProp>];
+};
+export type SkeletonApi = ApiFromConfig<typeof skeletonPropsConfig, {
+    Callbacks: {
+        click: () => void;
     };
     Emitters: {
         loaded: number;
         rendered: void;
     };
-    Methods: {
-        focus: () => void;
-        toggle: () => void;
-    };
     Listeners: {
         keydown: KeyboardEvent;
     };
-    Callbacks: {
-        click: () => void;
+    Methods: {
+        focus: () => void;
+        toggle: () => void;
     };
     Refs: {
         button: HTMLButtonElement;
     };
-}
+    States: {
+        count: number;
+        label: string;
+        show: boolean;
+    };
+}>;

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

@@ -1,10 +1,10 @@
 import { BaseController } from '../base-controller';
-import type { ControllerInterface, ResolvedInputProps } from '../generic-types';
+import type { ControllerInterface, GetStateFn, ResolvedInputProps, SetStateFn } from '../generic-types';
 import type { SkeletonApi } from './api';
 export declare class SkeletonController extends BaseController<SkeletonApi> implements ControllerInterface<SkeletonApi> {
     private readonly clickButtonCtrl;
     private intervalId?;
-    constructor(states: SkeletonApi['States']);
+    constructor(setState: SetStateFn<SkeletonApi>, getState: GetStateFn<SkeletonApi>);
     componentWillLoad(props: ResolvedInputProps<SkeletonApi>): void;
     watchName(value?: string): void;
     toggle(): void;

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

@@ -0,0 +1,6 @@
+import type { ApiFromConfig } from '../generic-types';
+export declare const spanPropsConfig: {
+    readonly required: readonly [import("../../props/helpers/factory").PropDefinition<string, import("../../../internal/props").LabelProp>];
+    readonly optional: readonly [import("../../props/helpers/factory").PropDefinition<import("../../props/helpers/factory").InternalPropValue<import("../../props/allow-markdown").AllowMarkdownProp>, import("../../props/allow-markdown").AllowMarkdownProp>, import("../../props/helpers/factory").PropDefinition<string, import("../../props/badge-text").BadgeTextProp>, import("../../props/helpers/factory").PropDefinition<import("../../props/helpers/factory").InternalPropValue<import("../../props/hide-label").HideLabelProp>, import("../../props/hide-label").HideLabelProp>, import("../../props/helpers/factory").PropDefinition<import("../../props/helpers/factory").InternalPropValue<import("../../../internal/props").SpanIconsProp>, import("../../../internal/props").SpanIconsProp>];
+};
+export type SpanApi = ApiFromConfig<typeof spanPropsConfig>;

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

@@ -0,0 +1,10 @@
+import type { FunctionalComponent as FC } from '../../../stencil-public-runtime';
+import type { KoliBriIconsProp } from '../../../schema';
+import type { FunctionalComponentProps } from '../generic-types';
+import type { SpanApi } from './api';
+export declare const SpanFC: FC<Omit<FunctionalComponentProps<SpanApi>, 'allowMarkdown' | 'badgeText' | 'hideLabel' | 'icons'> & {
+    allowMarkdown?: boolean;
+    badgeText?: string;
+    hideLabel?: boolean;
+    icons?: KoliBriIconsProp;
+}>;

package/dist/types/internal/props/allow-markdown.d.ts

@@ -0,0 +1,3 @@
+import type { SimpleProp } from './helpers/factory';
+export type AllowMarkdownProp = SimpleProp<'allowMarkdown', boolean>;
+export declare const allowMarkdownProp: import("./helpers/factory").PropDefinition<import("./helpers/factory").InternalPropValue<AllowMarkdownProp>, AllowMarkdownProp>;

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

@@ -1,3 +1,3 @@
 import type { SimpleProp } from './helpers/factory';
 export type AltProp = SimpleProp<'alt', string>;
-export declare const altProp: import("./helpers/factory").PropDefinition<string>;
+export declare const altProp: import("./helpers/factory").PropDefinition<string, AltProp>;

package/dist/types/internal/props/badge-text.d.ts

@@ -0,0 +1,3 @@
+import type { SimpleProp } from './helpers/factory';
+export type BadgeTextProp = SimpleProp<'badgeText', string>;
+export declare const badgeTextProp: import("./helpers/factory").PropDefinition<string, BadgeTextProp>;

package/dist/types/internal/props/color.d.ts

@@ -1,4 +1,4 @@
 import type { ColorPair } from '../../schema';
 import { type Prop } from './helpers/factory';
 export type ColorProp = Prop<'color', ColorPair | string, ColorPair>;
-export declare const colorProp: import("./helpers/factory").PropDefinition<ColorPair>;
+export declare const colorProp: import("./helpers/factory").PropDefinition<ColorPair, ColorProp>;