@public-ui/components 4.1.2-rc.0 → 4.1.2-rc.2

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

@@ -5,7 +5,7 @@ export { bootstrap, isInitialized, register } from './core/bootstrap';
 export * from './enums/bund';
 export * from './kolibri';
 export { KoliBri, KoliBriDevHelper } from './schema';
-export type { FocusableElement, KoliBriTableCell, KoliBriTableHeaderCell, KoliBriTableHeaderCellWithLogic, KoliBriTableSelection, Optgroup, Option, SelectOption, Toast, ToasterOptions, W3CInputValue, } from './schema';
+export type { EventValueOrEventCallback, FocusableElement, KoliBriTableCell, KoliBriTableHeaderCell, KoliBriTableHeaderCellWithLogic, KoliBriTableSelection, Optgroup, Option, SelectOption, Toast, ToasterOptions, W3CInputValue, } from './schema';
 export { BEM } from './schema/bem-registry';
 export { KolEvent } from './utils/events';
 export { isTooltipOpen } from './utils/tooltip-open-tracking';

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,9 +1,9 @@
 import type { ColorPair } from '../../../schema';
 import { BaseController } from '../base-controller';
-import type { ControllerInterface, ResolvedInputProps, SetStateFn } 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>);
+    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,12 +1,10 @@
-import type { ComponentApi, GetStateFn, ResolvedInputProps, ResolvedProps, SetStateFn, StrictFields } from './generic-types';
+import type { ComponentApi, GetStateFn, PropsConfigShape, ResolvedInputProps, ResolvedProps, SetStateFn, StrictFields } from './generic-types';
 export declare abstract class BaseController<Api extends ComponentApi> {
-    protected readonly defaultProps: StrictFields<ResolvedProps<Api>>;
     protected readonly setState: SetStateFn<Api>;
-    protected readonly getState?: GetStateFn<Api> | undefined;
+    protected readonly getState: GetStateFn<Api>;
     private readonly rawProps;
     private readonly renderProps;
-    constructor(defaultProps: StrictFields<ResolvedProps<Api>>, setState?: SetStateFn<Api>, getState?: GetStateFn<Api> | undefined);
-    protected getDefaultProp<K extends keyof ResolvedProps<Api>>(key: K): NonNullable<ResolvedProps<Api>[K]>;
+    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 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;

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,9 +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();
+    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];
 };
@@ -23,6 +25,28 @@ export interface ComponentApi {
     Refs?: Record<string, HTMLElement>;
     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'>;

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

@@ -1,7 +1,5 @@
-import type { IconsProp, LabelProp } from '../../props';
-import type { ComponentApi } from '../generic-types';
-export interface IconApi extends ComponentApi {
-    Props: {
-        Required: IconsProp & LabelProp;
-    };
-}
+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/controller.d.ts

@@ -1,8 +1,8 @@
 import { BaseController } from '../base-controller';
-import type { ControllerInterface, ResolvedProps } from '../generic-types';
+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();
+    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,9 +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();
+    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,9 +1,9 @@
 import { BaseController } from '../base-controller';
-import type { ControllerInterface, ResolvedInputProps, SetStateFn } 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>);
+    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,8 +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();
+    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/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>;

package/dist/types/internal/props/helpers/factory.d.ts

@@ -7,15 +7,24 @@ export type Prop<K extends string, TExternal, TInternal> = {
 };
 export type SimpleProp<K extends string, T> = Prop<K, T, T>;
 export type InternalPropValue<P extends Prop<string, unknown, unknown>> = NonNullable<P['__propInternal__']>;
-export type PropDefinition<TInternal> = {
+export type ExtractPropKey<P extends Prop<string, unknown, unknown>> = Exclude<keyof P, keyof {
+    __propInternal__: unknown;
+} | `__input_${string}`> extends infer K extends string ? K : never;
+export type PropDefinition<TInternal, P extends Prop<string, unknown, unknown> = Prop<string, unknown, TInternal>> = {
+    readonly __phantomProp__?: P;
+    readonly propName: string;
+    getDefaultValue(): TInternal;
     normalize: (value: unknown) => TInternal | never;
     validate: (value: TInternal) => boolean;
-    apply: (value: unknown, callback: (normalized: TInternal) => void, defaultValue: TInternal) => void;
+    apply: (value: unknown, callback: (normalized: TInternal) => void) => void;
 };
-export declare function createPropDefinition<P extends Prop<string, unknown, unknown>>(normalize: (value: unknown) => InternalPropValue<P> | never, validate?: (value: InternalPropValue<P>) => boolean): PropDefinition<InternalPropValue<P>>;
-export type DependentPropDefinition<TInternal, TDeps> = {
+export declare function createPropDefinition<P extends Prop<string, unknown, unknown>, K extends ExtractPropKey<P> = ExtractPropKey<P>>(propName: K, defaultValue: InternalPropValue<P>, normalize: (value: unknown) => InternalPropValue<P> | never, validate?: (value: InternalPropValue<P>) => boolean): PropDefinition<InternalPropValue<P>, P>;
+export type DependentPropDefinition<TInternal, TDeps, P extends Prop<string, unknown, unknown> = Prop<string, unknown, TInternal>> = {
+    readonly __phantomProp__?: P;
+    readonly propName: string;
+    getDefaultValue(): TInternal;
     normalize: (value: unknown, deps: TDeps) => TInternal | never;
     validate: (value: TInternal, deps: TDeps) => boolean;
-    apply: (value: unknown, callback: (normalized: TInternal) => void, deps: TDeps, defaultValue: TInternal) => void;
+    apply: (value: unknown, callback: (normalized: TInternal) => void, deps: TDeps) => void;
 };
-export declare function createDependentPropDefinition<P extends Prop<string, unknown, unknown>, TDeps>(normalize: (value: unknown, deps: TDeps) => InternalPropValue<P> | never, validate?: (value: InternalPropValue<P>, deps: TDeps) => boolean): DependentPropDefinition<InternalPropValue<P>, TDeps>;
+export declare function createDependentPropDefinition<P extends Prop<string, unknown, unknown>, TDeps = unknown>(propName: ExtractPropKey<P>, defaultValue: InternalPropValue<P>, normalize: (value: unknown, deps: TDeps) => InternalPropValue<P> | never, validate?: (value: InternalPropValue<P>, deps: TDeps) => boolean): DependentPropDefinition<InternalPropValue<P>, TDeps, P>;

package/dist/types/internal/props/hide-label.d.ts

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

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

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

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

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

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

@@ -1 +1 @@
-export*from"./alt";export*from"./color";export*from"./helpers/factory";export*from"./href";export*from"./icons";export*from"./label";export*from"./loading";export*from"./max";export*from"./name";export*from"./quote";export*from"./show";export*from"./sizes";export*from"./src";export*from"./srcset";export*from"./unit";export*from"./value-number";export*from"./value-number-clamped";export*from"./variant-progress";export*from"./variant-quote";
+export*from"./allow-markdown";export*from"./alt";export*from"./badge-text";export*from"./color";export*from"./helpers/factory";export*from"./hide-label";export*from"./href";export*from"./icons";export*from"./label";export*from"./loading";export*from"./max";export*from"./name";export*from"./quote";export*from"./show";export*from"./sizes";export*from"./span-icons";export*from"./src";export*from"./srcset";export*from"./unit";export*from"./value-number";export*from"./value-number-clamped";export*from"./variant-progress";export*from"./variant-quote";

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

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

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

@@ -2,5 +2,5 @@ import type { SimpleProp } from './helpers/factory';
 declare const LOADING_OPTIONS: readonly ["eager", "lazy"];
 export type LoadingType = (typeof LOADING_OPTIONS)[number];
 export type LoadingProp = SimpleProp<'loading', LoadingType>;
-export declare const loadingProp: import("./helpers/factory").PropDefinition<import("./helpers/factory").InternalPropValue<LoadingProp>>;
+export declare const loadingProp: import("./helpers/factory").PropDefinition<import("./helpers/factory").InternalPropValue<LoadingProp>, LoadingProp>;
 export {};

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

@@ -1,3 +1,3 @@
 import type { SimpleProp } from './helpers/factory';
 export type MaxProp = SimpleProp<'max', number>;
-export declare const maxProp: import("./helpers/factory").PropDefinition<number>;
+export declare const maxProp: import("./helpers/factory").PropDefinition<number, MaxProp>;

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

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

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

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

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

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

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

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

package/dist/types/internal/props/span-icons.d.ts

@@ -0,0 +1,4 @@
+import type { KoliBriIconsProp } from '../../schema/types';
+import type { SimpleProp } from './helpers/factory';
+export type SpanIconsProp = SimpleProp<'icons', KoliBriIconsProp>;
+export declare const spanIconsProp: import("./helpers/factory").PropDefinition<import("./helpers/factory").InternalPropValue<SpanIconsProp>, SpanIconsProp>;

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

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

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

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

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

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

package/dist/types/internal/props/value-number-clamped.d.ts

@@ -4,4 +4,4 @@ export type ClampedNumberValueDeps = {
     min: number;
     max: number;
 };
-export declare const clampedNumberValueProp: import("./helpers/factory").DependentPropDefinition<number, ClampedNumberValueDeps>;
+export declare const clampedNumberValueProp: import("./helpers/factory").DependentPropDefinition<number, ClampedNumberValueDeps, ClampedNumberValueProp>;

package/dist/types/internal/props/value-number.d.ts

@@ -1,3 +1,3 @@
 import type { SimpleProp } from './helpers/factory';
 export type NumberValueProp = SimpleProp<'value', number>;
-export declare const numberValueProp: import("./helpers/factory").PropDefinition<number>;
+export declare const numberValueProp: import("./helpers/factory").PropDefinition<number, NumberValueProp>;

package/dist/types/internal/props/variant-progress.d.ts

@@ -2,4 +2,4 @@ import type { SimpleProp } from './helpers/factory';
 export declare const progressVariantOptions: readonly ["bar", "cycle"];
 export type ProgressVariantType = (typeof progressVariantOptions)[number];
 export type VariantProgressProp = SimpleProp<'variant', ProgressVariantType>;
-export declare const variantProgressProp: import("./helpers/factory").PropDefinition<import("./helpers/factory").InternalPropValue<VariantProgressProp>>;
+export declare const variantProgressProp: import("./helpers/factory").PropDefinition<import("./helpers/factory").InternalPropValue<VariantProgressProp>, VariantProgressProp>;

package/dist/types/internal/props/variant-quote.d.ts

@@ -2,5 +2,5 @@ import type { SimpleProp } from './helpers/factory';
 declare const QUOTE_VARIANT_OPTIONS: readonly ["block", "inline"];
 export type QuoteVariantType = (typeof QUOTE_VARIANT_OPTIONS)[number];
 export type VariantQuoteProp = SimpleProp<'variant', QuoteVariantType>;
-export declare const variantQuoteProp: import("./helpers/factory").PropDefinition<import("./helpers/factory").InternalPropValue<VariantQuoteProp>>;
+export declare const variantQuoteProp: import("./helpers/factory").PropDefinition<import("./helpers/factory").InternalPropValue<VariantQuoteProp>, VariantQuoteProp>;
 export {};

package/dist/types/schema/bem-registry.d.ts

@@ -80,6 +80,20 @@ type KoliBriComponentsBemSchema = {
         };
         modifiers: null;
     };
+    'kol-span': {
+        elements: {
+            container: {
+                modifiers: null;
+            };
+            icon: {
+                modifiers: Set<'bottom' | 'left' | 'right' | 'top'>;
+            };
+            label: {
+                modifiers: null;
+            };
+        };
+        modifiers: Set<'has-badge' | 'hide-label'>;
+    };
 };
 export declare const bem: {
     <BlockName extends keyof KoliBriComponentsBemSchema, ElementName extends keyof NonNullable<KoliBriComponentsBemSchema[BlockName]["elements"]>>(blockName: BlockName, blockModifiersOrElementName?: ElementName | ((KoliBriComponentsBemSchema[BlockName]["modifiers"] extends infer T ? T extends KoliBriComponentsBemSchema[BlockName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<KoliBriComponentsBemSchema[BlockName]["modifiers"] extends infer T_1 ? T_1 extends KoliBriComponentsBemSchema[BlockName]["modifiers"] ? T_1 extends Set<infer U> ? U : never : never : never, boolean>>) | undefined, elementModifiers?: ((NonNullable<KoliBriComponentsBemSchema[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_2 ? T_2 extends NonNullable<KoliBriComponentsBemSchema[BlockName]["elements"]>[ElementName]["modifiers"] ? T_2 extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<NonNullable<KoliBriComponentsBemSchema[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_3 ? T_3 extends NonNullable<KoliBriComponentsBemSchema[BlockName]["elements"]>[ElementName]["modifiers"] ? T_3 extends Set<infer U> ? U : never : never : never, boolean>>) | undefined): string;