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

package/dist/types/core/component-names.d.ts

@@ -43,7 +43,6 @@ export declare let KolSingleSelectTag: "kol-single-select";
 export declare let KolSkipNavTag: "kol-skip-nav";
 export declare let KolSpinTag: "kol-spin";
 export declare let KolSplitButtonTag: "kol-split-button";
-export declare let KolSymbolTag: "kol-symbol";
 export declare let KolTableStatefulTag: string;
 export declare let KolTableStatelessTag: "kol-table-stateless";
 export declare let KolTableStatelessWcTag: "kol-table-stateless-wc";

package/dist/types/functional-component-wrappers/InputStateWrapper/InputStateWrapper.d.ts

@@ -4,6 +4,7 @@ import { type InputColorStates, type InputEmailStates, type InputFileStates, typ
 type InputState = InputTextStates | InputEmailStates | InputPasswordStates | InputNumberStates | InputColorStates | InputFileStates | InputRangeStates | InputCheckboxStates | InputRadioStates;
 export type InputStateWrapperProps = Partial<InputProps> & {
     state: InputState;
+    customSuggestions?: boolean;
 };
 declare const InputStateWrapper: FC<InputStateWrapperProps>;
 export default InputStateWrapper;

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

@@ -0,0 +1,11 @@
+import { type FunctionalComponent as FC } from '../../stencil-public-runtime';
+import type { JSXBase } from '../../stencil-public-runtime';
+import type { W3CInputValue } from '../../schema';
+export type CustomSuggestionsProps = JSXBase.HTMLAttributes<HTMLLIElement> & {
+    index: number;
+    option: W3CInputValue;
+    selected: boolean;
+    ref?: ((elm?: HTMLLIElement | undefined) => void) | undefined;
+};
+declare const CustomSuggestionsOptionFc: FC<CustomSuggestionsProps>;
+export default CustomSuggestionsOptionFc;

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

@@ -0,0 +1 @@
+export{default}from"./CustomSuggestionsOption";export*from"./CustomSuggestionsOption";

package/dist/types/functional-components/CustomSuggestionsOption/test/snapshot.test.d.ts

@@ -0,0 +1 @@
+export{};

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

@@ -0,0 +1,7 @@
+import { type FunctionalComponent as FC } from '../../stencil-public-runtime';
+import type { JSXBase } from '../../stencil-public-runtime';
+export type CustomSuggestionsOptionsGroupProps = JSXBase.HTMLAttributes<HTMLUListElement> & {
+    blockSuggestionMouseOver: boolean;
+};
+declare const CustomSuggestionsOptionsGroupFc: FC<CustomSuggestionsOptionsGroupProps>;
+export default CustomSuggestionsOptionsGroupFc;

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

@@ -0,0 +1 @@
+export{default}from"./CustomSuggestionsOptionsGroup";export*from"./CustomSuggestionsOptionsGroup";

package/dist/types/functional-components/CustomSuggestionsOptionsGroup/test/snapshot.test.d.ts

@@ -0,0 +1 @@
+export{};

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

@@ -0,0 +1,7 @@
+import { type FunctionalComponent as FC } from '../../stencil-public-runtime';
+import type { JSXBase } from '../../stencil-public-runtime';
+export type CustomSuggestionsToggleProps = JSXBase.HTMLAttributes<HTMLButtonElement> & {
+    disabled?: boolean;
+};
+declare const CustomSuggestionsToggleFc: FC<CustomSuggestionsToggleProps>;
+export default CustomSuggestionsToggleFc;

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

@@ -0,0 +1 @@
+export{default}from"./CustomSuggestionsToggle";export*from"./CustomSuggestionsToggle";

package/dist/types/functional-components/CustomSuggestionsToggle/test/snapshot.test.d.ts

@@ -0,0 +1 @@
+export{};

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

@@ -12,7 +12,7 @@ export type FormFieldProps = Omit<JSXBase.HTMLAttributes<HTMLElement>, 'id'> & {
     hint?: string;
     label: string;
     hideLabel?: boolean;
-    hideError?: boolean;
+    hideMsg?: boolean;
     accessKey?: string;
     shortKey?: string;
     counter?: {

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

@@ -1,10 +1,10 @@
-import type { AlertPropType, HideErrorPropType, IdPropType, InternMsgPropType } from '../../schema';
+import type { AlertPropType, HideMsgPropType, IdPropType, InternMsgPropType } from '../../schema';
 import type { FunctionalComponent } from '../../stencil-public-runtime';
 import type { JSXBase } from '../../stencil-public-runtime';
 type FormFieldMsgProps = JSXBase.HTMLAttributes<HTMLDivElement> & {
     alert?: AlertPropType;
     msg?: InternMsgPropType;
-    hideError?: HideErrorPropType;
+    hideMsg?: HideMsgPropType;
     id: IdPropType;
 };
 declare const FormFieldMsgFc: FunctionalComponent<FormFieldMsgProps>;

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

@@ -1,5 +1,5 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { MsgPropType, PropDisabled, PropHideError, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropRequired, PropSuggestions, PropSyncValueBySelector, PropTouched, PropAccessKey, PropShortKey } from '../props';
+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';
 type RequiredProps = PropLabelWithExpertSlot & PropSuggestions;
 type OptionalProps = {
@@ -10,12 +10,12 @@ type OptionalProps = {
     placeholder: string;
     tabIndex: number;
     value: string;
-} & PropAccessKey & PropDisabled & PropHideError & PropHideLabel & PropName & PropRequired & PropShortKey & PropSyncValueBySelector & PropTouched;
+} & PropAccessKey & PropDisabled & PropHideMsg & PropHideLabel & PropName & PropRequired & PropShortKey & PropSyncValueBySelector & PropTouched;
 type RequiredStates = {
     hasValue: boolean;
     suggestions: W3CInputValue[];
     value: string;
-} & PropId & PropHideError & PropLabelWithExpertSlot;
+} & PropId & PropHideMsg & PropLabelWithExpertSlot;
 type OptionalStates = {
     hint: string;
     icons: KoliBriHorizontalIcons;

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

@@ -1 +1 @@
-export*from"./abbr";export*from"./accordion";export*from"./alert";export*from"./avatar";export*from"./badge";export*from"./breadcrumb";export*from"./button";export*from"./button-link";export*from"./card";export*from"./details";export*from"./drawer";export*from"./form";export*from"./heading";export*from"./icon";export*from"./image";export*from"./input";export*from"./input-checkbox";export*from"./input-color";export*from"./input-date";export*from"./input-email";export*from"./input-file";export*from"./input-number";export*from"./input-password";export*from"./input-radio";export*from"./input-range";export*from"./input-text";export*from"./kolibri";export*from"./link";export*from"./link-button";export*from"./modal";export*from"./nav";export*from"./pagination";export*from"./popover";export*from"./progress";export*from"./quote";export*from"./select";export*from"./skip-nav";export*from"./span";export*from"./spin";export*from"./split-button";export*from"./symbol";export*from"./table";export*from"./tableStateless";export*from"./tabs";export*from"./textarea";export*from"./toaster";export*from"./toolbar";export*from"./tooltip";export*from"./tree";export*from"./tree-item";export*from"./version";export*from"./combobox";export*from"./single-select";
+export*from"./abbr";export*from"./accordion";export*from"./alert";export*from"./avatar";export*from"./badge";export*from"./breadcrumb";export*from"./button";export*from"./button-link";export*from"./card";export*from"./details";export*from"./drawer";export*from"./form";export*from"./heading";export*from"./icon";export*from"./image";export*from"./input";export*from"./input-checkbox";export*from"./input-color";export*from"./input-date";export*from"./input-email";export*from"./input-file";export*from"./input-number";export*from"./input-password";export*from"./input-radio";export*from"./input-range";export*from"./input-text";export*from"./kolibri";export*from"./link";export*from"./link-button";export*from"./modal";export*from"./nav";export*from"./pagination";export*from"./popover";export*from"./progress";export*from"./quote";export*from"./select";export*from"./skip-nav";export*from"./span";export*from"./spin";export*from"./split-button";export*from"./table";export*from"./tableStateless";export*from"./tabs";export*from"./textarea";export*from"./toaster";export*from"./toolbar";export*from"./tooltip";export*from"./tree";export*from"./tree-item";export*from"./version";export*from"./combobox";export*from"./single-select";

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

@@ -1,5 +1,5 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { MsgPropType, PropChecked, PropDisabled, PropHideError, PropHideLabel, PropIndeterminate, PropLabelAlign, PropLabelWithExpertSlot, PropMsg, PropName, PropRequired, PropSyncValueBySelector, PropTouched, PropShortKey, PropAccessKey } from '../props';
+import type { MsgPropType, PropChecked, PropDisabled, PropHideMsg, PropHideLabel, 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];
@@ -30,13 +30,13 @@ type OptionalProps = {
     tabIndex: number;
     value: Stringified<StencilUnknown>;
     variant: InputCheckboxVariant;
-} & PropAccessKey & PropChecked & PropDisabled & PropHideError & PropHideLabel & PropIndeterminate & PropName & PropRequired & PropShortKey & PropSyncValueBySelector & PropTouched & PropLabelAlign;
+} & PropAccessKey & PropChecked & PropDisabled & PropHideMsg & PropHideLabel & PropIndeterminate & PropName & PropRequired & PropShortKey & PropSyncValueBySelector & PropTouched & PropLabelAlign;
 type RequiredStates = {
     icons: InputCheckboxIconsState;
     id: string;
     value: StencilUnknown;
     variant: InputCheckboxVariant;
-} & PropChecked & PropHideError & PropIndeterminate & PropLabelWithExpertSlot;
+} & PropChecked & PropHideMsg & PropIndeterminate & PropLabelWithExpertSlot;
 type OptionalStates = {
     hint: string;
     on: InputTypeOnDefault;

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

@@ -1,5 +1,5 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { PropAccessKey, MsgPropType, PropDisabled, PropHideError, PropHideLabel, PropLabelWithExpertSlot, PropMsg, PropName, PropShortKey, PropSuggestions, PropSyncValueBySelector, PropTouched } from '../props';
+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 { ButtonProps } from './button';
 type RequiredProps = PropLabelWithExpertSlot;
@@ -12,12 +12,12 @@ type OptionalProps = {
     smartButton: Stringified<ButtonProps>;
     tabIndex: number;
     value: string;
-} & PropAccessKey & PropDisabled & PropHideError & PropHideLabel & PropName & PropShortKey & PropSuggestions & PropSyncValueBySelector & PropTouched;
+} & PropAccessKey & PropDisabled & PropHideMsg & PropHideLabel & PropName & PropShortKey & PropSuggestions & PropSyncValueBySelector & PropTouched;
 type RequiredStates = {
     autoComplete: InputTypeOnOff;
     id: string;
     suggestions: W3CInputValue[];
-} & PropHideError & PropLabelWithExpertSlot;
+} & PropHideMsg & PropLabelWithExpertSlot;
 type OptionalStates = {
     hint: string;
     icons: KoliBriHorizontalIcons;

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

@@ -1,18 +1,18 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { MsgPropType, PropAccessKey, PropDisabled, PropHideError, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropReadOnly, PropRequired, PropShortKey, PropSuggestions, PropSyncValueBySelector, PropTouched } from '../props';
+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 { ButtonProps } from './button';
 type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
     msg: Stringified<MsgPropType>;
     type: InputDateType;
-} & OptionalInputProps<Iso8601 | Date> & PropHideError & PropSuggestions;
+} & OptionalInputProps<Iso8601 | Date> & PropHideMsg & PropSuggestions;
 type RequiredStates = {
     autoComplete: InputTypeOnOff;
     hasValue: boolean;
     suggestions: W3CInputValue[];
     type: InputDateType;
-} & PropLabelWithExpertSlot & PropHideError & PropId;
+} & PropLabelWithExpertSlot & PropHideMsg & PropId;
 type OptionalStates = {
     hint: string;
     icons: KoliBriHorizontalIcons;

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

@@ -1,5 +1,5 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { MsgPropType, PropAccessKey, PropDisabled, PropHasCounter, PropHideError, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropMultiple, PropName, PropReadOnly, PropRequired, PropShortKey, PropSuggestions, PropSyncValueBySelector, PropTouched } from '../props';
+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 { ButtonProps } from './button';
 type RequiredProps = PropLabelWithExpertSlot;
@@ -15,12 +15,12 @@ type OptionalProps = {
     smartButton: Stringified<ButtonProps>;
     tabIndex: number;
     value: string;
-} & PropAccessKey & PropDisabled & PropHasCounter & PropHideError & PropHideLabel & PropMultiple & PropName & PropReadOnly & PropRequired & PropShortKey & PropSuggestions & PropSyncValueBySelector & PropTouched;
+} & PropAccessKey & PropDisabled & PropHasCounter & PropHideMsg & PropHideLabel & PropMultiple & PropName & PropReadOnly & PropRequired & PropShortKey & PropSuggestions & PropSyncValueBySelector & PropTouched;
 type RequiredStates = {
     autoComplete: InputTypeOnOff;
     hasValue: boolean;
     suggestions: W3CInputValue[];
-} & PropId & PropHideError & PropLabelWithExpertSlot;
+} & PropId & PropHideMsg & PropLabelWithExpertSlot;
 type OptionalStates = {
     currentLength: number;
     hint: string;

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

@@ -1,5 +1,5 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { MsgPropType, PropDisabled, PropHideError, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropMultiple, PropName, PropRequired, PropSyncValueBySelector, PropTouched, PropAccessKey, PropShortKey } from '../props';
+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 { ButtonProps } from './button';
 type RequiredProps = PropLabelWithExpertSlot;
@@ -11,8 +11,8 @@ type OptionalProps = {
     on: InputTypeOnDefault;
     smartButton: Stringified<ButtonProps>;
     tabIndex: number;
-} & PropAccessKey & PropDisabled & PropHideError & PropHideLabel & PropMultiple & PropName & PropRequired & PropShortKey & PropSyncValueBySelector & PropTouched;
-type RequiredStates = PropId & PropLabelWithExpertSlot & PropHideError;
+} & PropAccessKey & PropDisabled & PropHideMsg & PropHideLabel & PropMultiple & PropName & PropRequired & PropShortKey & PropSyncValueBySelector & PropTouched;
+type RequiredStates = PropId & PropLabelWithExpertSlot & PropHideMsg;
 type OptionalStates = {
     accept: string;
     hint: string;

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

@@ -1,17 +1,17 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { MsgPropType, PropAccessKey, PropDisabled, PropHideError, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropReadOnly, PropRequired, PropShortKey, PropSuggestions, PropSyncValueBySelector, PropTouched } from '../props';
-import type { InputTypeOnDefault, InputTypeOnOff, Iso8601, KoliBriHorizontalIcons, OptionalInputProps, Stringified, W3CInputValue } from '../types';
+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 { ButtonProps } from './button';
 type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
     msg: Stringified<MsgPropType>;
     placeholder: string;
-} & OptionalInputProps<number | Iso8601> & PropHideError & PropSuggestions;
+} & OptionalInputProps<number> & PropHideMsg & PropSuggestions;
 type RequiredStates = {
     autoComplete: InputTypeOnOff;
     hasValue: boolean;
     suggestions: W3CInputValue[];
-} & PropId & PropHideError & PropLabelWithExpertSlot;
+} & PropId & PropHideMsg & PropLabelWithExpertSlot;
 type OptionalStates = {
     hint: string;
     icons: KoliBriHorizontalIcons;

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

@@ -1,5 +1,5 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { MsgPropType, PropAccessKey, PropDisabled, PropHasCounter, PropHideError, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropReadOnly, PropRequired, PropShortKey, PropSyncValueBySelector, PropTouched } from '../props';
+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 { PropPasswordVariant } from '../props/variant/password-variant';
@@ -16,11 +16,11 @@ type OptionalProps = {
     tabIndex: number;
     value: string;
     msg: Stringified<MsgPropType>;
-} & PropAccessKey & PropPasswordVariant & PropDisabled & PropHasCounter & PropHideError & PropHideLabel & PropName & PropReadOnly & PropRequired & PropShortKey & PropSyncValueBySelector & PropTouched;
+} & PropAccessKey & PropPasswordVariant & PropDisabled & PropHasCounter & PropHideMsg & PropHideLabel & PropName & PropReadOnly & PropRequired & PropShortKey & PropSyncValueBySelector & PropTouched;
 type RequiredStates = {
     autoComplete: InputTypeOnOff;
     hasValue: boolean;
-} & PropId & PropHideError & PropLabelWithExpertSlot;
+} & PropId & PropHideMsg & PropLabelWithExpertSlot;
 type OptionalStates = {
     currentLength: number;
     hint: string;

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

@@ -1,5 +1,5 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { MsgPropType, PropAccessKey, PropDisabled, PropHideError, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropRadioOptions, PropRequired, PropShortKey, PropSyncValueBySelector, PropTooltipAlign, PropTouched } from '../props';
+import type { MsgPropType, PropAccessKey, PropDisabled, PropHideMsg, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropRadioOptions, PropRequired, PropShortKey, PropSyncValueBySelector, PropTooltipAlign, PropTouched } from '../props';
 import type { InputTypeOnDefault, RadioOption, Orientation, StencilUnknown, Stringified } from '../types';
 type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
@@ -9,11 +9,11 @@ type OptionalProps = {
     orientation: Orientation;
     tabIndex: number;
     value: StencilUnknown;
-} & PropAccessKey & PropDisabled & PropHideError & PropHideLabel & PropName & PropRadioOptions & PropRequired & PropShortKey & PropSyncValueBySelector & PropTouched & PropTooltipAlign;
+} & PropAccessKey & PropDisabled & PropHideMsg & PropHideLabel & PropName & PropRadioOptions & PropRequired & PropShortKey & PropSyncValueBySelector & PropTouched & PropTooltipAlign;
 type RequiredStates = {
     options: RadioOption<StencilUnknown>[];
     orientation: Orientation;
-} & PropId & PropHideError & PropLabelWithExpertSlot;
+} & PropId & PropHideMsg & PropLabelWithExpertSlot;
 type OptionalStates = {
     hint: string;
     on: InputTypeOnDefault;

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

@@ -1,5 +1,5 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { MsgPropType, PropAccessKey, PropDisabled, PropHideError, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropShortKey, PropSuggestions, PropSyncValueBySelector, PropTouched } from '../props';
+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';
 type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
@@ -13,11 +13,11 @@ type OptionalProps = {
     step: number;
     tabIndex: number;
     value: number;
-} & PropAccessKey & PropDisabled & PropHideError & PropHideLabel & PropName & PropSuggestions & PropSyncValueBySelector & PropShortKey & PropTouched;
+} & PropAccessKey & PropDisabled & PropHideMsg & PropHideLabel & PropName & PropSuggestions & PropSyncValueBySelector & PropShortKey & PropTouched;
 type RequiredStates = {
     autoComplete: InputTypeOnOff;
     suggestions: W3CInputValue[];
-} & PropId & PropHideError & PropLabelWithExpertSlot;
+} & PropId & PropHideMsg & PropLabelWithExpertSlot;
 type OptionalStates = {
     hint: string;
     icons: KoliBriHorizontalIcons;

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

@@ -1,5 +1,5 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { MsgPropType, PropAccessKey, PropDisabled, PropHasCounter, PropHideError, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropReadOnly, PropRequired, PropShortKey, PropSpellCheck, PropSuggestions, PropSyncValueBySelector, PropTouched } from '../props';
+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 { ButtonProps } from './button';
 type RequiredProps = PropLabelWithExpertSlot;
@@ -16,13 +16,13 @@ type OptionalProps = {
     tabIndex: number;
     type: InputTextType;
     value: string;
-} & PropAccessKey & PropDisabled & PropHasCounter & PropHideError & PropHideLabel & PropId & PropName & PropReadOnly & PropRequired & PropShortKey & PropSpellCheck & PropSuggestions & PropSyncValueBySelector & PropTouched;
+} & PropAccessKey & PropDisabled & PropHasCounter & PropHideMsg & PropHideLabel & PropId & PropName & PropReadOnly & PropRequired & PropShortKey & PropSpellCheck & PropSuggestions & PropSyncValueBySelector & PropTouched;
 type RequiredStates = {
     autoComplete: InputTypeOnOff;
     hasValue: boolean;
     suggestions: W3CInputValue[];
     type: InputTextType;
-} & PropHideError & PropId & PropLabelWithExpertSlot;
+} & PropHideMsg & PropId & PropLabelWithExpertSlot;
 type OptionalStates = {
     currentLength: number;
     hint: string;

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

@@ -1,5 +1,5 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { PropAccessKey, PropDisabled, PropHasCounter, PropHideError, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropReadOnly, PropRequired, PropSuggestions, PropSyncValueBySelector, PropTooltipAlign, PropTouched } from '../props';
+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 { ButtonProps } from './button';
 type RequiredProps = PropId & PropLabelWithExpertSlot;
@@ -10,6 +10,6 @@ type OptionalProps = {
     maxLength: number;
     slotName: string;
     smartButton: Stringified<ButtonProps>;
-} & PropAccessKey & PropDisabled & PropHasCounter & PropHideError & PropHideLabel & PropMsg & PropReadOnly & PropRequired & PropSuggestions & PropSyncValueBySelector & PropTooltipAlign & PropTouched;
+} & PropAccessKey & PropDisabled & PropHasCounter & PropHideMsg & PropHideLabel & PropMsg & PropReadOnly & PropRequired & PropSuggestions & PropSyncValueBySelector & PropTooltipAlign & PropTouched;
 export type InputProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export {};

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

@@ -1,17 +1,18 @@
 import type { Generic } from 'adopted-style-sheets';
 import type { PropLabel } from '../props';
 import type { KoliBriModalEventCallbacks } from '../types';
+import type { PropModalVariant } from '../props/variant/modal';
 type RequiredProps = PropLabel;
 type OptionalProps = {
     on: KoliBriModalEventCallbacks;
     width: string;
-};
+} & PropModalVariant;
 type RequiredStates = {
     width: string;
 } & PropLabel;
 type OptionalStates = {
     on: KoliBriModalEventCallbacks;
-};
+} & PropModalVariant;
 export type ModalProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type ModalStates = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type ModalAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;

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

@@ -1,5 +1,5 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { MsgPropType, PropAccessKey, PropDisabled, PropHideError, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropMultiple, PropName, PropOptionsWithOptgroup, PropRequired, PropRows, PropShortKey, PropSyncValueBySelector, PropTouched } from '../props';
+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;
 type OptionalProps = {
@@ -9,12 +9,12 @@ type OptionalProps = {
     on: InputTypeOnDefault;
     tabIndex: number;
     value: Stringified<W3CInputValue[]>;
-} & PropAccessKey & PropDisabled & PropHideError & PropHideLabel & PropMultiple & PropName & PropOptionsWithOptgroup & PropRequired & PropRows & PropShortKey & PropSyncValueBySelector & PropTouched;
+} & PropAccessKey & PropDisabled & PropHideMsg & PropHideLabel & PropMultiple & PropName & PropOptionsWithOptgroup & PropRequired & PropRows & PropShortKey & PropSyncValueBySelector & PropTouched;
 type RequiredStates = {
     hasValue: boolean;
     options: SelectOption<W3CInputValue>[];
     value: W3CInputValue[];
-} & PropId & PropHideError & PropMultiple & PropLabelWithExpertSlot;
+} & PropId & PropHideMsg & PropMultiple & PropLabelWithExpertSlot;
 type OptionalStates = {
     hint: string;
     icons: KoliBriHorizontalIcons;

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

@@ -1,5 +1,5 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { MsgPropType, PropDisabled, PropHideError, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropRequired, PropSyncValueBySelector, PropTouched, PropOptions, PropShortKey, PropAccessKey } from '../props';
+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';
 type RequiredProps = PropLabelWithExpertSlot & PropOptions;
 type OptionalProps = {
@@ -10,10 +10,10 @@ type OptionalProps = {
     placeholder: string;
     tabIndex: number;
     value: string;
-} & PropAccessKey & PropDisabled & PropHideError & PropHideLabel & PropName & PropRequired & PropSyncValueBySelector & PropShortKey & PropTouched;
+} & PropAccessKey & PropDisabled & PropHideMsg & PropHideLabel & PropName & PropRequired & PropSyncValueBySelector & PropShortKey & PropTouched;
 type RequiredStates = {
     options: Option<StencilUnknown>[];
-} & PropId & PropHideError & PropLabelWithExpertSlot;
+} & PropId & PropHideMsg & PropLabelWithExpertSlot;
 type OptionalStates = {
     hint: string;
     icons: KoliBriHorizontalIcons;

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

@@ -1,12 +1,14 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { PropLabel, StatefulPropTableCallbacks, PropTableData, PropTableDataFoot, PropTableSelection } from '../props';
-import type { KoliBriTableDataType, KoliBriTableHeaderCell, Stringified, KoliBriSortDirection, KoliBriTableSelection } from '../types';
-import type { KoliBriPaginationProps } from './pagination';
+import type { PropLabel, PropTableData, PropTableDataFoot, PropTableSelection, StatefulPropTableCallbacks } from '../props';
+import type { PropMinWidth } from '../props/min-width';
 import type { PropPaginationPosition } from '../props/pagination-position';
+import type { KoliBriSortDirection, KoliBriTableDataType, KoliBriTableHeaderCell, KoliBriTableSelection, Stringified } from '../types';
+import type { KoliBriPaginationProps } from './pagination';
 export type KoliBriDataCompareFn = (a: KoliBriTableDataType, b: KoliBriTableDataType) => number;
 export type KoliBriTableHeaderCellWithLogic = KoliBriTableHeaderCell & {
     compareFn?: KoliBriDataCompareFn;
     sortDirection?: KoliBriSortDirection;
+    headerCell?: true;
 };
 export type KoliBriTableHeaders = {
     horizontal?: KoliBriTableHeaderCellWithLogic[][];
@@ -21,10 +23,9 @@ type KoliBriTablePaginationStates = Generic.Element.Members<{
 }, KoliBriPaginationProps>;
 type RequiredProps = {
     headers: Stringified<KoliBriTableHeaders>;
-} & PropTableData & PropLabel;
+} & PropLabel & PropMinWidth & PropTableData;
 type OptionalProps = {
     allowMultiSort: boolean;
-    minWidth: string;
     pagination: boolean | Stringified<KoliBriTablePaginationProps>;
 } & PropTableDataFoot & PropPaginationPosition & PropTableSelection & StatefulPropTableCallbacks;
 type RequiredStates = {
@@ -34,9 +35,8 @@ type RequiredStates = {
     headers: KoliBriTableHeaders;
     pagination: KoliBriTablePaginationStates;
     sortedData: KoliBriTableDataType[];
-} & PropLabel & PropPaginationPosition;
+} & PropLabel & PropMinWidth & PropPaginationPosition;
 type OptionalStates = {
-    minWidth: string;
     sortDirection: KoliBriSortDirection;
     selection: KoliBriTableSelection;
 } & StatefulPropTableCallbacks;

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

@@ -1,17 +1,15 @@
 import type { Generic } from 'adopted-style-sheets';
 import type { PropLabel, PropTableCallbacks, PropTableData, PropTableDataFoot, PropTableSelection, TableHeaderCells } from '../props';
-import type { KoliBriTableDataType, KoliBriTableSelection } from '../types';
+import type { PropMinWidth } from '../props/min-width';
 import type { PropTableHeaderCells } from '../props/table-header-cells';
-type RequiredProps = PropLabel & PropTableData & PropTableHeaderCells;
-type OptionalProps = {
-    minWidth: string;
-} & PropTableCallbacks & PropTableDataFoot & PropTableSelection;
+import type { KoliBriTableDataType, KoliBriTableSelection } from '../types';
+type RequiredProps = PropLabel & PropMinWidth & PropTableData & PropTableHeaderCells;
+type OptionalProps = PropTableCallbacks & PropTableDataFoot & PropTableSelection;
 type RequiredStates = {
     headerCells: TableHeaderCells;
     data: KoliBriTableDataType[];
-} & PropLabel;
+} & PropLabel & PropMinWidth;
 type OptionalStates = {
-    minWidth: string;
     dataFoot: KoliBriTableDataType[];
     selection: KoliBriTableSelection;
 } & PropTableCallbacks;

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

@@ -1,5 +1,5 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { MsgPropType, PropAccessKey, PropAdjustHeight, PropDisabled, PropHasCounter, PropHideError, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropReadOnly, PropRequired, PropRows, PropShortKey, PropSpellCheck, PropSyncValueBySelector, PropTouched } from '../props';
+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';
 export declare const cssResizeOptions: readonly ["vertical", "none"];
 export type CSSResize = (typeof cssResizeOptions)[number];
@@ -14,13 +14,13 @@ type OptionalProps = {
     resize: CSSResize;
     tabIndex: number;
     value: string;
-} & PropAccessKey & PropAdjustHeight & PropDisabled & PropHasCounter & PropHideError & PropHideLabel & PropId & PropName & PropReadOnly & PropRequired & PropRows & PropShortKey & PropSpellCheck & PropSyncValueBySelector & PropTouched;
+} & PropAccessKey & PropAdjustHeight & PropDisabled & PropHasCounter & PropHideMsg & PropHideLabel & PropId & PropName & PropReadOnly & PropRequired & PropRows & PropShortKey & PropSpellCheck & PropSyncValueBySelector & PropTouched;
 type RequiredStates = {
     adjustHeight: boolean;
     currentLength: number;
     hasValue: boolean;
     resize: CSSResize;
-} & PropAdjustHeight & PropHideError & PropId & PropLabelWithExpertSlot;
+} & PropAdjustHeight & PropHideMsg & PropId & PropLabelWithExpertSlot;
 type OptionalStates = {
     hint: string;
     icons: KoliBriHorizontalIcons;

package/dist/types/schema/props/error-list.d.ts

@@ -1,5 +1,5 @@
 import type { Generic } from 'adopted-style-sheets';
-import { EventCallback } from '../types';
+import type { EventCallback } from '../types';
 export type ErrorListPropType = {
     message: string;
     selector: string | EventCallback<Event>;

package/dist/types/schema/props/hide-msg.d.ts

@@ -0,0 +1,7 @@
+import type { Generic } from 'adopted-style-sheets';
+import type { WatchBooleanOptions } from '../utils';
+export type HideMsgPropType = boolean;
+export type PropHideMsg = {
+    hideMsg: HideMsgPropType;
+};
+export declare const validateHideMsg: (component: Generic.Element.Component, value?: HideMsgPropType, options?: WatchBooleanOptions) => 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"./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"./badge-text";export*from"./button-callbacks";export*from"./button-type";export*from"./button-variant";export*from"./checked";export*from"./collapsible";export*from"./details-callbacks";export*from"./color";export*from"./custom-class";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"./heading-variant";export*from"./hide-error";export*from"./hide-label";export*from"./href";export*from"./icons";export*from"./id";export*from"./image-source";export*from"./indeterminate";export*from"./label";export*from"./label-align";export*from"./link-on-callbacks";export*from"./link-target";export*from"./loading";export*from"./max";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-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"./tooltip-align";export*from"./toolbar-items";export*from"./touched";export*from"./variant/spin";
+export*from"./access-key";export*from"./accordion-callbacks";export*from"./active";export*from"./adjust-height";export*from"./alert";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"./badge-text";export*from"./button-callbacks";export*from"./button-type";export*from"./button-variant";export*from"./checked";export*from"./collapsible";export*from"./details-callbacks";export*from"./color";export*from"./custom-class";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"./heading-variant";export*from"./hide-msg";export*from"./hide-label";export*from"./href";export*from"./icons";export*from"./id";export*from"./image-source";export*from"./indeterminate";export*from"./label";export*from"./label-align";export*from"./link-on-callbacks";export*from"./link-target";export*from"./loading";export*from"./max";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-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"./tooltip-align";export*from"./toolbar-items";export*from"./touched";export*from"./variant/spin";

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

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

package/dist/types/schema/props/variant/modal.d.ts

@@ -0,0 +1,8 @@
+import type { Generic } from 'adopted-style-sheets';
+declare const ModalVariantPropTypeOptions: readonly ["blank", "card"];
+export type ModalVariantPropType = (typeof ModalVariantPropTypeOptions)[number];
+export type PropModalVariant = {
+    variant: ModalVariantPropType;
+};
+export declare const validateModalVariant: (component: Generic.Element.Component, value?: ModalVariantPropType) => void;
+export {};

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

@@ -3,7 +3,6 @@ export type KoliBriTableCellTextAlign = 'center' | 'left' | 'right' | 'justify';
 export type KoliBriSortDirection = 'ASC' | 'DESC' | 'NOS';
 export type KoliBriTableDataType = Record<string, unknown>;
 export type KoliBriTableCell = {
-    asTd?: boolean;
     colSpan?: number;
     label: string;
     render?: KoliBriTableRender;

package/doc/accordion.md

@@ -9,7 +9,7 @@
 | --------------------- | ----------- | ------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------- | ----------- |
 | `_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`                                            | `1`         |
+| `_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`                 | --          | 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`     |