@public-ui/components 3.0.3-a39fe16bf303201198458a15e713360b780d1fbc.0 → 3.0.3-rc.0

package/dist/types/schema/components/input-checkbox.d.ts

@@ -1,39 +1,19 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { MsgPropType, PropChecked, PropDisabled, PropHideMsg, PropHideLabel, PropHint, PropIndeterminate, PropLabelAlign, PropLabelWithExpertSlot, PropMsg, PropName, PropRequired, PropSyncValueBySelector, PropTouched, PropShortKey, PropAccessKey } from '../props';
-import type { AnyIconFontClass, InputTypeOnDefault, StencilUnknown, Stringified } from '../types';
-export declare const inputCheckboxVariantOptions: readonly ["button", "default", "switch"];
-export type InputCheckboxVariant = (typeof inputCheckboxVariantOptions)[number];
-export type InputCheckboxIconsProp = {
-    checked: AnyIconFontClass;
-    indeterminate?: AnyIconFontClass;
-    unchecked?: AnyIconFontClass;
-} | {
-    checked?: AnyIconFontClass;
-    indeterminate: AnyIconFontClass;
-    unchecked?: AnyIconFontClass;
-} | {
-    checked?: AnyIconFontClass;
-    indeterminate?: AnyIconFontClass;
-    unchecked: AnyIconFontClass;
-};
-export type InputCheckboxIconsState = {
-    checked: AnyIconFontClass;
-    indeterminate: AnyIconFontClass;
-    unchecked: AnyIconFontClass;
-};
+import type { InputCheckboxIconsProp, InputCheckboxIconsState, InputCheckboxVariantPropType, MsgPropType, PropAccessKey, PropChecked, PropDisabled, PropHideLabel, PropHideMsg, PropHint, PropIndeterminate, PropLabelAlign, PropLabelWithExpertSlot, PropMsg, PropName, PropRequired, PropShortKey, PropSyncValueBySelector, PropTouched } from '../props';
+import type { InputTypeOnDefault, StencilUnknown, Stringified } from '../types';
 type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
     icons: Stringified<InputCheckboxIconsProp>;
     msg: Stringified<MsgPropType>;
     on: InputTypeOnDefault;
     value: StencilUnknown;
-    variant: InputCheckboxVariant;
+    variant: InputCheckboxVariantPropType;
 } & PropAccessKey & PropChecked & PropDisabled & PropHideMsg & PropHideLabel & PropHint & PropIndeterminate & PropName & PropRequired & PropShortKey & PropSyncValueBySelector & PropTouched & PropLabelAlign;
 type RequiredStates = {
     icons: InputCheckboxIconsState;
     id: string;
     value: StencilUnknown;
-    variant: InputCheckboxVariant;
+    variant: InputCheckboxVariantPropType;
 } & PropChecked & PropHideMsg & PropIndeterminate & PropLabelWithExpertSlot;
 type OptionalStates = {
     on: InputTypeOnDefault;

package/dist/types/schema/components/input-date.d.ts

@@ -1,9 +1,7 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { MsgPropType, PropAccessKey, PropAutoComplete, PropDisabled, PropHideLabel, PropHideMsg, PropHint, PropHorizontalIcons, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropReadOnly, PropRequired, PropShortKey, PropSuggestions, PropSyncValueBySelector, PropTouched } from '../props';
+import type { InputDateTypePropType, MsgPropType, PropAccessKey, PropAutoComplete, PropDisabled, PropHideLabel, PropHideMsg, PropHint, PropHorizontalIcons, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropReadOnly, PropRequired, PropShortKey, PropSuggestions, PropSyncValueBySelector, PropTouched } from '../props';
 import type { InputTypeOnDefault, Iso8601, KoliBriHIcons, NumberString, Stringified, W3CInputValue } from '../types';
 import type { ButtonProps } from './button';
-export declare const inputDateTypeOptions: readonly ["date", "datetime-local", "month", "time", "week"];
-export type InputDateType = (typeof inputDateTypeOptions)[number];
 type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
     max: Iso8601 | Date;
@@ -12,13 +10,13 @@ type OptionalProps = {
     on: InputTypeOnDefault;
     smartButton: Stringified<ButtonProps>;
     step: number | NumberString;
-    type: InputDateType;
+    type: InputDateTypePropType;
     value: Iso8601 | Date | null;
 } & PropAccessKey & PropAutoComplete & PropDisabled & PropHideLabel & PropHideMsg & PropHint & PropHorizontalIcons & PropName & PropReadOnly & PropRequired & PropSuggestions & PropTouched;
 type RequiredStates = {
     hasValue: boolean;
     suggestions: W3CInputValue[];
-    type: InputDateType;
+    type: InputDateTypePropType;
 } & PropLabelWithExpertSlot & PropHideMsg & PropId;
 type OptionalStates = {
     max: Iso8601;

package/dist/types/schema/components/input-number.d.ts

@@ -1,5 +1,5 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { MsgPropType, PropAccessKey, PropAutoComplete, PropDisabled, PropHideLabel, PropHideMsg, PropHint, PropHorizontalIcons, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropReadOnly, PropRequired, PropShortKey, PropSuggestions, PropSyncValueBySelector, PropTouched } from '../props';
+import type { MsgPropType, PlaceholderPropType, PropAccessKey, PropAutoComplete, PropDisabled, PropHideLabel, PropHideMsg, PropHint, PropHorizontalIcons, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropReadOnly, PropRequired, PropShortKey, PropSuggestions, PropSyncValueBySelector, PropTouched } from '../props';
 import type { InputTypeOnDefault, KoliBriHIcons, NumberString, Stringified, W3CInputValue } from '../types';
 import type { ButtonProps } from './button';
 type RequiredProps = PropLabelWithExpertSlot;
@@ -8,7 +8,7 @@ type OptionalProps = {
     min: number | NumberString;
     msg: Stringified<MsgPropType>;
     on: InputTypeOnDefault;
-    placeholder: string;
+    placeholder: PlaceholderPropType;
     smartButton: Stringified<ButtonProps>;
     step: number | NumberString;
     value: number | NumberString | null;
@@ -21,7 +21,7 @@ type OptionalStates = {
     max: number;
     min: number;
     on: InputTypeOnDefault;
-    placeholder: string;
+    placeholder: PlaceholderPropType;
     smartButton: ButtonProps;
     step: number;
     value: number;

package/dist/types/schema/components/input-text.d.ts

@@ -1,9 +1,7 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { MsgPropType, PropAccessKey, PropAutoComplete, PropDisabled, PropHasCounter, PropHideLabel, PropHideMsg, PropHorizontalIcons, PropId, PropLabelWithExpertSlot, PropMaxLengthBehavior, PropMsg, PropName, PropReadOnly, PropRequired, PropShortKey, PropSpellCheck, PropSuggestions, PropSyncValueBySelector, PropTouched, PropHint } from '../props';
+import type { InputTextTypePropType, MsgPropType, PropAccessKey, PropAutoComplete, PropDisabled, PropHasCounter, PropHideLabel, PropHideMsg, PropHint, PropHorizontalIcons, PropId, PropLabelWithExpertSlot, PropMaxLengthBehavior, PropMsg, PropName, PropReadOnly, PropRequired, PropShortKey, PropSpellCheck, PropSuggestions, PropSyncValueBySelector, PropTouched } from '../props';
 import type { InputTypeOnDefault, KoliBriHIcons, Stringified, W3CInputValue } from '../types';
 import type { ButtonProps } from './button';
-export declare const inputTextTypeOptions: readonly ["text", "search", "url", "tel"];
-export type InputTextType = (typeof inputTextTypeOptions)[number];
 type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
     maxLength: number;
@@ -12,7 +10,7 @@ type OptionalProps = {
     pattern: string;
     placeholder: string;
     smartButton: Stringified<ButtonProps>;
-    type: InputTextType;
+    type: InputTextTypePropType;
     value: string;
 } & PropAccessKey & PropAutoComplete & PropDisabled & PropHasCounter & PropHideMsg & PropHideLabel & PropHint & PropHorizontalIcons & PropId & PropMaxLengthBehavior & PropName & PropReadOnly & PropRequired & PropShortKey & PropSpellCheck & PropSuggestions & PropSyncValueBySelector & PropTouched;
 type RequiredStates = {
@@ -20,7 +18,7 @@ type RequiredStates = {
     currentLengthDebounced: number;
     hasValue: boolean;
     suggestions: W3CInputValue[];
-    type: InputTextType;
+    type: InputTextTypePropType;
 } & PropHideMsg & PropId & PropLabelWithExpertSlot;
 type OptionalStates = {
     maxLength: number;

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

@@ -1,21 +1,18 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { PropLabel } from '../props';
-import type { KoliBriProgressVariantType } from '../types';
+import type { PropLabel, PropVariantProgress } from '../props';
 type RequiredProps = {
     max: number;
     value: number;
 };
 type OptionalProps = {
     unit: string;
-    variant: KoliBriProgressVariantType;
-} & PropLabel;
+} & PropLabel & PropVariantProgress;
 type RequiredStates = RequiredProps & {
     liveValue: number;
 };
 type OptionalStates = {
     unit: string;
-    variant: KoliBriProgressVariantType;
-} & PropLabel;
+} & PropLabel & PropVariantProgress;
 export type ProgressProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type ProgressStates = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type ProgressAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;

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

@@ -1,17 +1,12 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { PropHref, PropLabel } from '../props';
-export declare const koliBriQuoteVariantOptions: readonly ["block", "inline"];
-export type KoliBriQuoteVariant = (typeof koliBriQuoteVariantOptions)[number];
+import type { PropHref, PropLabel, PropVariantQuote } from '../props';
 type RequiredProps = {
     quote: string;
 } & PropHref;
-type OptionalProps = {
-    variant: KoliBriQuoteVariant;
-} & PropLabel;
+type OptionalProps = PropLabel & PropVariantQuote;
 type RequiredStates = {
     quote: string;
-    variant: KoliBriQuoteVariant;
-} & PropHref;
+} & PropHref & PropVariantQuote;
 type OptionalStates = PropLabel;
 export type QuoteProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type QuoteStates = Generic.Element.Members<RequiredStates, OptionalStates>;

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

@@ -1,6 +1,6 @@
 import type { Generic } from 'adopted-style-sheets';
 import type { LabelPropType } from '../props';
-import type { AlertType, AlertVariant } from './alert';
+import type { AlertTypePropType, AlertVariantPropType } from '../props';
 declare const toastStatusOptions: readonly ["adding", "settled", "removing"];
 type ToastStatus = (typeof toastStatusOptions)[number];
 export type ToastRenderFunction = (nodeRef: HTMLElement, options: {
@@ -10,8 +10,8 @@ export type Toast = {
     description?: string;
     render?: ToastRenderFunction;
     label: LabelPropType;
-    type: AlertType;
-    variant?: AlertVariant;
+    type: AlertTypePropType;
+    variant?: AlertVariantPropType;
     onClose?: () => void;
 };
 export type ToastState = {
@@ -20,7 +20,7 @@ export type ToastState = {
     id: string;
 };
 export type ToasterOptions = {
-    defaultVariant: AlertVariant;
+    defaultVariant: AlertVariantPropType;
 };
 type RequiredProps = NonNullable<unknown>;
 type OptionalProps = NonNullable<unknown>;

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

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

package/dist/types/schema/props/alert-type.d.ts

@@ -0,0 +1,8 @@
+import type { Generic } from 'adopted-style-sheets';
+export declare const alertTypeOptions: readonly ["default", "info", "success", "warning", "error"];
+export type AlertType = (typeof alertTypeOptions)[number];
+export type AlertTypePropType = AlertType;
+export type PropAlertType = {
+    type: AlertTypePropType;
+};
+export declare const validateAlertType: (component: Generic.Element.Component, value?: AlertTypePropType) => void;

package/dist/types/schema/props/allow-multi-sort.d.ts

@@ -0,0 +1,7 @@
+import type { Generic } from 'adopted-style-sheets';
+import type { WatchBooleanOptions } from '../utils';
+export type AllowMultiSortPropType = boolean;
+export interface PropAllowMultiSort {
+    allowMultiSort: AllowMultiSortPropType;
+}
+export declare const validateAllowMultiSort: (component: Generic.Element.Component, value?: AllowMultiSortPropType, options?: WatchBooleanOptions) => void;

package/dist/types/schema/props/current-length.d.ts

@@ -0,0 +1,7 @@
+import type { Generic } from 'adopted-style-sheets';
+import type { WatchNumberOptions } from '../utils';
+export type CurrentLengthPropType = number;
+export type PropCurrentLength = {
+    currentLength: CurrentLengthPropType;
+};
+export declare const validateCurrentLength: (component: Generic.Element.Component, value?: CurrentLengthPropType, options?: WatchNumberOptions) => void;

package/dist/types/schema/props/has-value.d.ts

@@ -0,0 +1,7 @@
+import type { Generic } from 'adopted-style-sheets';
+import type { WatchBooleanOptions } from '../utils';
+export type HasValuePropType = boolean;
+export type PropHasValue = {
+    hasValue: HasValuePropType;
+};
+export declare const validateHasValue: (component: Generic.Element.Component, value?: HasValuePropType, options?: WatchBooleanOptions) => void;

package/dist/types/schema/props/icons-input-checkbox.d.ts

@@ -0,0 +1,25 @@
+import type { Generic } from 'adopted-style-sheets';
+import type { AnyIconFontClass, Stringified } from '../types';
+export type InputCheckboxIconsProp = {
+    checked: AnyIconFontClass;
+    indeterminate?: AnyIconFontClass;
+    unchecked?: AnyIconFontClass;
+} | {
+    checked?: AnyIconFontClass;
+    indeterminate: AnyIconFontClass;
+    unchecked?: AnyIconFontClass;
+} | {
+    checked?: AnyIconFontClass;
+    indeterminate?: AnyIconFontClass;
+    unchecked: AnyIconFontClass;
+};
+export type InputCheckboxIconsState = {
+    checked: AnyIconFontClass;
+    indeterminate: AnyIconFontClass;
+    unchecked: AnyIconFontClass;
+};
+export type InputCheckboxIconsPropType = Stringified<InputCheckboxIconsProp>;
+export type PropIconsInputCheckbox = {
+    icons: InputCheckboxIconsPropType;
+};
+export declare const validateIconsInputCheckbox: (component: Generic.Element.Component, value?: InputCheckboxIconsPropType) => 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"./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"./auto-complete";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"./hint";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"./max-length-behavior";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"./accept";export*from"./accordion-callbacks";export*from"./active";export*from"./adjust-height";export*from"./alert";export*from"./alert-type";export*from"./alt";export*from"./align";export*from"./allow-multi-sort";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"./auto-complete";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"./current-length";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"./has-value";export*from"./hide-label";export*from"./hide-msg";export*from"./hint";export*from"./href";export*from"./icons";export*from"./icons-input-checkbox";export*from"./id";export*from"./image-source";export*from"./image-sizes";export*from"./image-srcset";export*from"./indeterminate";export*from"./label";export*from"./level";export*from"./label-align";export*from"./link-on-callbacks";export*from"./link-target";export*from"./link-variant";export*from"./loading";export*from"./max-length";export*from"./max";export*from"./max-length-behavior";export*from"./modal";export*from"./msg";export*from"./multiple";export*from"./name";export*from"./open";export*from"./options";export*from"./pagination-position";export*from"./pattern";export*from"./placeholder";export*from"./popover-align";export*from"./popover-callbacks";export*from"./quote";export*from"./read-only";export*from"./required";export*from"./resize-textarea";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"./tab-index";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"./type-input-date";export*from"./type-input-text";export*from"./unit";export*from"./variant-alert";export*from"./variant-input-checkbox";export*from"./variant-progress";export*from"./variant-quote";export*from"./variant/spin";export*from"./width";

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

@@ -0,0 +1,7 @@
+import type { Generic } from 'adopted-style-sheets';
+import { type HeadingLevel } from './label';
+export type LevelPropType = HeadingLevel;
+export type PropLevel = {
+    level: LevelPropType;
+};
+export declare const validateLevel: (component: Generic.Element.Component, value?: LevelPropType) => void;

package/dist/types/schema/props/max-length.d.ts

@@ -0,0 +1,7 @@
+import type { Generic } from 'adopted-style-sheets';
+import type { WatchNumberOptions } from '../utils';
+export type MaxLengthPropType = number;
+export type PropMaxLength = {
+    maxLength: MaxLengthPropType;
+};
+export declare const validateMaxLength: (component: Generic.Element.Component, value?: MaxLengthPropType, options?: WatchNumberOptions) => void;

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

@@ -1,6 +1,7 @@
 import type { Generic } from 'adopted-style-sheets';
+import type { WatchBooleanOptions } from '../utils';
 export type MultiplePropType = boolean;
 export type PropMultiple = {
     multiple: MultiplePropType;
 };
-export declare const validateMultiple: (component: Generic.Element.Component, value?: MultiplePropType) => void;
+export declare const validateMultiple: (component: Generic.Element.Component, value?: MultiplePropType, options?: WatchBooleanOptions) => void;

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

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

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

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

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

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

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

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

package/dist/types/schema/props/resize-textarea.d.ts

@@ -0,0 +1,7 @@
+import type { Generic } from 'adopted-style-sheets';
+export declare const textareaResizeOptions: readonly ["vertical", "none"];
+export type TextareaResizePropType = (typeof textareaResizeOptions)[number];
+export type PropResizeTextarea = {
+    resize: TextareaResizePropType;
+};
+export declare const validateResizeTextarea: (component: Generic.Element.Component, value?: TextareaResizePropType) => void;

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

@@ -0,0 +1,6 @@
+import type { Generic } from 'adopted-style-sheets';
+export type TabIndexPropType = number;
+export type PropTabIndex = {
+    tabIndex: TabIndexPropType;
+};
+export declare const validateTabIndex: (component: Generic.Element.Component, value?: TabIndexPropType) => void;

package/dist/types/schema/props/type-input-date.d.ts

@@ -0,0 +1,7 @@
+import type { Generic } from 'adopted-style-sheets';
+export declare const inputDateTypeOptions: readonly ["date", "datetime-local", "month", "time", "week"];
+export type InputDateTypePropType = (typeof inputDateTypeOptions)[number];
+export type PropTypeInputDate = {
+    type: InputDateTypePropType;
+};
+export declare const validateTypeInputDate: (component: Generic.Element.Component, value?: InputDateTypePropType) => void;

package/dist/types/schema/props/type-input-text.d.ts

@@ -0,0 +1,7 @@
+import type { Generic } from 'adopted-style-sheets';
+export declare const inputTextTypeOptions: readonly ["text", "search", "url", "tel"];
+export type InputTextTypePropType = (typeof inputTextTypeOptions)[number];
+export type PropTypeInputText = {
+    type: InputTextTypePropType;
+};
+export declare const validateTypeInputText: (component: Generic.Element.Component, value?: InputTextTypePropType) => void;

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

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

package/dist/types/schema/props/variant-alert.d.ts

@@ -0,0 +1,7 @@
+import type { Generic } from 'adopted-style-sheets';
+export declare const alertVariantOptions: readonly ["card", "msg"];
+export type AlertVariantPropType = (typeof alertVariantOptions)[number];
+export type PropAlertVariant = {
+    variant: AlertVariantPropType;
+};
+export declare const validateAlertVariant: (component: Generic.Element.Component, value?: AlertVariantPropType) => void;

package/dist/types/schema/props/variant-input-checkbox.d.ts

@@ -0,0 +1,7 @@
+import type { Generic } from 'adopted-style-sheets';
+export declare const inputCheckboxVariantOptions: readonly ["button", "default", "switch"];
+export type InputCheckboxVariantPropType = (typeof inputCheckboxVariantOptions)[number];
+export type PropVariantInputCheckbox = {
+    variant: InputCheckboxVariantPropType;
+};
+export declare const validateVariantInputCheckbox: (component: Generic.Element.Component, value?: InputCheckboxVariantPropType) => void;

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

@@ -0,0 +1,7 @@
+import type { Generic } from 'adopted-style-sheets';
+export declare const progressVariantOptions: readonly ["bar", "cycle"];
+export type ProgressVariantPropType = (typeof progressVariantOptions)[number];
+export type PropVariantProgress = {
+    variant: ProgressVariantPropType;
+};
+export declare const validateVariantProgress: (component: Generic.Element.Component, value?: ProgressVariantPropType) => void;

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

@@ -0,0 +1,7 @@
+import type { Generic } from 'adopted-style-sheets';
+export declare const quoteVariantOptions: readonly ["block", "inline"];
+export type QuoteVariantPropType = (typeof quoteVariantOptions)[number];
+export type PropVariantQuote = {
+    variant: QuoteVariantPropType;
+};
+export declare const validateVariantQuote: (component: Generic.Element.Component, value?: QuoteVariantPropType) => void;

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

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

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

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

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

@@ -1 +1 @@
-export*from"./alignment";export*from"./common";export*from"./options";export*from"./tab-index";
+export*from"./alignment";export*from"./common";export*from"./options";

package/doc/abbr.md

@@ -7,7 +7,7 @@
 
 | Property | Attribute | Description                                                                                                        | Type                  | Default     |
 | -------- | --------- | ------------------------------------------------------------------------------------------------------------------ | --------------------- | ----------- |
-| `_label` | `_label`  | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string` \| `undefined` | `undefined` |
+| `_label` | `_label`  | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string \| undefined` | `undefined` |
 
 
 ## Slots

package/doc/accordion.md

@@ -7,18 +7,18 @@
 
 | Property              | Attribute   | Description                                                                                                        | Type                                                                                      | Default     |
 | --------------------- | ----------- | ------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------- | ----------- |
-| `_disabled`           | `_disabled` | Makes the element not focusable and ignore all events.                                                             | `boolean` \| `undefined`                                                                    | `false`     |
+| `_disabled`           | `_disabled` | Makes the element not focusable and ignore all events.                                                             | `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` |
-| `_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`         |
-| `_on`                 | `_on`       | Gibt die EventCallback-Funktionen an.                                                                              | `undefined` \| `{ onClick?: EventValueOrEventCallback<MouseEvent, boolean>` \| `undefined; }` | `undefined` |
-| `_open`               | `_open`     | Opens/expands the element when truthy, closes/collapses when falsy.                                                | `boolean` \| `undefined`                                                                    | `false`     |
+| `_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`         |
+| `_on`                 | `_on`       | Gibt die EventCallback-Funktionen an.                                                                              | `undefined \| { onClick?: EventValueOrEventCallback<MouseEvent, boolean> \| undefined; }` | `undefined` |
+| `_open`               | `_open`     | Opens/expands the element when truthy, closes/collapses when falsy.                                                | `boolean \| undefined`                                                                    | `false`     |
 
 
 ## Methods
 
 ### `kolFocus() => Promise<void>`
 
-
+Sets focus on the internal element.
 
 #### Returns
 

package/doc/alert.md

@@ -7,13 +7,13 @@
 
 | Property     | Attribute     | Description                                                                                                        | Type                                                                    | Default     |
 | ------------ | ------------- | ------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------- | ----------- |
-| `_alert`     | `_alert`      | Defines whether the screen-readers should read out the notification.                                               | `boolean` \| `undefined`                                                  | `false`     |
-| `_hasCloser` | `_has-closer` | Defines whether the element can be closed.                                                                         | `boolean` \| `undefined`                                                  | `false`     |
-| `_label`     | `_label`      | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string` \| `undefined`                                                   | `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`         |
-| `_on`        | `_on`         | Gibt die EventCallback-Function für das Schließen des Alerts an.                                                   | `undefined` \| `{ onClose?: EventCallback<Event>` \| `undefined; }`         | `undefined` |
-| `_type`      | `_type`       | Defines either the type of the component or of the components interactive element.                                 | `"default"` \| `"error"` \| `"info"` \| `"success"` \| `"warning"` \| `undefined` | `'default'` |
-| `_variant`   | `_variant`    | Defines which variant should be used for presentation.                                                             | `"card"` \| `"msg"` \| `undefined`                                          | `'msg'`     |
+| `_alert`     | `_alert`      | Defines whether the screen-readers should read out the notification.                                               | `boolean \| undefined`                                                  | `false`     |
+| `_hasCloser` | `_has-closer` | Defines whether the element can be closed.                                                                         | `boolean \| undefined`                                                  | `false`     |
+| `_label`     | `_label`      | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string \| undefined`                                                   | `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`         |
+| `_on`        | `_on`         | Gibt die EventCallback-Function für das Schließen des Alerts an.                                                   | `undefined \| { onClose?: EventCallback<Event> \| undefined; }`         | `undefined` |
+| `_type`      | `_type`       | Defines either the type of the component or of the components interactive element.                                 | `"default" \| "error" \| "info" \| "success" \| "warning" \| undefined` | `'default'` |
+| `_variant`   | `_variant`    | Defines which variant should be used for presentation.                                                             | `"card" \| "msg" \| undefined`                                          | `'msg'`     |
 
 
 ## Slots

package/doc/avatar.md

@@ -8,7 +8,7 @@
 | 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.). | `string`              | `undefined` |
-| `_src`                | `_src`    | Sets the image `src` attribute to the given string.                                                                | `string` \| `undefined` | `undefined` |
+| `_src`                | `_src`    | Sets the image `src` attribute to the given string.                                                                | `string \| undefined` | `undefined` |
 
 
 ----------------------------------------------

package/doc/badge.md

@@ -7,10 +7,10 @@
 
 | Property              | Attribute       | Description                                                                                                        | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | Default     |
 | --------------------- | --------------- | ------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
-| `_color`              | `_color`        | Defines the backgroundColor and foregroundColor.                                                                   | `string` \| `undefined` \| `{ backgroundColor: string; foregroundColor: Stringified<CharacteristicColors>; }`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `'#000'`    |
-| `_icons`              | `_icons`        | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                    | `KoliBriHorizontalIcons & KoliBriVerticalIcons` \| `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `undefined` |
+| `_color`              | `_color`        | Defines the backgroundColor and foregroundColor.                                                                   | `string \| undefined \| { backgroundColor: string; foregroundColor: Stringified<CharacteristicColors>; }`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `'#000'`    |
+| `_icons`              | `_icons`        | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                    | `KoliBriHorizontalIcons & KoliBriVerticalIcons \| string \| 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` |
-| `_smartButton`        | `_smart-button` | Allows to add a button with an arbitrary action within the element (_hide-label only).                             | `string` \| `undefined` \| `{ _label: string; } & { _tabIndex?: number` \| `undefined; _value?: StencilUnknown; _ariaExpanded?: boolean` \| `undefined; _accessKey?: string` \| `undefined; _role?: "button"` \| `"link"` \| `"tab"` \| `"treeitem"` \| `undefined; _ariaControls?: string` \| `undefined; _ariaDescription?: string` \| `undefined; _ariaSelected?: boolean` \| `undefined; _on?: ButtonCallbacksPropType<StencilUnknown>` \| `undefined; _type?: "button"` \| `"reset"` \| `"submit"` \| `undefined; _variant?: "primary"` \| `"secondary"` \| `"normal"` \| `"tertiary"` \| `"danger"` \| `"ghost"` \| `"custom"` \| `undefined; _customClass?: string` \| `undefined; _disabled?: boolean` \| `undefined; _hideLabel?: boolean` \| `undefined; _icons?: IconsPropType` \| `undefined; _id?: string` \| `undefined; _name?: string` \| `undefined; _shortKey?: string` \| `undefined; _syncValueBySelector?: string` \| `undefined; _tooltipAlign?: AlignPropType` \| `undefined; }` | `undefined` |
+| `_smartButton`        | `_smart-button` | Allows to add a button with an arbitrary action within the element (_hide-label only).                             | `string \| undefined \| { _label: string; } & { _tabIndex?: number \| undefined; _value?: StencilUnknown; _ariaExpanded?: boolean \| undefined; _accessKey?: string \| undefined; _role?: "button" \| "link" \| "tab" \| "treeitem" \| undefined; _ariaControls?: string \| undefined; _ariaDescription?: string \| undefined; _ariaSelected?: boolean \| undefined; _on?: ButtonCallbacksPropType<StencilUnknown> \| undefined; _type?: "button" \| "reset" \| "submit" \| undefined; _variant?: "primary" \| "secondary" \| "normal" \| "tertiary" \| "danger" \| "ghost" \| "custom" \| undefined; _customClass?: string \| undefined; _disabled?: boolean \| undefined; _hideLabel?: boolean \| undefined; _icons?: IconsPropType \| undefined; _id?: string \| undefined; _name?: string \| undefined; _shortKey?: string \| undefined; _syncValueBySelector?: string \| undefined; _tooltipAlign?: AlignPropType \| undefined; }` | `undefined` |
 
 
 ----------------------------------------------

package/doc/breadcrumb.md

@@ -8,7 +8,7 @@
 | 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.). | `string`                          | `undefined` |
-| `_links` _(required)_ | `_links`  | Defines the list of links combined with their labels to render.                                                    | `BreadcrumbLinkProps[]` \| `string` | `undefined` |
+| `_links` _(required)_ | `_links`  | Defines the list of links combined with their labels to render.                                                    | `BreadcrumbLinkProps[] \| string` | `undefined` |
 
 
 ----------------------------------------------