@public-ui/components 3.0.0-rc.8 → 3.0.0

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

@@ -1,5 +1,5 @@
 import { type FunctionalComponent as FC } from '../../stencil-public-runtime';
-import type { JSXBase } from '../../stencil-public-runtime';
+import { type JSXBase } from '../../stencil-public-runtime';
 import { type InternalAlertProps } from '../../schema';
 export type KolAlertFcProps = JSXBase.HTMLAttributes<HTMLDivElement> & Partial<Omit<InternalAlertProps, 'on'>> & {
     onCloserClick?: () => void;

package/dist/types/functional-components/Alert/bem.d.ts

@@ -0,0 +1,29 @@
+type SCHEMA = {
+    'kol-alert': {
+        elements: {
+            container: {
+                modifiers: null;
+            };
+            icon: {
+                modifiers: null;
+            };
+            heading: {
+                modifiers: Set<'h0' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>;
+            };
+            content: {
+                modifiers: null;
+            };
+            closer: {
+                modifiers: null;
+            };
+        };
+        modifiers: Set<'hasCloser' | 'type-default' | 'type-error' | 'type-info' | 'type-success' | 'type-warning' | 'variant-card' | 'variant-msg'>;
+    };
+};
+declare const bem: <BlockName extends "kol-alert", ElementName extends keyof NonNullable<SCHEMA[BlockName]["elements"]>>(blockName: BlockName, blockModifiersOrElementName?: ElementName | ((SCHEMA[BlockName]["modifiers"] extends infer T ? T extends SCHEMA[BlockName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<SCHEMA[BlockName]["modifiers"] extends infer T ? T extends SCHEMA[BlockName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never, boolean>>) | undefined, elementModifiers?: ((NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_1 ? T_1 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_1 extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_1 ? T_1 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_1 extends Set<infer U> ? U : never : never : never, boolean>>) | undefined) => string;
+declare const BEM: SCHEMA;
+declare const BEM_CLASS_ALERT__CLOSER: string;
+declare const BEM_CLASS_ALERT__CONTENT: string;
+declare const BEM_CLASS_ALERT__ICON: string;
+export { bem as genBemAlert, BEM as BEM_ALERT };
+export { BEM_CLASS_ALERT__CLOSER, BEM_CLASS_ALERT__CONTENT, BEM_CLASS_ALERT__ICON };

package/dist/types/functional-components/inputs/NativeOption/NativeOption.d.ts

@@ -1,9 +1,9 @@
 import { type FunctionalComponent as FC } from '../../../stencil-public-runtime';
 import type { JSXBase } from '../../../stencil-public-runtime';
-import type { W3CInputValue } from '../../../schema';
+import type { StencilUnknown, W3CInputValue } from '../../../schema';
 export type NativeOptionProps = Omit<JSXBase.OptionHTMLAttributes<HTMLOptionElement>, 'value' | 'label'> & {
-    selectedValue?: W3CInputValue | W3CInputValue[];
-    value: W3CInputValue;
+    selectedValue?: StencilUnknown | StencilUnknown[];
+    value: StencilUnknown;
     label: W3CInputValue;
     index?: string | number;
     baseClassName?: 'kol-select' | 'kol-datalist';

package/dist/types/functional-components/inputs/NativeOptionList/NativeOptionList.d.ts

@@ -1,11 +1,11 @@
 import { type FunctionalComponent as FC } from '../../../stencil-public-runtime';
-import type { SelectOption, W3CInputValue } from '../../../schema';
+import type { SelectOption, StencilUnknown } from '../../../schema';
 import type { JSXBase } from '../../../stencil-public-runtime';
 export type NativeOptionListProps = {
     preKey?: string;
     disabled?: boolean;
-    value?: W3CInputValue | W3CInputValue[];
-    options?: SelectOption<W3CInputValue>[];
+    value?: StencilUnknown | StencilUnknown[];
+    options?: SelectOption<StencilUnknown>[];
     OptionProps?: Omit<JSXBase.OptionHTMLAttributes<HTMLOptionElement>, 'value' | 'label'>;
     OptionGroupProps?: Omit<JSXBase.OptgroupHTMLAttributes<HTMLOptGroupElement>, 'label'>;
     baseClassName?: 'kol-select';

package/dist/types/index.d.ts

@@ -6,4 +6,6 @@ export * from './enums/bund';
 export * from './kolibri';
 export { KoliBri, KoliBriDevHelper } from './schema';
 export { KolEvent } from './utils/events';
-export type { FocusableElement, KoliBriTableCell, KoliBriTableHeaderCell, KoliBriTableSelection, Optgroup, Option, SelectOption, Toast, ToasterOptions, } from './schema';
+export type { FocusableElement, KoliBriTableCell, KoliBriTableHeaderCell, KoliBriTableSelection, Optgroup, Option, SelectOption, Toast, ToasterOptions, W3CInputValue, } from './schema';
+export { BEM_ALERT } from './functional-components/Alert/bem';
+export { BEM_ICON } from './components/icon/bem';

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

@@ -1,10 +1,10 @@
 import type { Generic } from 'adopted-style-sheets';
 import type { AriaExpandedPropType, PropAccessKey, PropAlternativeButtonLinkRole, PropAriaControls, PropAriaDescription, PropAriaSelected, PropButtonCallbacks, PropButtonType, PropButtonVariant, PropCustomClass, PropDisabled, PropHideLabel, PropIcons, PropId, PropLabelWithExpertSlot, PropName, PropShortKey, PropSyncValueBySelector, PropTooltipAlign } from '../props';
-import type { KoliBriAllIcons, StencilUnknown, Stringified } from '../types';
+import type { KoliBriAllIcons, StencilUnknown } from '../types';
 export type RequiredButtonProps = PropLabelWithExpertSlot;
 export type OptionalButtonProps = {
     tabIndex: number;
-    value: Stringified<StencilUnknown>;
+    value: StencilUnknown;
     ariaExpanded: AriaExpandedPropType;
 } & PropAccessKey & PropAlternativeButtonLinkRole & PropAriaControls & PropAriaDescription & PropAriaSelected & PropButtonCallbacks<StencilUnknown> & PropButtonType & PropButtonVariant & PropCustomClass & PropDisabled & PropHideLabel & PropIcons & PropId & PropName & PropShortKey & PropSyncValueBySelector & PropTooltipAlign;
 export type RequiredButtonStates = RequiredButtonProps & PropButtonType & PropButtonVariant & {

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

@@ -1,15 +1,14 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { MsgPropType, PropDisabled, PropHideMsg, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropRequired, PropSuggestions, PropSyncValueBySelector, PropTouched, PropAccessKey, PropShortKey } from '../props';
-import type { InputTypeOnDefault, KoliBriHorizontalIcons, Stringified, W3CInputValue } from '../types';
+import type { MsgPropType, PropAccessKey, PropDisabled, PropHideLabel, PropHideMsg, PropHorizontalIcons, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropRequired, PropShortKey, PropSuggestions, PropSyncValueBySelector, PropTouched } from '../props';
+import type { InputTypeOnDefault, KoliBriHIcons, Stringified, W3CInputValue } from '../types';
 type RequiredProps = PropLabelWithExpertSlot & PropSuggestions;
 type OptionalProps = {
     hint: string;
-    icons: Stringified<KoliBriHorizontalIcons>;
     msg: Stringified<MsgPropType>;
     on: InputTypeOnDefault;
     placeholder: string;
     value: string;
-} & PropAccessKey & PropDisabled & PropHideMsg & PropHideLabel & PropName & PropRequired & PropShortKey & PropSyncValueBySelector & PropTouched;
+} & PropAccessKey & PropDisabled & PropHideMsg & PropHideLabel & PropHorizontalIcons & PropName & PropRequired & PropShortKey & PropSyncValueBySelector & PropTouched;
 type RequiredStates = {
     hasValue: boolean;
     suggestions: W3CInputValue[];
@@ -17,10 +16,9 @@ type RequiredStates = {
 } & PropId & PropHideMsg & PropLabelWithExpertSlot;
 type OptionalStates = {
     hint: string;
-    icons: KoliBriHorizontalIcons;
     on: InputTypeOnDefault;
     placeholder: string;
-} & PropAccessKey & PropDisabled & PropHideLabel & PropId & PropName & PropRequired & PropMsg & PropShortKey & PropTouched;
+} & PropAccessKey & PropDisabled & PropHideLabel & KoliBriHIcons & PropId & PropName & PropRequired & PropMsg & PropShortKey & PropTouched;
 export type ComboboxProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type ComboboxStates = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type ComboboxWatches = Generic.Element.Watchers<RequiredProps, OptionalProps>;

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

@@ -27,7 +27,7 @@ type OptionalProps = {
     icons: Stringified<InputCheckboxIconsProp>;
     msg: Stringified<MsgPropType>;
     on: InputTypeOnDefault;
-    value: Stringified<StencilUnknown>;
+    value: StencilUnknown;
     variant: InputCheckboxVariant;
 } & PropAccessKey & PropChecked & PropDisabled & PropHideMsg & PropHideLabel & PropIndeterminate & PropName & PropRequired & PropShortKey & PropSyncValueBySelector & PropTouched & PropLabelAlign;
 type RequiredStates = {

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

@@ -1,17 +1,16 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { PropAccessKey, MsgPropType, PropDisabled, PropHideMsg, PropHideLabel, PropLabelWithExpertSlot, PropMsg, PropName, PropShortKey, PropSuggestions, PropSyncValueBySelector, PropTouched } from '../props';
-import type { InputTypeOnDefault, InputTypeOnOff, KoliBriHorizontalIcons, Stringified, W3CInputValue } from '../types';
+import type { MsgPropType, PropAccessKey, PropDisabled, PropHideLabel, PropHideMsg, PropHorizontalIcons, PropLabelWithExpertSlot, PropMsg, PropName, PropShortKey, PropSuggestions, PropSyncValueBySelector, PropTouched } from '../props';
+import type { InputTypeOnDefault, InputTypeOnOff, KoliBriHIcons, Stringified, W3CInputValue } from '../types';
 import type { ButtonProps } from './button';
 type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
     autoComplete: InputTypeOnOff;
     hint: string;
-    icons: Stringified<KoliBriHorizontalIcons>;
     msg: Stringified<MsgPropType>;
     on: InputTypeOnDefault;
     smartButton: Stringified<ButtonProps>;
     value: string;
-} & PropAccessKey & PropDisabled & PropHideMsg & PropHideLabel & PropName & PropShortKey & PropSuggestions & PropSyncValueBySelector & PropTouched;
+} & PropAccessKey & PropDisabled & PropHideMsg & PropHideLabel & PropHorizontalIcons & PropName & PropShortKey & PropSuggestions & PropSyncValueBySelector & PropTouched;
 type RequiredStates = {
     autoComplete: InputTypeOnOff;
     id: string;
@@ -19,11 +18,10 @@ type RequiredStates = {
 } & PropHideMsg & PropLabelWithExpertSlot;
 type OptionalStates = {
     hint: string;
-    icons: KoliBriHorizontalIcons;
     on: InputTypeOnDefault;
     smartButton: ButtonProps;
     value: string;
-} & PropAccessKey & PropDisabled & PropHideLabel & PropMsg & PropName & PropShortKey & PropTouched;
+} & PropAccessKey & PropDisabled & PropHideLabel & KoliBriHIcons & PropMsg & PropName & PropShortKey & PropTouched;
 export type InputColorProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type InputColorStates = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type InputColorWatches = Generic.Element.Watchers<RequiredProps, OptionalProps>;

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

@@ -1,6 +1,6 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { MsgPropType, PropAccessKey, PropDisabled, PropHideMsg, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropReadOnly, PropRequired, PropShortKey, PropSuggestions, PropSyncValueBySelector, PropTouched } from '../props';
-import type { InputDateType, InputTypeOnDefault, InputTypeOnOff, Iso8601, KoliBriHorizontalIcons, OptionalInputProps, Stringified, W3CInputValue } from '../types';
+import type { MsgPropType, PropAccessKey, PropDisabled, PropHideLabel, PropHideMsg, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropReadOnly, PropRequired, PropShortKey, PropSuggestions, PropSyncValueBySelector, PropTouched } from '../props';
+import type { InputDateType, InputTypeOnDefault, InputTypeOnOff, Iso8601, KoliBriHIcons, OptionalInputProps, Stringified, W3CInputValue } from '../types';
 import type { ButtonProps } from './button';
 type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
@@ -15,7 +15,6 @@ type RequiredStates = {
 } & PropLabelWithExpertSlot & PropHideMsg & PropId;
 type OptionalStates = {
     hint: string;
-    icons: KoliBriHorizontalIcons;
     max: Iso8601;
     min: Iso8601;
     on: InputTypeOnDefault;
@@ -23,7 +22,7 @@ type OptionalStates = {
     smartButton: ButtonProps;
     step: number;
     value: Iso8601 | null;
-} & PropAccessKey & PropSyncValueBySelector & PropDisabled & PropHideLabel & PropMsg & PropName & PropReadOnly & PropRequired & PropShortKey & PropTouched;
+} & PropAccessKey & PropSyncValueBySelector & PropDisabled & PropHideLabel & KoliBriHIcons & PropMsg & PropName & PropReadOnly & PropRequired & PropShortKey & PropTouched;
 export type InputDateProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type InputDateStates = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type InputDateWatches = Generic.Element.Watchers<RequiredProps, OptionalProps>;

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

@@ -1,12 +1,11 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { MsgPropType, PropAccessKey, PropDisabled, PropHasCounter, PropHideMsg, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropMultiple, PropName, PropReadOnly, PropRequired, PropShortKey, PropSuggestions, PropSyncValueBySelector, PropTouched } from '../props';
-import type { InputTypeOnDefault, InputTypeOnOff, KoliBriHorizontalIcons, Stringified, W3CInputValue } from '../types';
+import type { MsgPropType, PropAccessKey, PropDisabled, PropHasCounter, PropHideLabel, PropHideMsg, PropHorizontalIcons, PropId, PropLabelWithExpertSlot, PropMsg, PropMultiple, PropName, PropReadOnly, PropRequired, PropShortKey, PropSuggestions, PropSyncValueBySelector, PropTouched } from '../props';
+import type { InputTypeOnDefault, InputTypeOnOff, KoliBriHIcons, Stringified, W3CInputValue } from '../types';
 import type { ButtonProps } from './button';
 type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
     autoComplete: InputTypeOnOff;
     hint: string;
-    icons: Stringified<KoliBriHorizontalIcons>;
     maxLength: number;
     msg: Stringified<MsgPropType>;
     on: InputTypeOnDefault;
@@ -14,7 +13,7 @@ type OptionalProps = {
     placeholder: string;
     smartButton: Stringified<ButtonProps>;
     value: string;
-} & PropAccessKey & PropDisabled & PropHasCounter & PropHideMsg & PropHideLabel & PropMultiple & PropName & PropReadOnly & PropRequired & PropShortKey & PropSuggestions & PropSyncValueBySelector & PropTouched;
+} & PropAccessKey & PropDisabled & PropHasCounter & PropHideMsg & PropHideLabel & PropHorizontalIcons & PropMultiple & PropName & PropReadOnly & PropRequired & PropShortKey & PropSuggestions & PropSyncValueBySelector & PropTouched;
 type RequiredStates = {
     autoComplete: InputTypeOnOff;
     hasValue: boolean;
@@ -23,14 +22,13 @@ type RequiredStates = {
 type OptionalStates = {
     currentLength: number;
     hint: string;
-    icons: KoliBriHorizontalIcons;
     maxLength: number;
     on: InputTypeOnDefault;
     pattern: string;
     placeholder: string;
     smartButton: ButtonProps;
     value: string;
-} & PropAccessKey & PropDisabled & PropHasCounter & PropHideLabel & PropMsg & PropMultiple & PropName & PropReadOnly & PropRequired & PropShortKey & PropTouched;
+} & PropAccessKey & PropDisabled & PropHasCounter & PropHideLabel & KoliBriHIcons & PropMsg & PropMultiple & PropName & PropReadOnly & PropRequired & PropShortKey & PropTouched;
 export type InputEmailProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type InputEmailStates = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type InputEmailWatches = Generic.Element.Watchers<RequiredProps, OptionalProps>;

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

@@ -1,24 +1,22 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { MsgPropType, PropDisabled, PropHideMsg, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropMultiple, PropName, PropRequired, PropSyncValueBySelector, PropTouched, PropAccessKey, PropShortKey } from '../props';
-import type { InputTypeOnDefault, KoliBriHorizontalIcons, Stringified } from '../types';
+import type { MsgPropType, PropAccessKey, PropDisabled, PropHideLabel, PropHideMsg, PropHorizontalIcons, PropId, PropLabelWithExpertSlot, PropMsg, PropMultiple, PropName, PropRequired, PropShortKey, PropSyncValueBySelector, PropTouched } from '../props';
+import type { InputTypeOnDefault, KoliBriHIcons, Stringified } from '../types';
 import type { ButtonProps } from './button';
 type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
     accept: string;
     hint: string;
-    icons: Stringified<KoliBriHorizontalIcons>;
     msg: Stringified<MsgPropType>;
     on: InputTypeOnDefault;
     smartButton: Stringified<ButtonProps>;
-} & PropAccessKey & PropDisabled & PropHideMsg & PropHideLabel & PropMultiple & PropName & PropRequired & PropShortKey & PropSyncValueBySelector & PropTouched;
+} & PropAccessKey & PropDisabled & PropHideMsg & PropHideLabel & PropHorizontalIcons & PropMultiple & PropName & PropRequired & PropShortKey & PropSyncValueBySelector & PropTouched;
 type RequiredStates = PropId & PropLabelWithExpertSlot & PropHideMsg;
 type OptionalStates = {
     accept: string;
     hint: string;
-    icons: KoliBriHorizontalIcons;
     on: InputTypeOnDefault;
     smartButton: ButtonProps;
-} & PropAccessKey & PropDisabled & PropHideLabel & PropMsg & PropMultiple & PropName & PropRequired & PropShortKey & PropTouched;
+} & PropAccessKey & PropDisabled & PropHideLabel & KoliBriHIcons & PropMsg & PropMultiple & PropName & PropRequired & PropShortKey & PropTouched;
 export type InputFileProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type InputFileStates = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type InputFileWatches = Generic.Element.Watchers<RequiredProps, OptionalProps>;

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

@@ -1,12 +1,12 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { MsgPropType, PropAccessKey, PropDisabled, PropHideMsg, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropReadOnly, PropRequired, PropShortKey, PropSuggestions, PropSyncValueBySelector, PropTouched } from '../props';
-import type { InputTypeOnDefault, InputTypeOnOff, KoliBriHorizontalIcons, OptionalInputProps, Stringified, W3CInputValue } from '../types';
+import type { MsgPropType, PropAccessKey, PropDisabled, PropHideLabel, PropHideMsg, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropReadOnly, PropRequired, PropShortKey, PropSuggestions, PropSyncValueBySelector, PropTouched } from '../props';
+import type { InputTypeOnDefault, InputTypeOnOff, KoliBriHIcons, NumberString, OptionalInputProps, Stringified, W3CInputValue } from '../types';
 import type { ButtonProps } from './button';
 type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
     msg: Stringified<MsgPropType>;
     placeholder: string;
-} & OptionalInputProps<number> & PropHideMsg & PropSuggestions;
+} & OptionalInputProps<number | NumberString> & PropHideMsg & PropSuggestions;
 type RequiredStates = {
     autoComplete: InputTypeOnOff;
     hasValue: boolean;
@@ -14,15 +14,14 @@ type RequiredStates = {
 } & PropId & PropHideMsg & PropLabelWithExpertSlot;
 type OptionalStates = {
     hint: string;
-    icons: KoliBriHorizontalIcons;
-    max: string;
-    min: string;
+    max: number;
+    min: number;
     on: InputTypeOnDefault;
     placeholder: string;
     smartButton: ButtonProps;
     step: number;
-    value: string;
-} & PropAccessKey & PropDisabled & PropHideLabel & PropMsg & PropName & PropReadOnly & PropRequired & PropSyncValueBySelector & PropShortKey & PropTouched;
+    value: number;
+} & PropAccessKey & PropDisabled & PropHideLabel & KoliBriHIcons & PropMsg & PropName & PropReadOnly & PropRequired & PropSyncValueBySelector & PropShortKey & PropTouched;
 export type InputNumberProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type InputNumberStates = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type InputNumberWatches = Generic.Element.Watchers<RequiredProps, OptionalProps>;

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

@@ -1,13 +1,12 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { MsgPropType, PropAccessKey, PropDisabled, PropHasCounter, PropHideMsg, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropReadOnly, PropRequired, PropShortKey, PropSyncValueBySelector, PropTouched } from '../props';
-import type { InputTypeOnDefault, InputTypeOnOff, KoliBriHorizontalIcons, Stringified } from '../types';
-import type { ButtonProps } from './button';
+import type { MsgPropType, PropAccessKey, PropDisabled, PropHasCounter, PropHideLabel, PropHideMsg, PropHorizontalIcons, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropReadOnly, PropRequired, PropShortKey, PropSyncValueBySelector, PropTouched } from '../props';
 import type { PropPasswordVariant } from '../props/variant/password-variant';
+import type { InputTypeOnDefault, InputTypeOnOff, KoliBriHIcons, Stringified } from '../types';
+import type { ButtonProps } from './button';
 type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
     autoComplete: InputTypeOnOff;
     hint: string;
-    icons: Stringified<KoliBriHorizontalIcons>;
     maxLength: number;
     on: InputTypeOnDefault;
     pattern: string;
@@ -15,7 +14,7 @@ type OptionalProps = {
     smartButton: Stringified<ButtonProps>;
     value: string;
     msg: Stringified<MsgPropType>;
-} & PropAccessKey & PropPasswordVariant & PropDisabled & PropHasCounter & PropHideMsg & PropHideLabel & PropName & PropReadOnly & PropRequired & PropShortKey & PropSyncValueBySelector & PropTouched;
+} & PropAccessKey & PropPasswordVariant & PropDisabled & PropHasCounter & PropHideMsg & PropHideLabel & PropHorizontalIcons & PropName & PropReadOnly & PropRequired & PropShortKey & PropSyncValueBySelector & PropTouched;
 type RequiredStates = {
     autoComplete: InputTypeOnOff;
     hasValue: boolean;
@@ -23,14 +22,13 @@ type RequiredStates = {
 type OptionalStates = {
     currentLength: number;
     hint: string;
-    icons: KoliBriHorizontalIcons;
     maxLength: number;
     on: InputTypeOnDefault;
     pattern: string;
     placeholder: string;
     smartButton: ButtonProps;
     value: string | null;
-} & PropAccessKey & PropPasswordVariant & PropDisabled & PropHasCounter & PropHideLabel & PropMsg & PropName & PropReadOnly & PropRequired & PropShortKey & PropTouched;
+} & PropAccessKey & PropPasswordVariant & PropDisabled & PropHasCounter & PropHideLabel & KoliBriHIcons & PropMsg & PropName & PropReadOnly & PropRequired & PropShortKey & PropTouched;
 export type InputPasswordProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type InputPasswordStates = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type InputPasswordWatches = Generic.Element.Watchers<RequiredProps, OptionalProps>;

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

@@ -1,31 +1,29 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { MsgPropType, PropAccessKey, PropDisabled, PropHideMsg, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropShortKey, PropSuggestions, PropSyncValueBySelector, PropTouched } from '../props';
-import type { InputTypeOnDefault, InputTypeOnOff, KoliBriHorizontalIcons, Stringified, W3CInputValue } from '../types';
+import type { MsgPropType, PropAccessKey, PropDisabled, PropHideLabel, PropHideMsg, PropHorizontalIcons, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropShortKey, PropSuggestions, PropSyncValueBySelector, PropTouched } from '../props';
+import type { InputTypeOnDefault, InputTypeOnOff, KoliBriHIcons, NumberString, Stringified, W3CInputValue } from '../types';
 type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
     autoComplete: InputTypeOnOff;
     hint: string;
-    icons: Stringified<KoliBriHorizontalIcons>;
-    max: number;
-    min: number;
+    max: number | NumberString;
+    min: number | NumberString;
     msg: Stringified<MsgPropType>;
     on: InputTypeOnDefault;
-    step: number;
-    value: number;
-} & PropAccessKey & PropDisabled & PropHideMsg & PropHideLabel & PropName & PropSuggestions & PropSyncValueBySelector & PropShortKey & PropTouched;
+    step: number | NumberString;
+    value: number | NumberString;
+} & PropAccessKey & PropDisabled & PropHideMsg & PropHideLabel & PropHorizontalIcons & PropName & PropSuggestions & PropSyncValueBySelector & PropShortKey & PropTouched;
 type RequiredStates = {
     autoComplete: InputTypeOnOff;
     suggestions: W3CInputValue[];
 } & PropId & PropHideMsg & PropLabelWithExpertSlot;
 type OptionalStates = {
     hint: string;
-    icons: KoliBriHorizontalIcons;
     max: number;
     min: number;
     on: InputTypeOnDefault;
     step: number;
     value: number;
-} & PropAccessKey & PropDisabled & PropHideLabel & PropMsg & PropName & PropShortKey & PropTouched;
+} & PropAccessKey & PropDisabled & PropHideLabel & KoliBriHIcons & PropMsg & PropName & PropShortKey & PropTouched;
 export type InputRangeProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type InputRangeStates = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type InputRangeWatches = Generic.Element.Watchers<RequiredProps, OptionalProps>;

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

@@ -1,12 +1,11 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { MsgPropType, PropAccessKey, PropDisabled, PropHasCounter, PropHideMsg, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropReadOnly, PropRequired, PropShortKey, PropSpellCheck, PropSuggestions, PropSyncValueBySelector, PropTouched } from '../props';
-import type { InputTextType, InputTypeOnDefault, InputTypeOnOff, KoliBriHorizontalIcons, Stringified, W3CInputValue } from '../types';
+import type { MsgPropType, PropAccessKey, PropDisabled, PropHasCounter, PropHideLabel, PropHideMsg, PropHorizontalIcons, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropReadOnly, PropRequired, PropShortKey, PropSpellCheck, PropSuggestions, PropSyncValueBySelector, PropTouched } from '../props';
+import type { InputTextType, InputTypeOnDefault, InputTypeOnOff, KoliBriHIcons, Stringified, W3CInputValue } from '../types';
 import type { ButtonProps } from './button';
 type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
     autoComplete: InputTypeOnOff;
     hint: string;
-    icons: Stringified<KoliBriHorizontalIcons>;
     maxLength: number;
     msg: Stringified<MsgPropType>;
     on: InputTypeOnDefault;
@@ -15,7 +14,7 @@ type OptionalProps = {
     smartButton: Stringified<ButtonProps>;
     type: InputTextType;
     value: string;
-} & PropAccessKey & PropDisabled & PropHasCounter & PropHideMsg & PropHideLabel & PropId & PropName & PropReadOnly & PropRequired & PropShortKey & PropSpellCheck & PropSuggestions & PropSyncValueBySelector & PropTouched;
+} & PropAccessKey & PropDisabled & PropHasCounter & PropHideMsg & PropHideLabel & PropHorizontalIcons & PropId & PropName & PropReadOnly & PropRequired & PropShortKey & PropSpellCheck & PropSuggestions & PropSyncValueBySelector & PropTouched;
 type RequiredStates = {
     autoComplete: InputTypeOnOff;
     hasValue: boolean;
@@ -25,14 +24,13 @@ type RequiredStates = {
 type OptionalStates = {
     currentLength: number;
     hint: string;
-    icons: KoliBriHorizontalIcons;
     maxLength: number;
     on: InputTypeOnDefault;
     pattern: string;
     placeholder: string;
     smartButton: ButtonProps;
     value: string;
-} & PropAccessKey & PropDisabled & PropHasCounter & PropHideLabel & PropMsg & PropName & PropReadOnly & PropRequired & PropShortKey & PropSpellCheck & PropTouched;
+} & PropAccessKey & PropDisabled & PropHasCounter & PropHideLabel & KoliBriHIcons & PropMsg & PropName & PropReadOnly & PropRequired & PropShortKey & PropSpellCheck & PropTouched;
 export type InputTextProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type InputTextStates = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type InputTextWatches = Generic.Element.Watchers<RequiredProps, OptionalProps>;

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

@@ -1,15 +1,14 @@
 import type { Generic } from 'adopted-style-sheets';
 import type { PropAccessKey, PropDisabled, PropHasCounter, PropHideMsg, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropReadOnly, PropRequired, PropSuggestions, PropSyncValueBySelector, PropTooltipAlign, PropTouched } from '../props';
-import type { KoliBriHorizontalIcons, Stringified } from '../types';
+import type { KoliBriHIcons, Stringified } from '../types';
 import type { ButtonProps } from './button';
 type RequiredProps = PropId & PropLabelWithExpertSlot;
 type OptionalProps = {
     currentLength: number;
     hint: string;
-    icons: KoliBriHorizontalIcons;
     maxLength: number;
     slotName: string;
     smartButton: Stringified<ButtonProps>;
-} & PropAccessKey & PropDisabled & PropHasCounter & PropHideMsg & PropHideLabel & PropMsg & PropReadOnly & PropRequired & PropSuggestions & PropSyncValueBySelector & PropTooltipAlign & PropTouched;
+} & PropAccessKey & PropDisabled & PropHasCounter & PropHideMsg & PropHideLabel & KoliBriHIcons & PropMsg & PropReadOnly & PropRequired & PropSuggestions & PropSyncValueBySelector & PropTooltipAlign & PropTouched;
 export type InputProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export {};

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

@@ -1,26 +1,24 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { MsgPropType, PropAccessKey, PropDisabled, PropHideMsg, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropMultiple, PropName, PropOptionsWithOptgroup, PropRequired, PropRows, PropShortKey, PropSyncValueBySelector, PropTouched } from '../props';
-import type { InputTypeOnDefault, KoliBriHorizontalIcons, SelectOption, Stringified, W3CInputValue } from '../types';
-type RequiredProps = PropLabelWithExpertSlot;
+import type { MsgPropType, PropAccessKey, PropDisabled, PropHideLabel, PropHideMsg, PropHorizontalIcons, PropId, PropLabelWithExpertSlot, PropMsg, PropMultiple, PropName, PropOptionsWithOptgroup, PropRequired, PropRows, PropShortKey, PropSyncValueBySelector, PropTouched } from '../props';
+import type { InputTypeOnDefault, KoliBriHIcons, SelectOption, StencilUnknown, Stringified, W3CInputValue } from '../types';
+type RequiredProps = PropLabelWithExpertSlot & PropOptionsWithOptgroup;
 type OptionalProps = {
     hint: string;
-    icons: Stringified<KoliBriHorizontalIcons>;
     msg: Stringified<MsgPropType>;
     on: InputTypeOnDefault;
     tabIndex: number;
-    value: Stringified<W3CInputValue[]>;
-} & PropAccessKey & PropDisabled & PropHideMsg & PropHideLabel & PropMultiple & PropName & PropOptionsWithOptgroup & PropRequired & PropRows & PropShortKey & PropSyncValueBySelector & PropTouched;
+    value: Stringified<StencilUnknown[]>;
+} & PropAccessKey & PropDisabled & PropHideMsg & PropHideLabel & PropHorizontalIcons & PropMultiple & PropName & PropRequired & PropRows & PropShortKey & PropSyncValueBySelector & PropTouched;
 type RequiredStates = {
     hasValue: boolean;
     options: SelectOption<W3CInputValue>[];
-    value: W3CInputValue[];
+    value: StencilUnknown[];
 } & PropId & PropHideMsg & PropMultiple & PropLabelWithExpertSlot;
 type OptionalStates = {
     hint: string;
-    icons: KoliBriHorizontalIcons;
     on: InputTypeOnDefault;
     tabIndex: number;
-} & PropAccessKey & PropDisabled & PropHideLabel & PropId & PropName & PropRequired & PropRows & PropMsg & PropShortKey & PropTouched;
+} & PropAccessKey & PropDisabled & PropHideLabel & KoliBriHIcons & PropId & PropName & PropRequired & PropRows & PropMsg & PropShortKey & PropTouched;
 export type SelectProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type SelectStates = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type SelectWatches = Generic.Element.Watchers<RequiredProps, OptionalProps>;

package/dist/types/schema/components/single-select.d.ts

@@ -1,26 +1,24 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { MsgPropType, PropDisabled, PropHideMsg, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropRequired, PropSyncValueBySelector, PropTouched, PropOptions, PropShortKey, PropAccessKey } from '../props';
-import type { InputTypeOnDefault, KoliBriHorizontalIcons, Option, StencilUnknown, Stringified } from '../types';
+import type { MsgPropType, PropAccessKey, PropDisabled, PropHideLabel, PropHideMsg, PropHorizontalIcons, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropOptions, PropRequired, PropShortKey, PropSyncValueBySelector, PropTouched, PropRows } from '../props';
+import type { InputTypeOnDefault, KoliBriHIcons, Option, StencilUnknown, Stringified } from '../types';
 type RequiredProps = PropLabelWithExpertSlot & PropOptions;
 type OptionalProps = {
     hint: string;
-    icons: Stringified<KoliBriHorizontalIcons>;
     msg: Stringified<MsgPropType>;
     on: InputTypeOnDefault;
     placeholder: string;
     value: StencilUnknown;
     hideClearButton: boolean;
-} & PropAccessKey & PropDisabled & PropHideMsg & PropHideLabel & PropName & PropRequired & PropSyncValueBySelector & PropShortKey & PropTouched;
+} & PropAccessKey & PropDisabled & PropHideMsg & PropHideLabel & PropHorizontalIcons & PropName & PropRequired & PropRows & PropSyncValueBySelector & PropShortKey & PropTouched;
 type RequiredStates = {
     options: Option<StencilUnknown>[];
 } & PropId & PropHideMsg & PropLabelWithExpertSlot;
 type OptionalStates = {
     hint: string;
-    icons: KoliBriHorizontalIcons;
     on: InputTypeOnDefault;
     placeholder: string;
     hideClearButton: boolean;
-} & PropAccessKey & PropDisabled & PropHideLabel & PropId & PropName & PropRequired & PropMsg & PropShortKey & PropTouched;
+} & PropAccessKey & PropDisabled & PropHideLabel & KoliBriHIcons & PropId & PropName & PropRequired & PropRows & PropMsg & PropShortKey & PropTouched;
 export type SingleSelectProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type SingleSelectStates = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type SingleSelectWatches = Generic.Element.Watchers<RequiredProps, OptionalProps>;

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

@@ -1,19 +1,18 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { MsgPropType, PropAccessKey, PropAdjustHeight, PropDisabled, PropHasCounter, PropHideMsg, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropReadOnly, PropRequired, PropRows, PropShortKey, PropSpellCheck, PropSyncValueBySelector, PropTouched } from '../props';
-import type { InputTypeOnDefault, KoliBriHorizontalIcons, Stringified } from '../types';
+import type { MsgPropType, PropAccessKey, PropAdjustHeight, PropDisabled, PropHasCounter, PropHideLabel, PropHideMsg, PropHorizontalIcons, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropReadOnly, PropRequired, PropRows, PropShortKey, PropSpellCheck, PropSyncValueBySelector, PropTouched } from '../props';
+import type { InputTypeOnDefault, KoliBriHIcons, Stringified } from '../types';
 export declare const cssResizeOptions: readonly ["vertical", "none"];
 export type CSSResize = (typeof cssResizeOptions)[number];
 type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
     hint: string;
-    icons: KoliBriHorizontalIcons;
     maxLength: number;
     msg: Stringified<MsgPropType>;
     on: InputTypeOnDefault;
     placeholder: string;
     resize: CSSResize;
     value: string;
-} & PropAccessKey & PropAdjustHeight & PropDisabled & PropHasCounter & PropHideMsg & PropHideLabel & PropId & PropName & PropReadOnly & PropRequired & PropRows & PropShortKey & PropSpellCheck & PropSyncValueBySelector & PropTouched;
+} & PropAccessKey & PropAdjustHeight & PropDisabled & PropHasCounter & PropHideMsg & PropHideLabel & PropHorizontalIcons & PropId & PropName & PropReadOnly & PropRequired & PropRows & PropShortKey & PropSpellCheck & PropSyncValueBySelector & PropTouched;
 type RequiredStates = {
     adjustHeight: boolean;
     currentLength: number;
@@ -22,12 +21,11 @@ type RequiredStates = {
 } & PropAdjustHeight & PropHideMsg & PropId & PropLabelWithExpertSlot;
 type OptionalStates = {
     hint: string;
-    icons: KoliBriHorizontalIcons;
     maxLength: number;
     on: InputTypeOnDefault;
     placeholder: string;
     value: string;
-} & PropAccessKey & PropDisabled & PropHasCounter & PropHideLabel & PropMsg & PropName & PropReadOnly & PropRequired & PropRows & PropShortKey & PropSpellCheck & PropTouched;
+} & PropAccessKey & PropDisabled & PropHasCounter & PropHideLabel & KoliBriHIcons & PropMsg & PropName & PropReadOnly & PropRequired & PropRows & PropShortKey & PropSpellCheck & PropTouched;
 export type TextareaProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type TextareaStates = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type TextareaWatches = Generic.Element.Watchers<RequiredProps, OptionalProps>;

package/dist/types/schema/interfaces/EventDetail.d.ts

@@ -1,4 +1,5 @@
+import type { StencilUnknown } from '../types';
 export interface EventDetail {
     name: string;
-    value: string;
+    value: StencilUnknown;
 }

package/dist/types/schema/props/aria-has-popup.d.ts

@@ -0,0 +1,3 @@
+declare const ariaHasPopupOptions: readonly ["false", "true", "menu", "listbox", "tree", "grid", "dialog"];
+export type AriaHasPopupPropType = (typeof ariaHasPopupOptions)[number];
+export {};

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

@@ -1,11 +1,15 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { KoliBriIconsProp, KoliBriIconsState } from '../types';
+import type { KoliBriHorizontalIconsProp, KoliBriIconsProp, KoliBriIconsState } from '../types';
 import type { Stringified } from '../types/common';
 import type { WatchOptions } from '../utils';
 export type IconsPropType = Stringified<KoliBriIconsProp>;
+export type IconsHorizontalPropType = Stringified<KoliBriHorizontalIconsProp>;
 export type PropIcons = {
     icons: IconsPropType;
 };
+export type PropHorizontalIcons = {
+    icons: IconsHorizontalPropType;
+};
 export declare const mapIconProp2State: (icon: KoliBriIconsProp) => KoliBriIconsState;
 export declare const isIcon: (value?: unknown) => boolean;
 export declare const validateIcons: (component: Generic.Element.Component, value?: IconsPropType, options?: WatchOptions) => void;

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

@@ -13,7 +13,11 @@ type KoliBriVerticalIcons = {
     top?: IconOrIconClass;
     bottom?: IconOrIconClass;
 };
+export type KoliBriHIcons = {
+    icons?: KoliBriHorizontalIcons;
+};
 export type KoliBriAllIcons = KoliBriHorizontalIcons & KoliBriVerticalIcons;
 export type KoliBriIconsProp = AnyIconFontClass | KoliBriAllIcons;
+export type KoliBriHorizontalIconsProp = AnyIconFontClass | KoliBriHorizontalIcons;
 export type KoliBriIconsState = KoliBriAllIcons;
 export {};

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

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