@public-ui/components 3.0.0-rc.2 → 3.0.0-rc.4

package/dist/kolibri/label-d0315384.js.map

@@ -1 +1 @@
-{"version":3,"names":["headingLevelOptions","READABLE_CHARS","ONLY_NUMBERS","countReadableChars","str","_a","match","length","hasEnoughReadableChars","min","containsOnlyNumbers","test","getValidationOptions","options","Object","assign","hooks","afterPatch","value","state","component","key","_b","a11yHint","uiUxHint","beforePatch","LABEL_VALUES","Set","validateLabel","watchValidator","validateLabelWithExpertSlot"],"sources":["src/schema/props/label.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchStringOptions } from '../utils';\nimport { watchValidator } from '../utils';\nimport { a11yHint, uiUxHint } from '../utils/a11y.tipps';\n\n/**\n * Defines the heading level options.\n */\nexport const headingLevelOptions = [0, 1, 2, 3, 4, 5, 6] as const;\nexport type HeadingLevel = (typeof headingLevelOptions)[number];\n\n/**\n * This is a regular expression that matches all readable characters.\n *\n * Interesting: https://stackoverflow.com/questions/150033/regular-expression-to-match-non-english-characters\n */\nconst READABLE_CHARS = /[a-zA-Z0-9äöüÄÖÜß]/g;\n\n/**\n * This is a regular expression that matches only numbers.\n */\nconst ONLY_NUMBERS = /^\\d+$/;\n\n/**\n * This function counts the number of readable characters in a string.\n * @param str The string to count.\n * @returns The number of readable characters in the string.\n */\nfunction countReadableChars(str: string): number {\n\treturn typeof str === 'string' ? str.match(READABLE_CHARS)?.length || 0 : 0;\n}\n\n/**\n * This function checks if a string has at least a certain number of readable characters.\n * @param str The string to check.\n * @param min The minimum number of readable characters.\n * @returns True if the string has at least the minimum number of readable characters, false otherwise.\n */\nexport function hasEnoughReadableChars(str: string, min = 1): boolean {\n\treturn countReadableChars(str) >= min;\n}\n\n/**\n * This function checks if a string contains only numbers.\n * @param str The string to check.\n * @returns True if the string contains only numbers, false otherwise.\n */\nexport function containsOnlyNumbers(str: string): boolean {\n\treturn ONLY_NUMBERS.test(str);\n}\n\n/**\n * Defines the type of the label property.\n */\nexport type LabelPropType = string;\n\n/**\n * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n */\nexport type LabelWithExpertSlotPropType = LabelPropType | '';\n\n/**\n * The label property is used to label different elements:\n * - abbr -> title text\n * - button -> label text\n * - heading -> headline text\n * - input, select and textarea -> label text\n * - summary -> summary text\n * - quote, table -> caption text\n * - version -> version text\n * - etc.\n *\n * The label is often a mandatory attribute. If the value of the label is false,\n * the expert-slot will be used. Otherwise, the value of the label must be a string\n * and the expert-slot will be ignored.\n */\nexport type PropLabel = {\n\tlabel: LabelPropType;\n};\nexport type PropLabelWithExpertSlot = {\n\tlabel: LabelWithExpertSlotPropType;\n};\n\nexport type LabelProp = Generic.Element.Members<PropLabel, unknown>;\n// type LabelWithExpertSlotProp = Generic.Element.Members<PropLabelWithExpertSlot, unknown>;\n\nfunction getValidationOptions(options: WatchStringOptions): WatchStringOptions {\n\treturn {\n\t\t...options,\n\t\thooks: {\n\t\t\tafterPatch: (value, state, component, key) => {\n\t\t\t\tif (typeof options.hooks?.afterPatch === 'function') {\n\t\t\t\t\toptions.hooks?.afterPatch(value, state, component, key);\n\t\t\t\t}\n\t\t\t\tif (typeof value === 'string' && hasEnoughReadableChars(value, 3) === false && containsOnlyNumbers(value) === false) {\n\t\t\t\t\ta11yHint(`The heading or label (\"${value}\") is not accessible. A label should consist of at least three readable characters.`);\n\t\t\t\t}\n\t\t\t\tif (typeof value === 'string' && value.length > 80) {\n\t\t\t\t\tuiUxHint(`A heading or label should not be longer than 80 characters.`);\n\t\t\t\t}\n\t\t\t},\n\t\t\tbeforePatch: options.hooks?.beforePatch,\n\t\t},\n\t};\n}\n\nconst LABEL_VALUES = new Set(['string']);\nexport const validateLabel = (component: Generic.Element.Component, value?: LabelPropType, options: WatchStringOptions = {}): void => {\n\twatchValidator(component, '_label', (value) => typeof value === 'string', LABEL_VALUES, value, getValidationOptions(options));\n};\n\n/**\n * This method name helps to differentiate between the label\n * and the label with expert slot usage.\n */\nexport const validateLabelWithExpertSlot = validateLabel;\n"],"mappings":";;;sEASaA,EAAsB,CAAC,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,GAQtD,MAAMC,EAAiB,sBAKvB,MAAMC,EAAe,QAOrB,SAASC,EAAmBC,G,MAC3B,cAAcA,IAAQ,WAAWC,EAAAD,EAAIE,MAAML,MAAe,MAAAI,SAAA,SAAAA,EAAEE,SAAU,EAAI,CAC3E,C,SAQgBC,EAAuBJ,EAAaK,EAAM,GACzD,OAAON,EAAmBC,IAAQK,CACnC,C,SAOgBC,EAAoBN,GACnC,OAAOF,EAAaS,KAAKP,EAC1B,CAqCA,SAASQ,EAAqBC,G,MAC7B,OAAAC,OAAAC,OAAAD,OAAAC,OAAA,GACIF,GAAO,CACVG,MAAO,CACNC,WAAY,CAACC,EAAOC,EAAOC,EAAWC,K,QACrC,WAAWhB,EAAAQ,EAAQG,SAAK,MAAAX,SAAA,SAAAA,EAAEY,cAAe,WAAY,EACpDK,EAAAT,EAAQG,SAAK,MAAAM,SAAA,SAAAA,EAAEL,WAAWC,EAAOC,EAAOC,EAAWC,E,CAEpD,UAAWH,IAAU,UAAYV,EAAuBU,EAAO,KAAO,OAASR,EAAoBQ,KAAW,MAAO,CACpHK,EAAS,0BAA0BL,uF,CAEpC,UAAWA,IAAU,UAAYA,EAAMX,OAAS,GAAI,CACnDiB,EAAS,8D,GAGXC,aAAapB,EAAAQ,EAAQG,SAAK,MAAAX,SAAA,SAAAA,EAAEoB,cAG/B,CAEA,MAAMC,EAAe,IAAIC,IAAI,CAAC,W,MACjBC,EAAgB,CAACR,EAAsCF,EAAuBL,EAA8B,MACxHgB,EAAeT,EAAW,UAAWF,UAAiBA,IAAU,UAAUQ,EAAcR,EAAON,EAAqBC,GAAS,E,MAOjHiB,EAA8BF,S","ignoreList":[]}
+{"version":3,"names":["headingLevelOptions","READABLE_CHARS","ONLY_NUMBERS","countReadableChars","str","_a","match","length","hasEnoughReadableChars","min","containsOnlyNumbers","test","getValidationOptions","options","Object","assign","hooks","afterPatch","value","state","component","key","_b","a11yHint","uiUxHint","beforePatch","LABEL_VALUES","Set","validateLabel","watchValidator","validateLabelWithExpertSlot"],"sources":["src/schema/props/label.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchStringOptions } from '../utils';\nimport { watchValidator } from '../utils';\nimport { a11yHint, uiUxHint } from '../utils/a11y.tipps';\n\n/**\n * Defines the heading level options.\n */\nexport const headingLevelOptions = [0, 1, 2, 3, 4, 5, 6] as const;\nexport type HeadingLevel = (typeof headingLevelOptions)[number];\n\n/**\n * This is a regular expression that matches all readable characters.\n *\n * Interesting: https://stackoverflow.com/questions/150033/regular-expression-to-match-non-english-characters\n */\nconst READABLE_CHARS = /[a-zA-Z0-9äöüÄÖÜß]/g;\n\n/**\n * This is a regular expression that matches only numbers.\n */\nconst ONLY_NUMBERS = /^\\d+$/;\n\n/**\n * This function counts the number of readable characters in a string.\n * @param str The string to count.\n * @returns The number of readable characters in the string.\n */\nfunction countReadableChars(str: string): number {\n\treturn typeof str === 'string' ? str.match(READABLE_CHARS)?.length || 0 : 0;\n}\n\n/**\n * This function checks if a string has at least a certain number of readable characters.\n * @param str The string to check.\n * @param min The minimum number of readable characters.\n * @returns True if the string has at least the minimum number of readable characters, false otherwise.\n */\nexport function hasEnoughReadableChars(str: string, min = 1): boolean {\n\treturn countReadableChars(str) >= min;\n}\n\n/**\n * This function checks if a string contains only numbers.\n * @param str The string to check.\n * @returns True if the string contains only numbers, false otherwise.\n */\nexport function containsOnlyNumbers(str: string): boolean {\n\treturn ONLY_NUMBERS.test(str);\n}\n\n/**\n * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n */\nexport type LabelPropType = string;\n\n/**\n * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n */\nexport type LabelWithExpertSlotPropType = LabelPropType | '';\n\n/**\n * The label property is used to label different elements:\n * - abbr -> title text\n * - button -> label text\n * - heading -> headline text\n * - input, select and textarea -> label text\n * - summary -> summary text\n * - quote, table -> caption text\n * - version -> version text\n * - etc.\n *\n * The label is often a mandatory attribute. If the value of the label is false,\n * the expert-slot will be used. Otherwise, the value of the label must be a string\n * and the expert-slot will be ignored.\n */\nexport type PropLabel = {\n\tlabel: LabelPropType;\n};\nexport type PropLabelWithExpertSlot = {\n\tlabel: LabelWithExpertSlotPropType;\n};\n\nexport type LabelProp = Generic.Element.Members<PropLabel, unknown>;\n// type LabelWithExpertSlotProp = Generic.Element.Members<PropLabelWithExpertSlot, unknown>;\n\nfunction getValidationOptions(options: WatchStringOptions): WatchStringOptions {\n\treturn {\n\t\t...options,\n\t\thooks: {\n\t\t\tafterPatch: (value, state, component, key) => {\n\t\t\t\tif (typeof options.hooks?.afterPatch === 'function') {\n\t\t\t\t\toptions.hooks?.afterPatch(value, state, component, key);\n\t\t\t\t}\n\t\t\t\tif (typeof value === 'string' && hasEnoughReadableChars(value, 3) === false && containsOnlyNumbers(value) === false) {\n\t\t\t\t\ta11yHint(`The heading or label (\"${value}\") is not accessible. A label should consist of at least three readable characters.`);\n\t\t\t\t}\n\t\t\t\tif (typeof value === 'string' && value.length > 80) {\n\t\t\t\t\tuiUxHint(`A heading or label should not be longer than 80 characters.`);\n\t\t\t\t}\n\t\t\t},\n\t\t\tbeforePatch: options.hooks?.beforePatch,\n\t\t},\n\t};\n}\n\nconst LABEL_VALUES = new Set(['string']);\nexport const validateLabel = (component: Generic.Element.Component, value?: LabelPropType, options: WatchStringOptions = {}): void => {\n\twatchValidator(component, '_label', (value) => typeof value === 'string', LABEL_VALUES, value, getValidationOptions(options));\n};\n\n/**\n * This method name helps to differentiate between the label\n * and the label with expert slot usage.\n */\nexport const validateLabelWithExpertSlot = validateLabel;\n"],"mappings":";;;sEASaA,EAAsB,CAAC,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,GAQtD,MAAMC,EAAiB,sBAKvB,MAAMC,EAAe,QAOrB,SAASC,EAAmBC,G,MAC3B,cAAcA,IAAQ,WAAWC,EAAAD,EAAIE,MAAML,MAAe,MAAAI,SAAA,SAAAA,EAAEE,SAAU,EAAI,CAC3E,C,SAQgBC,EAAuBJ,EAAaK,EAAM,GACzD,OAAON,EAAmBC,IAAQK,CACnC,C,SAOgBC,EAAoBN,GACnC,OAAOF,EAAaS,KAAKP,EAC1B,CAqCA,SAASQ,EAAqBC,G,MAC7B,OAAAC,OAAAC,OAAAD,OAAAC,OAAA,GACIF,GAAO,CACVG,MAAO,CACNC,WAAY,CAACC,EAAOC,EAAOC,EAAWC,K,QACrC,WAAWhB,EAAAQ,EAAQG,SAAK,MAAAX,SAAA,SAAAA,EAAEY,cAAe,WAAY,EACpDK,EAAAT,EAAQG,SAAK,MAAAM,SAAA,SAAAA,EAAEL,WAAWC,EAAOC,EAAOC,EAAWC,E,CAEpD,UAAWH,IAAU,UAAYV,EAAuBU,EAAO,KAAO,OAASR,EAAoBQ,KAAW,MAAO,CACpHK,EAAS,0BAA0BL,uF,CAEpC,UAAWA,IAAU,UAAYA,EAAMX,OAAS,GAAI,CACnDiB,EAAS,8D,GAGXC,aAAapB,EAAAQ,EAAQG,SAAK,MAAAX,SAAA,SAAAA,EAAEoB,cAG/B,CAEA,MAAMC,EAAe,IAAIC,IAAI,CAAC,W,MACjBC,EAAgB,CAACR,EAAsCF,EAAuBL,EAA8B,MACxHgB,EAAeT,EAAW,UAAWF,UAAiBA,IAAU,UAAUQ,EAAcR,EAAON,EAAqBC,GAAS,E,MAOjHiB,EAA8BF,S","ignoreList":[]}

package/dist/kolibri/open-20d08415.js.map

@@ -1 +1 @@
-{"version":3,"names":["validateOpen","component","value","options","watchBoolean"],"sources":["src/schema/props/open.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchBooleanOptions } from '../utils';\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type OpenPropType = boolean;\n\n/**\n * If set (to true) opens/expands the element, closes if not set (or set to false).\n */\nexport type PropOpen = {\n\topen: OpenPropType;\n};\n\n/* validator */\nexport const validateOpen = (component: Generic.Element.Component, value: OpenPropType | undefined, options?: WatchBooleanOptions): void => {\n\twatchBoolean(component, '_open', value, options);\n};\n"],"mappings":";;;wDAgBaA,EAAe,CAACC,EAAsCC,EAAiCC,KACnGC,EAAaH,EAAW,QAASC,EAAOC,EAAQ,S","ignoreList":[]}
+{"version":3,"names":["validateOpen","component","value","options","watchBoolean"],"sources":["src/schema/props/open.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchBooleanOptions } from '../utils';\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type OpenPropType = boolean;\n\n/**\n * Opens/expands the element when truthy, closes/collapses when falsy.\n */\nexport type PropOpen = {\n\topen: OpenPropType;\n};\n\n/* validator */\nexport const validateOpen = (component: Generic.Element.Component, value: OpenPropType | undefined, options?: WatchBooleanOptions): void => {\n\twatchBoolean(component, '_open', value, options);\n};\n"],"mappings":";;;wDAgBaA,EAAe,CAACC,EAAsCC,EAAiCC,KACnGC,EAAaH,EAAW,QAASC,EAAOC,EAAQ,S","ignoreList":[]}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as s}from"./index-8a5f476c.js";const t=class{constructor(t){s(this,t)}};export{t as test_component};
+import{r as s}from"./index-91489a9f.js";const t=class{constructor(t){s(this,t)}};export{t as test_component};

package/dist/types/components/@deprecated/input/controller.d.ts

@@ -1,5 +1,5 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { AccessKeyPropType, AdjustHeightPropType, ButtonProps, HideErrorPropType, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType, ShortKeyPropType, StencilUnknown, Stringified, TooltipAlignPropType } from '../../../schema';
+import type { AccessKeyPropType, AdjustHeightPropType, ButtonProps, HideMsgPropType, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType, ShortKeyPropType, StencilUnknown, Stringified, TooltipAlignPropType } from '../../../schema';
 import { ControlledInputController } from '../../input-adapter-leanup/controller';
 import type { Props as AdapterProps } from '../../input-adapter-leanup/types';
 import type { Props, Watches } from './types';
@@ -12,7 +12,7 @@ export declare class InputController extends ControlledInputController implement
     validateAdjustHeight(value?: AdjustHeightPropType): void;
     validateDisabled(value?: boolean): void;
     validateTooltipAlign(value?: TooltipAlignPropType): void;
-    validateHideError(value?: HideErrorPropType): void;
+    validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
     validateId(value?: string): void;

package/dist/types/components/@deprecated/input/types.d.ts

@@ -5,7 +5,7 @@ type OptionalProps = PropLabelWithExpertSlot & {
     accessKey: AccessKeyPropType;
     adjustHeight: boolean;
     disabled: boolean;
-    hideError: boolean;
+    hideMsg: boolean;
     hideLabel: boolean;
     hint: string;
     id: string;

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

@@ -1,4 +1,4 @@
-import type { ComboboxAPI, ComboboxStates, HideErrorPropType, IdPropType, InputTypeOnDefault, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { ComboboxAPI, ComboboxStates, HideMsgPropType, IdPropType, InputTypeOnDefault, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
 export declare class KolCombobox implements ComboboxAPI {
     private readonly host?;
@@ -16,6 +16,8 @@ export declare class KolCombobox implements ComboboxAPI {
     private moveFocus;
     private focusOption;
     private focusSuggestionStartingWith;
+    private getFormFieldProps;
+    private getInputProps;
     render(): JSX.Element;
     handleKeyDown(event: KeyboardEvent): void;
     private readonly controller;
@@ -26,7 +28,7 @@ export declare class KolCombobox implements ComboboxAPI {
     _accessKey?: string;
     _placeholder?: string;
     _disabled?: boolean;
-    _hideError?: boolean;
+    _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
     _icons?: Stringified<KoliBriHorizontalIcons>;
@@ -50,7 +52,7 @@ export declare class KolCombobox implements ComboboxAPI {
     validatePlaceholder(value?: string): void;
     validateAccessKey(value?: string): void;
     validateDisabled(value?: boolean): void;
-    validateHideError(value?: HideErrorPropType): void;
+    validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
     validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;

package/dist/types/components/drawer/shadow.d.ts

@@ -1,4 +1,4 @@
-import type { AlignPropType, DrawerAPI, DrawerStates, KoliBriModalEventCallbacks, LabelPropType, ModalPropType, OpenPropType } from '../../schema';
+import type { AlignPropType, DrawerAPI, DrawerStates, KoliBriModalEventCallbacks, LabelPropType, OpenPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
 export declare class KolDrawer implements DrawerAPI {
     private readonly host?;
@@ -13,18 +13,17 @@ export declare class KolDrawer implements DrawerAPI {
     _open?: OpenPropType;
     _align?: AlignPropType;
     _label: LabelPropType;
-    _modal?: ModalPropType;
     _on?: KoliBriModalEventCallbacks;
     state: DrawerStates;
     validateLabel(value?: LabelPropType): void;
     validateAlign(value?: AlignPropType): void;
-    validateModal(value?: ModalPropType): void;
-    validateOpen(value?: OpenPropType): Promise<void>;
+    validateOpen(value?: OpenPropType): void;
+    private openOrCloseBasedOnState;
     validateOn(value?: KoliBriModalEventCallbacks): void;
     private handleCloseDialog;
     private handleClose;
     private handleAnimationEnd;
     componentDidLoad(): void;
     disconnectedCallback(): void;
-    componentWillLoad(): Promise<void>;
+    componentWillLoad(): void;
 }

package/dist/types/components/form/shadow.d.ts

@@ -2,13 +2,17 @@ import type { JSX } from '../../stencil-public-runtime';
 import type { ErrorListPropType, FormAPI, FormStates, KoliBriFormCallbacks, Stringified } from '../../schema';
 export declare class KolForm implements FormAPI {
     private readonly host?;
-    errorListElement?: HTMLElement;
+    errorListBlock?: HTMLElement;
+    errorListFirstLink?: HTMLElement;
     private readonly onSubmit;
     private readonly onReset;
     private readonly handleLinkClick;
+    private readonly setBlockElement;
+    private readonly setFirstLinkElement;
     private renderErrorList;
     private renderFormElement;
     render(): JSX.Element;
+    private scrollToErrorList;
     focusErrorList(): Promise<void>;
     _on?: KoliBriFormCallbacks;
     _requiredText?: Stringified<boolean>;

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

@@ -14,7 +14,7 @@ export declare class KolInputWc implements Props {
     _currentLength?: number;
     _disabled?: boolean;
     _hasCounter?: boolean;
-    _hideError?: boolean;
+    _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
     _icons?: KoliBriHorizontalIcons;

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

@@ -1,5 +1,5 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { ButtonProps, KoliBriHorizontalIcons, MsgPropType, PropAccessKey, PropDisabled, PropHasCounter, PropHideError, PropHideLabel, PropId, PropLabelWithExpertSlot, PropReadOnly, PropRequired, PropShortKey, PropSuggestions, PropSyncValueBySelector, PropTooltipAlign, PropTouched, Stringified } from '../../schema';
+import type { ButtonProps, KoliBriHorizontalIcons, MsgPropType, PropAccessKey, PropDisabled, PropHasCounter, PropHideMsg, PropHideLabel, PropId, PropLabelWithExpertSlot, PropReadOnly, PropRequired, PropShortKey, PropSuggestions, PropSyncValueBySelector, PropTooltipAlign, PropTouched, Stringified } from '../../schema';
 type RequiredProps = PropId & PropLabelWithExpertSlot;
 type OptionalProps = {
     currentLength: number;
@@ -9,6 +9,6 @@ type OptionalProps = {
     msg: MsgPropType;
     slotName: string;
     smartButton: Stringified<ButtonProps>;
-} & PropAccessKey & PropDisabled & PropHasCounter & PropHideError & PropHideLabel & PropReadOnly & PropRequired & PropShortKey & PropSuggestions & PropSyncValueBySelector & PropTooltipAlign & PropTouched;
+} & PropAccessKey & PropDisabled & PropHasCounter & PropHideMsg & PropHideLabel & PropReadOnly & PropRequired & PropShortKey & PropSuggestions & PropSyncValueBySelector & PropTooltipAlign & PropTouched;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 export {};

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

@@ -1,5 +1,5 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { CheckedPropType, FocusableElement, HideErrorPropType, IdPropType, IndeterminatePropType, InputCheckboxAPI, InputCheckboxIconsProp, InputCheckboxStates, InputCheckboxVariant, InputTypeOnDefault, LabelAlignPropType, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { CheckedPropType, FocusableElement, HideMsgPropType, IdPropType, IndeterminatePropType, InputCheckboxAPI, InputCheckboxIconsProp, InputCheckboxStates, InputCheckboxVariant, InputTypeOnDefault, LabelAlignPropType, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 export declare class KolInputCheckbox implements InputCheckboxAPI, FocusableElement {
     private readonly host?;
     private inputRef?;
@@ -8,14 +8,14 @@ export declare class KolInputCheckbox implements InputCheckboxAPI, FocusableElem
     getValue(): Promise<StencilUnknown>;
     kolFocus(): Promise<void>;
     private getFormFieldProps;
+    private getFieldControlProps;
     private getInputProps;
     private getIcon;
-    private getIconProps;
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: string;
     _checked?: boolean;
-    _hideError?: boolean;
+    _hideMsg?: boolean;
     _disabled?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
@@ -42,7 +42,7 @@ export declare class KolInputCheckbox implements InputCheckboxAPI, FocusableElem
     validateAccessKey(value?: string): void;
     validateChecked(value?: CheckedPropType): void;
     validateDisabled(value?: boolean): void;
-    validateHideError(value?: HideErrorPropType): void;
+    validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
     validateIcons(value?: Stringified<InputCheckboxIconsProp>): void;

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

@@ -1,4 +1,4 @@
-import type { ButtonProps, FocusableElement, HideErrorPropType, IdPropType, InputColorAPI, InputColorStates, InputTypeOnDefault, InputTypeOnOff, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { ButtonProps, FocusableElement, HideMsgPropType, IdPropType, InputColorAPI, InputColorStates, InputTypeOnDefault, InputTypeOnOff, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
 export declare class KolInputColor implements InputColorAPI, FocusableElement {
     private readonly host?;
@@ -16,7 +16,7 @@ export declare class KolInputColor implements InputColorAPI, FocusableElement {
     _accessKey?: string;
     _autoComplete?: InputTypeOnOff;
     _disabled?: boolean;
-    _hideError?: boolean;
+    _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
     _icons?: Stringified<KoliBriHorizontalIcons>;
@@ -40,7 +40,7 @@ export declare class KolInputColor implements InputColorAPI, FocusableElement {
     validateAccessKey(value?: string): void;
     validateAutoComplete(value?: InputTypeOnOff): void;
     validateDisabled(value?: boolean): void;
-    validateHideError(value?: HideErrorPropType): void;
+    validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
     validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;

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

@@ -1,5 +1,5 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { ButtonProps, FocusableElement, HideErrorPropType, IdPropType, InputDateAPI, InputDateStates, InputDateType, InputTypeOnDefault, InputTypeOnOff, Iso8601, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ReadOnlyPropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { ButtonProps, FocusableElement, HideMsgPropType, IdPropType, InputDateAPI, InputDateStates, InputDateType, InputTypeOnDefault, InputTypeOnOff, Iso8601, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ReadOnlyPropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 export declare class KolInputDate implements InputDateAPI, FocusableElement {
     private readonly host?;
     private inputRef?;
@@ -22,7 +22,7 @@ export declare class KolInputDate implements InputDateAPI, FocusableElement {
     _accessKey?: string;
     _autoComplete?: InputTypeOnOff;
     _disabled?: boolean;
-    _hideError?: boolean;
+    _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
     _icons?: Stringified<KoliBriHorizontalIcons>;
@@ -52,7 +52,7 @@ export declare class KolInputDate implements InputDateAPI, FocusableElement {
     validateAccessKey(value?: string): void;
     validateAutoComplete(value?: InputTypeOnOff): void;
     validateDisabled(value?: boolean): void;
-    validateHideError(value?: HideErrorPropType): void;
+    validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
     validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;

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

@@ -1,5 +1,5 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { ButtonProps, FocusableElement, HideErrorPropType, IdPropType, InputEmailAPI, InputEmailStates, InputTypeOnDefault, InputTypeOnOff, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, MultiplePropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { ButtonProps, FocusableElement, HideMsgPropType, IdPropType, InputEmailAPI, InputEmailStates, InputTypeOnDefault, InputTypeOnOff, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, MultiplePropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 export declare class KolInputEmail implements InputEmailAPI, FocusableElement {
     private readonly host?;
     private inputRef?;
@@ -16,7 +16,7 @@ export declare class KolInputEmail implements InputEmailAPI, FocusableElement {
     _autoComplete?: InputTypeOnOff;
     _disabled?: boolean;
     _hasCounter?: boolean;
-    _hideError?: boolean;
+    _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
     _icons?: Stringified<KoliBriHorizontalIcons>;
@@ -47,7 +47,7 @@ export declare class KolInputEmail implements InputEmailAPI, FocusableElement {
     validateAutoComplete(value?: InputTypeOnOff): void;
     validateDisabled(value?: boolean): void;
     validateHasCounter(value?: boolean): void;
-    validateHideError(value?: HideErrorPropType): void;
+    validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
     validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;

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

@@ -1,5 +1,5 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { ButtonProps, FocusableElement, HideErrorPropType, IdPropType, InputFileAPI, InputFileStates, InputTypeOnDefault, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { ButtonProps, FocusableElement, HideMsgPropType, IdPropType, InputFileAPI, InputFileStates, InputTypeOnDefault, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 export declare class KolInputFile implements InputFileAPI, FocusableElement {
     private readonly host?;
     private inputRef?;
@@ -13,7 +13,7 @@ export declare class KolInputFile implements InputFileAPI, FocusableElement {
     _accept?: string;
     _accessKey?: string;
     _disabled?: boolean;
-    _hideError?: boolean;
+    _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
     _icons?: Stringified<KoliBriHorizontalIcons>;
@@ -37,7 +37,7 @@ export declare class KolInputFile implements InputFileAPI, FocusableElement {
     validateAccept(value?: string): void;
     validateAccessKey(value?: string): void;
     validateDisabled(value?: boolean): void;
-    validateHideError(value?: HideErrorPropType): void;
+    validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
     validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;

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

@@ -1,5 +1,5 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { ButtonProps, FocusableElement, HideErrorPropType, IdPropType, InputNumberAPI, InputNumberStates, InputTypeOnDefault, InputTypeOnOff, Iso8601, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { ButtonProps, FocusableElement, HideMsgPropType, IdPropType, InputNumberAPI, InputNumberStates, InputTypeOnDefault, InputTypeOnOff, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 export declare class KolInputNumber implements InputNumberAPI, FocusableElement {
     private readonly host?;
     private inputRef?;
@@ -15,14 +15,14 @@ export declare class KolInputNumber implements InputNumberAPI, FocusableElement
     _accessKey?: string;
     _autoComplete?: InputTypeOnOff;
     _disabled?: boolean;
-    _hideError?: boolean;
+    _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
     _icons?: Stringified<KoliBriHorizontalIcons>;
     _id?: IdPropType;
     _label: LabelWithExpertSlotPropType;
-    _max?: number | Iso8601;
-    _min?: number | Iso8601;
+    _max?: number;
+    _min?: number;
     _msg?: Stringified<MsgPropType>;
     _name?: NamePropType;
     _on?: InputTypeOnDefault;
@@ -37,7 +37,7 @@ export declare class KolInputNumber implements InputNumberAPI, FocusableElement
     _tabIndex?: number;
     _tooltipAlign?: TooltipAlignPropType;
     _touched?: boolean;
-    _value?: number | Iso8601 | null;
+    _value?: number | null;
     state: InputNumberStates;
     private inputHasFocus;
     constructor();
@@ -45,14 +45,14 @@ export declare class KolInputNumber implements InputNumberAPI, FocusableElement
     validateAccessKey(value?: string): void;
     validateAutoComplete(value?: InputTypeOnOff): void;
     validateDisabled(value?: boolean): void;
-    validateHideError(value?: HideErrorPropType): void;
+    validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
     validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;
     validateId(value?: string): void;
     validateLabel(value?: LabelWithExpertSlotPropType): void;
-    validateMax(value?: number | Iso8601): void;
-    validateMin(value?: number | Iso8601): void;
+    validateMax(value?: number): void;
+    validateMin(value?: number): void;
     validateMsg(value?: Stringified<MsgPropType>): void;
     validateName(value?: string): void;
     validateOn(value?: InputTypeOnDefault): void;
@@ -66,6 +66,6 @@ export declare class KolInputNumber implements InputNumberAPI, FocusableElement
     validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
     validateTabIndex(value?: number): void;
     validateTouched(value?: boolean): void;
-    validateValue(value?: number | Iso8601 | null): void;
+    validateValue(value?: number | null): void;
     componentWillLoad(): void;
 }

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

@@ -1,5 +1,5 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { ButtonProps, FocusableElement, HideErrorPropType, IdPropType, InputPasswordAPI, InputPasswordStates, InputTypeOnDefault, InputTypeOnOff, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { ButtonProps, FocusableElement, HideMsgPropType, IdPropType, InputPasswordAPI, InputPasswordStates, InputTypeOnDefault, InputTypeOnOff, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 import type { PasswordVariantPropType } from '../../schema/props/variant/password-variant';
 export declare class KolInputPassword implements InputPasswordAPI, FocusableElement {
     private readonly host?;
@@ -18,7 +18,7 @@ export declare class KolInputPassword implements InputPasswordAPI, FocusableElem
     _autoComplete?: InputTypeOnOff;
     _disabled?: boolean;
     _hasCounter?: boolean;
-    _hideError?: boolean;
+    _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
     _icons?: Stringified<KoliBriHorizontalIcons>;
@@ -50,7 +50,7 @@ export declare class KolInputPassword implements InputPasswordAPI, FocusableElem
     validateDisabled(value?: boolean): void;
     validateVariant(value?: PasswordVariantPropType): void;
     validateHasCounter(value?: boolean): void;
-    validateHideError(value?: HideErrorPropType): void;
+    validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
     validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;

package/dist/types/components/input-radio/shadow.d.ts

@@ -1,5 +1,5 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { FocusableElement, HideErrorPropType, IdPropType, InputRadioAPI, InputRadioStates, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType, NamePropType, Orientation, RadioOptionsPropType, ShortKeyPropType, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { FocusableElement, HideMsgPropType, IdPropType, InputRadioAPI, InputRadioStates, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType, NamePropType, Orientation, RadioOptionsPropType, ShortKeyPropType, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 export declare class KolInputRadio implements InputRadioAPI, FocusableElement {
     private readonly host?;
     private inputRef?;
@@ -14,7 +14,7 @@ export declare class KolInputRadio implements InputRadioAPI, FocusableElement {
     private readonly controller;
     _accessKey?: string;
     _disabled?: boolean;
-    _hideError?: boolean;
+    _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
     _id?: IdPropType;
@@ -39,7 +39,7 @@ export declare class KolInputRadio implements InputRadioAPI, FocusableElement {
     validateTooltipAlign(value?: TooltipAlignPropType): void;
     validateDisabled(value?: boolean): void;
     validateHideLabel(value?: boolean): void;
-    validateHideError(value?: HideErrorPropType): void;
+    validateHideMsg(value?: HideMsgPropType): void;
     validateHint(value?: string): void;
     validateId(value?: string): void;
     validateLabel(value?: LabelWithExpertSlotPropType): void;

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

@@ -1,5 +1,5 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { FocusableElement, HideErrorPropType, IdPropType, InputRangeAPI, InputRangeStates, InputTypeOnDefault, InputTypeOnOff, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { FocusableElement, HideMsgPropType, IdPropType, InputRangeAPI, InputRangeStates, InputTypeOnDefault, InputTypeOnOff, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 export declare class KolInputRange implements InputRangeAPI, FocusableElement {
     private readonly host?;
     private refInputNumber?;
@@ -22,7 +22,7 @@ export declare class KolInputRange implements InputRangeAPI, FocusableElement {
     _accessKey?: string;
     _autoComplete?: InputTypeOnOff;
     _disabled?: boolean;
-    _hideError?: boolean;
+    _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
     _icons?: Stringified<KoliBriHorizontalIcons>;
@@ -48,7 +48,7 @@ export declare class KolInputRange implements InputRangeAPI, FocusableElement {
     validateAccessKey(value?: string): void;
     validateAutoComplete(value?: InputTypeOnOff): void;
     validateDisabled(value?: boolean): void;
-    validateHideError(value?: HideErrorPropType): void;
+    validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
     validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;

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

@@ -1,5 +1,5 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AccessKeyPropType, ButtonProps, FocusableElement, HideErrorPropType, IdPropType, InputTextAPI, InputTextStates, InputTextType, InputTypeOnDefault, InputTypeOnOff, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, SpellCheckPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { AccessKeyPropType, ButtonProps, FocusableElement, HideMsgPropType, IdPropType, InputTextAPI, InputTextStates, InputTextType, InputTypeOnDefault, InputTypeOnOff, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, SpellCheckPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 export declare class KolInputText implements InputTextAPI, FocusableElement {
     private readonly host?;
     private inputRef?;
@@ -20,7 +20,7 @@ export declare class KolInputText implements InputTextAPI, FocusableElement {
     _autoComplete?: InputTypeOnOff;
     _disabled?: boolean;
     _hasCounter?: boolean;
-    _hideError?: boolean;
+    _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
     _icons?: Stringified<KoliBriHorizontalIcons>;
@@ -52,7 +52,7 @@ export declare class KolInputText implements InputTextAPI, FocusableElement {
     validateAutoComplete(value?: InputTypeOnOff): void;
     validateDisabled(value?: boolean): void;
     validateHasCounter(value?: boolean): void;
-    validateHideError(value?: HideErrorPropType): void;
+    validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
     validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;

package/dist/types/components/modal/shadow.d.ts

@@ -1,5 +1,6 @@
 import type { KoliBriModalEventCallbacks, LabelPropType, ModalAPI, ModalStates } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
+import type { ModalVariantPropType } from '../../schema/props/variant/modal';
 export declare class KolModal implements ModalAPI {
     private readonly host?;
     private refDialog?;
@@ -7,13 +8,16 @@ export declare class KolModal implements ModalAPI {
     private handleNativeCloseEvent;
     openModal(): Promise<void>;
     closeModal(): Promise<void>;
+    private readonly on;
     render(): JSX.Element;
     _label: LabelPropType;
     _on?: KoliBriModalEventCallbacks;
     _width?: string;
+    _variant?: ModalVariantPropType;
     state: ModalStates;
     validateLabel(value?: LabelPropType): void;
     validateOn(value?: KoliBriModalEventCallbacks): void;
     validateWidth(value?: string): void;
+    validateVariant(value?: ModalVariantPropType): void;
     componentWillLoad(): void;
 }

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

@@ -1,5 +1,5 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { FocusableElement, HideErrorPropType, IdPropType, InputTypeOnDefault, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, OptionsWithOptgroupPropType, RowsPropType, SelectAPI, SelectStates, ShortKeyPropType, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType, W3CInputValue } from '../../schema';
+import type { FocusableElement, HideMsgPropType, IdPropType, InputTypeOnDefault, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, OptionsWithOptgroupPropType, RowsPropType, SelectAPI, SelectStates, ShortKeyPropType, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType, W3CInputValue } from '../../schema';
 export declare class KolSelect implements SelectAPI, FocusableElement {
     private readonly host?;
     private selectRef?;
@@ -12,7 +12,7 @@ export declare class KolSelect implements SelectAPI, FocusableElement {
     private readonly controller;
     _accessKey?: string;
     _disabled?: boolean;
-    _hideError?: boolean;
+    _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
     _icons?: Stringified<KoliBriHorizontalIcons>;
@@ -37,7 +37,7 @@ export declare class KolSelect implements SelectAPI, FocusableElement {
     private showAsAlert;
     validateAccessKey(value?: string): void;
     validateDisabled(value?: boolean): void;
-    validateHideError(value?: HideErrorPropType): void;
+    validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
     validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;

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

@@ -1,4 +1,4 @@
-import type { HideErrorPropType, IdPropType, InputTypeOnDefault, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, OptionsPropType, ShortKeyPropType, SingleSelectAPI, SingleSelectStates, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { HideMsgPropType, IdPropType, InputTypeOnDefault, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, OptionsPropType, ShortKeyPropType, SingleSelectAPI, SingleSelectStates, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
 export declare class KolSingleSelect implements SingleSelectAPI {
     private readonly host?;
@@ -19,6 +19,8 @@ export declare class KolSingleSelect implements SingleSelectAPI {
     private moveFocus;
     private focusOption;
     private focusSuggestionStartingWith;
+    private getFormFieldProps;
+    private getInputProps;
     render(): JSX.Element;
     handleFocusOut(): void;
     handleWindowBlur(): void;
@@ -31,7 +33,7 @@ export declare class KolSingleSelect implements SingleSelectAPI {
     _accessKey?: string;
     _placeholder?: string;
     _disabled?: boolean;
-    _hideError?: boolean;
+    _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
     _icons?: Stringified<KoliBriHorizontalIcons>;
@@ -55,7 +57,7 @@ export declare class KolSingleSelect implements SingleSelectAPI {
     validatePlaceholder(value?: string): void;
     validateAccessKey(value?: string): void;
     validateDisabled(value?: boolean): void;
-    validateHideError(value?: HideErrorPropType): void;
+    validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
     validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;

package/dist/types/components/table-stateful/shadow.d.ts

@@ -1,5 +1,6 @@
-import type { KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, LabelPropType, PaginationPositionPropType, Stringified, TableAPI, TableDataFootPropType, TableDataPropType, TableSelectionPropType, TableStatefulCallbacksPropType, TableStates } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
+import type { KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, LabelPropType, PaginationPositionPropType, Stringified, TableAPI, TableDataFootPropType, TableDataPropType, TableSelectionPropType, TableStatefulCallbacksPropType, TableStates } from '../../schema';
+import type { MinWidthPropType } from '../../schema/props/min-width';
 export declare class KolTableStateful implements TableAPI {
     private readonly host?;
     private tableWcRef?;
@@ -14,7 +15,7 @@ export declare class KolTableStateful implements TableAPI {
     _dataFoot?: Stringified<KoliBriTableDataType[]>;
     _headers: Stringified<KoliBriTableHeaders>;
     _label: string;
-    _minWidth?: string;
+    _minWidth: MinWidthPropType;
     _pagination?: boolean | Stringified<KoliBriTablePaginationProps>;
     _paginationPosition?: PaginationPositionPropType;
     _selection?: TableSelectionPropType;

package/dist/types/components/table-stateless/component.d.ts

@@ -1,5 +1,6 @@
 import type { JSX } from '../../stencil-public-runtime';
 import type { LabelPropType, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatelessAPI, TableStatelessStates } from '../../schema';
+import type { MinWidthPropType } from '../../schema/props/min-width';
 export declare class KolTableStateless implements TableStatelessAPI {
     private readonly host?;
     state: TableStatelessStates;
@@ -14,14 +15,14 @@ export declare class KolTableStateless implements TableStatelessAPI {
     _dataFoot?: TableDataFootPropType;
     _headerCells: TableHeaderCellsPropType;
     _label: string;
-    _minWidth?: string;
+    _minWidth: MinWidthPropType;
     _on?: TableCallbacksPropType;
     _selection?: TableSelectionPropType;
     validateData(value?: TableDataPropType): void;
     validateDataFoot(value?: TableDataFootPropType): void;
     validateHeaderCells(value?: TableHeaderCellsPropType): void;
     validateLabel(value?: LabelPropType): void;
-    validateMinWidth(value?: string): void;
+    validateMinWidth(value?: MinWidthPropType): void;
     validateOn(value?: TableCallbacksPropType): void;
     validateSelection(value?: TableSelectionPropType): void;
     handleKeyDown(event: KeyboardEvent): void;

package/dist/types/components/table-stateless/shadow.d.ts

@@ -1,11 +1,12 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableStatelessProps, TableCallbacksPropType, TableSelectionPropType } from '../../schema';
+import type { TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatelessProps } from '../../schema';
+import type { MinWidthPropType } from '../../schema/props/min-width';
 export declare class KolTableStateless implements TableStatelessProps {
     _data: TableDataPropType;
     _dataFoot?: TableDataFootPropType;
     _headerCells: TableHeaderCellsPropType;
     _label: string;
-    _minWidth?: string;
+    _minWidth: MinWidthPropType;
     _on?: TableCallbacksPropType;
     _selection?: TableSelectionPropType;
     render(): JSX.Element;