@public-ui/components 3.0.2-rc.2 → 3.0.2-rc.3

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

@@ -1 +1 @@
-export*from"./input-callbacks-and-events";export*from"./input-value-reflection";
+export*from"./input-callbacks-and-events";export*from"./input-value-reflection";export*from"./input-character-limit";

package/dist/types/e2e/input-character-limit.d.ts

@@ -0,0 +1,2 @@
+declare const testInputCharacterLimit: (componentName: string) => void;
+export { testInputCharacterLimit };

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

@@ -1,7 +1,8 @@
 import { type FunctionalComponent as FC } from '../../stencil-public-runtime';
 import { type FormFieldProps } from '../../functional-components/FormField';
-import { type InputColorStates, type InputEmailStates, type InputFileStates, type InputNumberStates, type InputPasswordStates, type InputRangeStates, type InputTextStates, type InputCheckboxStates, type InputRadioStates, type SelectStates } from '../../schema';
-type InputState = InputTextStates | InputEmailStates | InputPasswordStates | InputNumberStates | InputColorStates | InputFileStates | InputRangeStates | InputCheckboxStates | InputRadioStates | SelectStates;
+import type { TextareaStates } from '../../schema';
+import { type InputCheckboxStates, type InputColorStates, type InputEmailStates, type InputFileStates, type InputNumberStates, type InputPasswordStates, type InputRadioStates, type InputRangeStates, type InputTextStates, type SelectStates } from '../../schema';
+type InputState = InputTextStates | InputEmailStates | InputPasswordStates | InputNumberStates | InputColorStates | InputFileStates | InputRangeStates | InputCheckboxStates | InputRadioStates | SelectStates | TextareaStates;
 export type FormFieldStateWrapperProps = Partial<FormFieldProps> & {
     state: InputState;
 };

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

@@ -1,15 +1,16 @@
 import type { FunctionalComponent as FC } from '../../stencil-public-runtime';
 import type { JSXBase } from '../../stencil-public-runtime';
-import type { HeadingLevel, IconsPropType } from '../../schema';
+import type { EventValueOrEventCallback, HeadingLevel, IconsPropType, StencilUnknown } from '../../schema';
 type ClassType = string | {
     [className: string]: boolean;
 };
-export type CollapsibleProps = Omit<JSXBase.HTMLAttributes<HTMLElement>, 'id'> & {
+export type CollapsibleProps = Omit<JSXBase.HTMLAttributes<HTMLElement>, 'id' | 'onClick'> & {
     id: string;
     open?: boolean;
     disabled?: boolean;
     level?: HeadingLevel;
     label: string;
+    onClick?: EventValueOrEventCallback<MouseEvent, StencilUnknown>;
     HeadingProps?: {
         ref?: ((elm?: HTMLElement | undefined) => void) | undefined;
         class?: ClassType;

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

@@ -16,8 +16,10 @@ export type FormFieldProps = Omit<JSXBase.HTMLAttributes<HTMLElement>, 'id'> & {
     accessKey?: string;
     shortKey?: string;
     counter?: {
-        currentLength?: number;
+        currentLength: number;
+        currentLengthDebounced: number;
         maxLength?: number;
+        hasCounter?: boolean;
     };
     readOnly?: boolean;
     touched?: boolean;
@@ -26,13 +28,13 @@ export type FormFieldProps = Omit<JSXBase.HTMLAttributes<HTMLElement>, 'id'> & {
     renderNoTooltip?: boolean;
     renderNoHint?: boolean;
     anotherChildren?: JSX.Element | JSX.Element[];
+    maxLength?: number;
     formFieldLabelProps?: JSXBase.HTMLAttributes<Omit<HTMLLabelElement | HTMLLegendElement, 'id' | 'hidden' | 'htmlFor'>> & {
         component?: 'label' | 'legend';
     };
     formFieldHintProps?: JSXBase.HTMLAttributes<HTMLElement>;
     formFieldTooltipProps?: Pick<JSXBase.HTMLAttributes<HTMLElement>, 'class'>;
     formFieldMsgProps?: JSXBase.HTMLAttributes<HTMLDivElement>;
-    formFieldCounterProps?: JSXBase.HTMLAttributes<HTMLSpanElement>;
     formFieldInputProps?: JSXBase.HTMLAttributes<HTMLDivElement>;
 } & {
     [key: `data-${string}`]: unknown;

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

@@ -0,0 +1,8 @@
+import { type FunctionalComponent as FC } from '../../stencil-public-runtime';
+import type { JSXBase } from '../../stencil-public-runtime';
+type FormFieldCharacterLimitHintProps = JSXBase.HTMLAttributes<HTMLSpanElement> & {
+    id: string;
+    maxLength: number;
+};
+declare const KolFormFieldCharacterLimitHintFc: FC<FormFieldCharacterLimitHintProps>;
+export default KolFormFieldCharacterLimitHintFc;

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

@@ -1,8 +1,10 @@
 import { type FunctionalComponent as FC } from '../../stencil-public-runtime';
 import type { JSXBase } from '../../stencil-public-runtime';
 type FormFieldCounterProps = JSXBase.HTMLAttributes<HTMLSpanElement> & {
-    currentLength?: number;
+    currentLength: number;
+    currentLengthDebounced: number;
     maxLength?: number;
+    hasCounter?: boolean;
 };
 declare const KolFormFieldCounterFc: FC<FormFieldCounterProps>;
 export default KolFormFieldCounterFc;

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

@@ -3,14 +3,14 @@ import type { JSXBase, VNode } from '../../../stencil-public-runtime';
 import { type InternMsgPropType } from '../../../schema';
 import type { DefaultInputProps } from '../_types';
 export type InputProps = DefaultInputProps<JSXBase.InputHTMLAttributes<HTMLInputElement>> & {
-    value?: string | number | string[];
+    msg?: InternMsgPropType;
     touched?: boolean;
-    suggestions?: VNode;
     spellcheck?: boolean;
-    msg?: InternMsgPropType;
+    suggestions?: VNode;
+    value?: string | number | string[];
 } & {
-    [key: `data-${string}`]: unknown;
     [key: `aria-${string}`]: unknown;
+    [key: `data-${string}`]: unknown;
 };
 declare const InputFc: FC<InputProps>;
 export default InputFc;

package/dist/types/functional-components/inputs/_types/index.d.ts

@@ -1,4 +1,6 @@
-export type DefaultInputProps<T> = Omit<T, 'title' | 'autoCapitalize' | 'autoCorrect' | 'spellcheck'> & {
+export type DefaultInputProps<T> = Omit<{
+    [K in keyof T as K extends `aria${string}` ? never : K]: T[K];
+}, 'title' | 'autoCapitalize' | 'autoCorrect' | 'spellcheck'> & {
     id: string;
     ariaDescribedBy?: string[];
     hideLabel?: boolean;

package/dist/types/global/script.d.ts

@@ -1 +1,2 @@
-export{};
+declare const _default: () => void;
+export default _default;

package/dist/types/locales/de.d.ts

@@ -6,8 +6,6 @@ declare const _default: {
     message: string;
     close: string;
     'form-description': string;
-    of: string;
-    characters: string;
     new: string;
     'no-entries': string;
     'change-order': string;
@@ -58,7 +56,14 @@ declare const _default: {
     'delete-selection': string;
     'filename-text': string;
     'data-browse-text': string;
+    sort: string;
     'pagination-position-top': string;
     'pagination-position-bottom': string;
+    'character-limit-hint': string;
+    'character-limit-remaining': string;
+    'character-limit-exceeded': string;
+    'character-counter-current': string;
+    'character-counter-current-of-max': string;
+    'character-counter-current-of-max-aria': string;
 };
 export default _default;

package/dist/types/locales/en.d.ts

@@ -6,8 +6,6 @@ declare const _default: {
     message: string;
     close: string;
     'form-description': string;
-    of: string;
-    characters: string;
     new: string;
     'no-entries': string;
     'change-order': string;
@@ -58,7 +56,14 @@ declare const _default: {
     'delete-selection': string;
     'filename-text': string;
     'data-browse-text': string;
+    sort: string;
     'pagination-position-top': string;
     'pagination-position-bottom': string;
+    'character-limit-hint': string;
+    'character-limit-remaining': string;
+    'character-limit-exceeded': string;
+    'character-counter-current': string;
+    'character-counter-current-of-max': string;
+    'character-counter-current-of-max-aria': string;
 };
 export default _default;

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

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

package/dist/types/schema/components/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"./popover-button";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";
+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-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"./popover-button";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, PropHideMsg, PropHideLabel, PropIndeterminate, PropLabelAlign, PropLabelWithExpertSlot, PropMsg, PropName, PropRequired, PropSyncValueBySelector, PropTouched, PropShortKey, PropAccessKey } from '../props';
+import type { MsgPropType, PropChecked, PropDisabled, PropHideMsg, PropHideLabel, PropHint, PropIndeterminate, PropLabelAlign, PropLabelWithExpertSlot, PropMsg, PropName, PropRequired, PropSyncValueBySelector, PropTouched, PropShortKey, PropAccessKey } from '../props';
 import type { AnyIconFontClass, InputTypeOnDefault, StencilUnknown, Stringified } from '../types';
 export declare const inputCheckboxVariantOptions: readonly ["button", "default", "switch"];
 export type InputCheckboxVariant = (typeof inputCheckboxVariantOptions)[number];
@@ -23,13 +23,12 @@ export type InputCheckboxIconsState = {
 };
 type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
-    hint: string;
     icons: Stringified<InputCheckboxIconsProp>;
     msg: Stringified<MsgPropType>;
     on: InputTypeOnDefault;
     value: StencilUnknown;
     variant: InputCheckboxVariant;
-} & PropAccessKey & PropChecked & PropDisabled & PropHideMsg & PropHideLabel & PropIndeterminate & PropName & PropRequired & PropShortKey & PropSyncValueBySelector & PropTouched & PropLabelAlign;
+} & PropAccessKey & PropChecked & PropDisabled & PropHideMsg & PropHideLabel & PropHint & PropIndeterminate & PropName & PropRequired & PropShortKey & PropSyncValueBySelector & PropTouched & PropLabelAlign;
 type RequiredStates = {
     icons: InputCheckboxIconsState;
     id: string;
@@ -37,9 +36,8 @@ type RequiredStates = {
     variant: InputCheckboxVariant;
 } & PropChecked & PropHideMsg & PropIndeterminate & PropLabelWithExpertSlot;
 type OptionalStates = {
-    hint: string;
     on: InputTypeOnDefault;
-} & PropAccessKey & PropDisabled & PropHideLabel & PropMsg & PropName & PropRequired & PropShortKey & PropTouched & PropLabelAlign;
+} & PropAccessKey & PropDisabled & PropHideLabel & PropHint & PropMsg & PropName & PropRequired & PropShortKey & PropTouched & PropLabelAlign;
 export type InputCheckboxProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type InputCheckboxStates = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type InputCheckboxWatches = Generic.Element.Watchers<RequiredProps, OptionalProps>;

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

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

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

@@ -1,20 +1,26 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { MsgPropType, PropAccessKey, PropDisabled, PropHideLabel, PropHideMsg, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropReadOnly, PropRequired, PropShortKey, PropSuggestions, PropSyncValueBySelector, PropTouched } from '../props';
-import type { InputDateType, InputTypeOnDefault, InputTypeOnOff, Iso8601, KoliBriHIcons, OptionalInputProps, Stringified, W3CInputValue } from '../types';
+import type { MsgPropType, PropAccessKey, PropAutoComplete, PropDisabled, PropHideLabel, PropHideMsg, PropHint, PropHorizontalIcons, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropReadOnly, PropRequired, PropShortKey, PropSuggestions, PropSyncValueBySelector, PropTouched } from '../props';
+import type { InputTypeOnDefault, Iso8601, KoliBriHIcons, NumberString, Stringified, W3CInputValue } from '../types';
 import type { ButtonProps } from './button';
+export declare const inputDateTypeOptions: readonly ["date", "datetime-local", "month", "time", "week"];
+export type InputDateType = (typeof inputDateTypeOptions)[number];
 type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
+    max: Iso8601 | Date;
+    min: Iso8601 | Date;
     msg: Stringified<MsgPropType>;
+    on: InputTypeOnDefault;
+    smartButton: Stringified<ButtonProps>;
+    step: number | NumberString;
     type: InputDateType;
-} & OptionalInputProps<Iso8601 | Date> & PropHideMsg & PropSuggestions;
+    value: Iso8601 | Date | null;
+} & PropAccessKey & PropAutoComplete & PropDisabled & PropHideLabel & PropHideMsg & PropHint & PropHorizontalIcons & PropName & PropReadOnly & PropRequired & PropSuggestions & PropTouched;
 type RequiredStates = {
-    autoComplete: InputTypeOnOff;
     hasValue: boolean;
     suggestions: W3CInputValue[];
     type: InputDateType;
 } & PropLabelWithExpertSlot & PropHideMsg & PropId;
 type OptionalStates = {
-    hint: string;
     max: Iso8601;
     min: Iso8601;
     on: InputTypeOnDefault;
@@ -22,7 +28,7 @@ type OptionalStates = {
     smartButton: ButtonProps;
     step: number;
     value: Iso8601 | null;
-} & PropAccessKey & PropSyncValueBySelector & PropDisabled & PropHideLabel & KoliBriHIcons & PropMsg & PropName & PropReadOnly & PropRequired & PropShortKey & PropTouched;
+} & PropAccessKey & PropAutoComplete & PropHint & PropSyncValueBySelector & PropDisabled & PropHideLabel & KoliBriHIcons & PropMsg & PropName & PropReadOnly & PropRequired & PropShortKey & PropTouched;
 export type InputDateProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type InputDateStates = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type InputDateWatches = Generic.Element.Watchers<RequiredProps, OptionalProps>;

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

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

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

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

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

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

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

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

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

@@ -1,22 +1,20 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { MsgPropType, PropDisabled, PropHideLabel, PropHideMsg, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropRadioOptions, PropRequired, PropSyncValueBySelector, PropTooltipAlign, PropTouched } from '../props';
+import type { MsgPropType, PropDisabled, PropHideLabel, PropHideMsg, PropHint, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropRadioOptions, PropRequired, PropSyncValueBySelector, PropTooltipAlign, PropTouched } from '../props';
 import type { InputTypeOnDefault, RadioOption, StencilUnknown, Stringified } from '../types';
 import type { PropOrientation } from '../props/orientation';
 type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
-    hint: string;
     msg: Stringified<MsgPropType>;
     on: InputTypeOnDefault;
     value: StencilUnknown;
-} & PropDisabled & PropHideLabel & PropHideMsg & PropName & PropOrientation & PropRadioOptions & PropRequired & PropSyncValueBySelector & PropTouched & PropTooltipAlign;
+} & PropDisabled & PropHideLabel & PropHideMsg & PropHint & PropName & PropOrientation & PropRadioOptions & PropRequired & PropSyncValueBySelector & PropTouched & PropTooltipAlign;
 type RequiredStates = {
     options: RadioOption<StencilUnknown>[];
 } & PropId & PropHideMsg & PropLabelWithExpertSlot & PropOrientation;
 type OptionalStates = {
-    hint: string;
     on: InputTypeOnDefault;
     value: StencilUnknown;
-} & PropDisabled & PropHideLabel & PropMsg & PropName & PropRequired & PropTouched;
+} & PropDisabled & PropHideLabel & PropHint & PropMsg & PropName & PropRequired & PropTouched;
 export type InputRadioProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type InputRadioStates = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type InputRadioWatches = Generic.Element.Watchers<RequiredProps, OptionalProps>;

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

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

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

@@ -1,11 +1,11 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { MsgPropType, PropAccessKey, PropDisabled, PropHasCounter, PropHideLabel, PropHideMsg, PropHorizontalIcons, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropReadOnly, PropRequired, PropShortKey, PropSpellCheck, PropSuggestions, PropSyncValueBySelector, PropTouched } from '../props';
-import type { InputTextType, InputTypeOnDefault, InputTypeOnOff, KoliBriHIcons, Stringified, W3CInputValue } from '../types';
+import type { MsgPropType, PropAccessKey, PropAutoComplete, PropDisabled, PropHasCounter, PropHideLabel, PropHideMsg, PropHorizontalIcons, PropId, PropLabelWithExpertSlot, PropMaxLengthBehavior, PropMsg, PropName, PropReadOnly, PropRequired, PropShortKey, PropSpellCheck, PropSuggestions, PropSyncValueBySelector, PropTouched, PropHint } from '../props';
+import type { InputTypeOnDefault, KoliBriHIcons, Stringified, W3CInputValue } from '../types';
 import type { ButtonProps } from './button';
+export declare const inputTextTypeOptions: readonly ["text", "search", "url", "tel"];
+export type InputTextType = (typeof inputTextTypeOptions)[number];
 type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
-    autoComplete: InputTypeOnOff;
-    hint: string;
     maxLength: number;
     msg: Stringified<MsgPropType>;
     on: InputTypeOnDefault;
@@ -14,23 +14,22 @@ type OptionalProps = {
     smartButton: Stringified<ButtonProps>;
     type: InputTextType;
     value: string;
-} & PropAccessKey & PropDisabled & PropHasCounter & PropHideMsg & PropHideLabel & PropHorizontalIcons & PropId & PropName & PropReadOnly & PropRequired & PropShortKey & PropSpellCheck & PropSuggestions & PropSyncValueBySelector & PropTouched;
+} & PropAccessKey & PropAutoComplete & PropDisabled & PropHasCounter & PropHideMsg & PropHideLabel & PropHint & PropHorizontalIcons & PropId & PropMaxLengthBehavior & PropName & PropReadOnly & PropRequired & PropShortKey & PropSpellCheck & PropSuggestions & PropSyncValueBySelector & PropTouched;
 type RequiredStates = {
-    autoComplete: InputTypeOnOff;
+    currentLength: number;
+    currentLengthDebounced: number;
     hasValue: boolean;
     suggestions: W3CInputValue[];
     type: InputTextType;
 } & PropHideMsg & PropId & PropLabelWithExpertSlot;
 type OptionalStates = {
-    currentLength: number;
-    hint: string;
     maxLength: number;
     on: InputTypeOnDefault;
     pattern: string;
     placeholder: string;
     smartButton: ButtonProps;
     value: string;
-} & PropAccessKey & PropDisabled & PropHasCounter & PropHideLabel & KoliBriHIcons & PropMsg & PropName & PropReadOnly & PropRequired & PropShortKey & PropSpellCheck & PropTouched;
+} & PropAccessKey & PropAutoComplete & PropDisabled & PropHasCounter & PropHideLabel & PropHint & KoliBriHIcons & PropMaxLengthBehavior & PropMsg & PropName & PropReadOnly & PropRequired & PropShortKey & PropSpellCheck & PropTouched;
 export type InputTextProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type InputTextStates = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type InputTextWatches = Generic.Element.Watchers<RequiredProps, OptionalProps>;

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

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