@juit/vue-z 0.0.9 → 0.0.11

package/dist/index.d.ts

@@ -258,8 +258,9 @@ readonly type: PropType<boolean | "ondemand">;
 readonly required: false;
 readonly default: undefined;
 };
-value: {
-type: StringConstructor;
+/** The virtual keyboard to use on mobile devices*/
+mode: {
+type: PropType<"decimal" | "numeric">;
 required: false;
 default: string;
 };
@@ -282,56 +283,56 @@ default: undefined;
 };
 /** The icon to display within the control */
 icon: {
-type: PropType<string>;
-required: true;
-};
-/** An optional link that will make the icon navigable */
-link: {
-type: PropType<RouteLocationRaw | undefined>;
+type: PropType<string | undefined>;
 required: false;
 default: undefined;
 };
-loading: {
-type: BooleanConstructor;
+/** The suffix to add to the input */
+suffix: {
+type: PropType<string>;
 required: false;
-default: boolean;
+default: string;
 };
-/** Indicates that the field is required (and errors when empty). */
+/** Required (that is, we need a non-null number, non-empty string) */
 required: {
 type: BooleanConstructor;
 required: false;
 default: boolean;
 };
-/** Used as `@clear="..."` in a template, to clear the text (and related) */
-onClear: {
-type: PropType<(() => any) | undefined>;
+/** Minimum value (inclusive) */
+minimum: {
+type: PropType<number | undefined>;
+required: false;
+default: undefined;
+};
+/** Maximum value (inclusive) */
+maximum: {
+type: PropType<number | undefined>;
 required: false;
 default: undefined;
 };
+/** The validation rules to apply to this field */
+rules: {
+type: PropType<ZValidator<number>[]>;
+required: false;
+default: () => never[];
+};
 modelValue: {
-type: PropType<boolean>;
+type: PropType<number | null>;
 };
 }>, {
+/** Focus on this control */
+focus: () => void | undefined;
 /** Reset validation for this field */
 resetValidation: () => void | undefined;
 /** Force validation of this field */
 validate: () => boolean | Promise<boolean>;
 /** If the field has validation errors or not */
 hasError: ComputedRef<boolean>;
-/** Show the picker dialog */
-show: () => void | undefined;
-/** Hide the picker dialog, confirming it with a value */
-confirm: (value?: any) => void | undefined;
-/** Hide the picker dialog, cancelling it without a value */
-cancel: () => void | undefined;
-/** Hide the picker dialog */
-shake: () => void | undefined;
+/** If the field has validation errors or not */
+isEditable: ComputedRef<boolean>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-"update:modelValue": (value: boolean) => any;
-} & {
-show: () => any;
-hide: () => any;
-ok: (value?: any) => any;
+"update:modelValue": (value: number | null) => any;
 }, string, PublicProps, Readonly<ExtractPropTypes<    {
 readonly: {
 readonly type: PropType<boolean | undefined>;
@@ -358,8 +359,9 @@ readonly type: PropType<boolean | "ondemand">;
 readonly required: false;
 readonly default: undefined;
 };
-value: {
-type: StringConstructor;
+/** The virtual keyboard to use on mobile devices*/
+mode: {
+type: PropType<"decimal" | "numeric">;
 required: false;
 default: string;
 };
@@ -382,53 +384,60 @@ default: undefined;
 };
 /** The icon to display within the control */
 icon: {
-type: PropType<string>;
-required: true;
-};
-/** An optional link that will make the icon navigable */
-link: {
-type: PropType<RouteLocationRaw | undefined>;
+type: PropType<string | undefined>;
 required: false;
 default: undefined;
 };
-loading: {
-type: BooleanConstructor;
+/** The suffix to add to the input */
+suffix: {
+type: PropType<string>;
 required: false;
-default: boolean;
+default: string;
 };
-/** Indicates that the field is required (and errors when empty). */
+/** Required (that is, we need a non-null number, non-empty string) */
 required: {
 type: BooleanConstructor;
 required: false;
 default: boolean;
 };
-/** Used as `@clear="..."` in a template, to clear the text (and related) */
-onClear: {
-type: PropType<(() => any) | undefined>;
+/** Minimum value (inclusive) */
+minimum: {
+type: PropType<number | undefined>;
+required: false;
+default: undefined;
+};
+/** Maximum value (inclusive) */
+maximum: {
+type: PropType<number | undefined>;
 required: false;
 default: undefined;
 };
+/** The validation rules to apply to this field */
+rules: {
+type: PropType<ZValidator<number>[]>;
+required: false;
+default: () => never[];
+};
 modelValue: {
-type: PropType<boolean>;
+type: PropType<number | null>;
 };
 }>> & Readonly<{
-onShow?: (() => any) | undefined;
-onHide?: (() => any) | undefined;
-"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-onOk?: ((value?: any) => any) | undefined;
+"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
 }>, {
-loading: boolean;
+icon: string | undefined;
 required: boolean;
 editable: boolean | undefined;
 disabled: boolean | undefined;
 lazyRules: boolean | "ondemand";
 bottomSlots: boolean | undefined;
 readonly: boolean | undefined;
-value: string;
-link: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric | undefined;
+mode: "decimal" | "numeric";
 placeholder: string;
 hint: string | undefined;
-onClear: (() => any) | undefined;
+suffix: string;
+rules: ZValidator<number>[];
+minimum: number | undefined;
+maximum: number | undefined;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 declare const __VLS_component_12: DefineComponent<ExtractPropTypes<    {
@@ -457,57 +466,55 @@ readonly type: PropType<boolean | "ondemand">;
 readonly required: false;
 readonly default: undefined;
 };
-/** All our options, keyed by the option, with values being the labels */
-options: {
-type: PropType<Record<string, string> | {
-value: string;
-label: string;
-}[]>;
-required: true;
+/** The virtual keyboard to use on mobile devices*/
+mode: {
+type: PropType<"decimal" | "numeric">;
+required: false;
+default: string;
 };
 /** The label for this input text */
 label: {
 type: StringConstructor;
 required: true;
 };
-/** The placeholder text when no input was entered */
-placeholder: {
-type: StringConstructor;
-required: false;
-default: string;
-};
 /** The hint to display below the input field */
 hint: {
 type: PropType<string | undefined>;
 required: false;
 default: undefined;
 };
-/** The prefix to display before the input value */
-prefix: {
+/** The icon to display within the control */
+icon: {
 type: PropType<string | undefined>;
 required: false;
 default: undefined;
 };
-/** The icon to display within the control */
-icon: {
-type: PropType<string | undefined>;
+/** The suffix to add to the input */
+suffix: {
+type: PropType<string>;
+required: false;
+default: string;
+};
+/** Minimum value (inclusive) */
+minimum: {
+type: PropType<number | undefined>;
 required: false;
 default: undefined;
 };
-/** Clearable, when clicked value will become the empty string */
-clearable: {
-type: BooleanConstructor;
+/** Maximum value (inclusive) */
+maximum: {
+type: PropType<number | undefined>;
 required: false;
-default: boolean;
+default: undefined;
 };
-/** Required */
-required: {
-type: BooleanConstructor;
+/** The validation rules to apply to this field */
+rules: {
+type: PropType<ZValidator<number>[]>;
 required: false;
-default: boolean;
+default: () => never[];
 };
 modelValue: {
-type: PropType<string>;
+type: PropType<number>;
 };
 }>, {
 /** Focus on this control */
@@ -519,7 +526,7 @@ validate: () => boolean | Promise<boolean>;
 /** If the field has validation errors or not */
 hasError: ComputedRef<boolean>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-"update:modelValue": (value: string) => any;
+"update:modelValue": (value: number) => any;
 }, string, PublicProps, Readonly<ExtractPropTypes<    {
 readonly: {
 readonly type: PropType<boolean | undefined>;
@@ -546,72 +553,71 @@ readonly type: PropType<boolean | "ondemand">;
 readonly required: false;
 readonly default: undefined;
 };
-/** All our options, keyed by the option, with values being the labels */
-options: {
-type: PropType<Record<string, string> | {
-value: string;
-label: string;
-}[]>;
-required: true;
+/** The virtual keyboard to use on mobile devices*/
+mode: {
+type: PropType<"decimal" | "numeric">;
+required: false;
+default: string;
 };
 /** The label for this input text */
 label: {
 type: StringConstructor;
 required: true;
 };
-/** The placeholder text when no input was entered */
-placeholder: {
-type: StringConstructor;
-required: false;
-default: string;
-};
 /** The hint to display below the input field */
 hint: {
 type: PropType<string | undefined>;
 required: false;
 default: undefined;
 };
-/** The prefix to display before the input value */
-prefix: {
+/** The icon to display within the control */
+icon: {
 type: PropType<string | undefined>;
 required: false;
 default: undefined;
 };
-/** The icon to display within the control */
-icon: {
-type: PropType<string | undefined>;
+/** The suffix to add to the input */
+suffix: {
+type: PropType<string>;
+required: false;
+default: string;
+};
+/** Minimum value (inclusive) */
+minimum: {
+type: PropType<number | undefined>;
 required: false;
 default: undefined;
 };
-/** Clearable, when clicked value will become the empty string */
-clearable: {
-type: BooleanConstructor;
+/** Maximum value (inclusive) */
+maximum: {
+type: PropType<number | undefined>;
 required: false;
-default: boolean;
+default: undefined;
 };
-/** Required */
-required: {
-type: BooleanConstructor;
+/** The validation rules to apply to this field */
+rules: {
+type: PropType<ZValidator<number>[]>;
 required: false;
-default: boolean;
+default: () => never[];
 };
 modelValue: {
-type: PropType<string>;
+type: PropType<number>;
 };
 }>> & Readonly<{
-"onUpdate:modelValue"?: ((value: string) => any) | undefined;
+"onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {
 icon: string | undefined;
-required: boolean;
 editable: boolean | undefined;
 disabled: boolean | undefined;
 lazyRules: boolean | "ondemand";
 bottomSlots: boolean | undefined;
 readonly: boolean | undefined;
-placeholder: string;
+mode: "decimal" | "numeric";
 hint: string | undefined;
-prefix: string | undefined;
-clearable: boolean;
+suffix: string;
+rules: ZValidator<number>[];
+minimum: number | undefined;
+maximum: number | undefined;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 declare const __VLS_component_13: DefineComponent<ExtractPropTypes<    {
@@ -640,9 +646,8 @@ readonly type: PropType<boolean | "ondemand">;
 readonly required: false;
 readonly default: undefined;
 };
-/** The virtual keyboard to use on mobile devices*/
-mode: {
-type: PropType<"text" | "decimal" | "numeric" | "tel" | "search" | "email" | "url">;
+value: {
+type: StringConstructor;
 required: false;
 default: string;
 };
@@ -665,9 +670,8 @@ default: undefined;
 };
 /** The icon to display within the control */
 icon: {
-type: PropType<string | undefined>;
-required: false;
-default: undefined;
+type: PropType<string>;
+required: true;
 };
 /** An optional link that will make the icon navigable */
 link: {
@@ -675,62 +679,47 @@ type: PropType<RouteLocationRaw | undefined>;
 required: false;
 default: undefined;
 };
-/** The debounce time in milliseconds for the input field */
-debounce: {
-type: PropType<number | undefined>;
+loading: {
+type: BooleanConstructor;
 required: false;
-default: undefined;
+default: boolean;
 };
-/** The suffix to add to the input */
-suffix: {
-type: PropType<string>;
-required: false;
-default: string;
-};
-/** The prefix to add to the input */
-prefix: {
-type: PropType<string>;
-required: false;
-default: undefined;
-};
-/** Indicates that the field is required (and errors when empty). */
-required: {
-type: BooleanConstructor;
+/** Indicates that the field is required (and errors when empty). */
+required: {
+type: BooleanConstructor;
 required: false;
 default: boolean;
 };
-/** The minimum length of this field (starting at 1, for 0 use "required") */
-minLength: {
-type: NumberConstructor;
-required: false;
-default: number;
-};
-/**  The maximum length, displayed with a counter (and error when too long). */
-maxLength: {
-type: NumberConstructor;
-required: false;
-default: number;
-};
-/** The validation rules to apply to this field */
-rules: {
-type: PropType<ZValidator<string>[]>;
+/** Used as `@clear="..."` in a template, to clear the text (and related) */
+onClear: {
+type: PropType<(() => any) | undefined>;
 required: false;
-default: () => never[];
+default: undefined;
 };
 modelValue: {
-type: PropType<string>;
+type: PropType<boolean>;
 };
 }>, {
-/** Focus on this control */
-focus: () => void | undefined;
 /** Reset validation for this field */
 resetValidation: () => void | undefined;
 /** Force validation of this field */
 validate: () => boolean | Promise<boolean>;
 /** If the field has validation errors or not */
 hasError: ComputedRef<boolean>;
+/** Show the picker dialog */
+show: () => void | undefined;
+/** Hide the picker dialog, confirming it with a value */
+confirm: (value?: any) => void | undefined;
+/** Hide the picker dialog, cancelling it without a value */
+cancel: () => void | undefined;
+/** Hide the picker dialog */
+shake: () => void | undefined;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-"update:modelValue": (value: string) => any;
+"update:modelValue": (value: boolean) => any;
+} & {
+show: () => any;
+hide: () => any;
+ok: (value?: any) => any;
 }, string, PublicProps, Readonly<ExtractPropTypes<    {
 readonly: {
 readonly type: PropType<boolean | undefined>;
@@ -757,9 +746,8 @@ readonly type: PropType<boolean | "ondemand">;
 readonly required: false;
 readonly default: undefined;
 };
-/** The virtual keyboard to use on mobile devices*/
-mode: {
-type: PropType<"text" | "decimal" | "numeric" | "tel" | "search" | "email" | "url">;
+value: {
+type: StringConstructor;
 required: false;
 default: string;
 };
@@ -782,9 +770,8 @@ default: undefined;
 };
 /** The icon to display within the control */
 icon: {
-type: PropType<string | undefined>;
-required: false;
-default: undefined;
+type: PropType<string>;
+required: true;
 };
 /** An optional link that will make the icon navigable */
 link: {
@@ -792,23 +779,10 @@ type: PropType<RouteLocationRaw | undefined>;
 required: false;
 default: undefined;
 };
-/** The debounce time in milliseconds for the input field */
-debounce: {
-type: PropType<number | undefined>;
-required: false;
-default: undefined;
-};
-/** The suffix to add to the input */
-suffix: {
-type: PropType<string>;
-required: false;
-default: string;
-};
-/** The prefix to add to the input */
-prefix: {
-type: PropType<string>;
+loading: {
+type: BooleanConstructor;
 required: false;
-default: undefined;
+default: boolean;
 };
 /** Indicates that the field is required (and errors when empty). */
 required: {
@@ -816,47 +790,33 @@ type: BooleanConstructor;
 required: false;
 default: boolean;
 };
-/** The minimum length of this field (starting at 1, for 0 use "required") */
-minLength: {
-type: NumberConstructor;
-required: false;
-default: number;
-};
-/**  The maximum length, displayed with a counter (and error when too long). */
-maxLength: {
-type: NumberConstructor;
-required: false;
-default: number;
-};
-/** The validation rules to apply to this field */
-rules: {
-type: PropType<ZValidator<string>[]>;
+/** Used as `@clear="..."` in a template, to clear the text (and related) */
+onClear: {
+type: PropType<(() => any) | undefined>;
 required: false;
-default: () => never[];
+default: undefined;
 };
 modelValue: {
-type: PropType<string>;
+type: PropType<boolean>;
 };
 }>> & Readonly<{
-"onUpdate:modelValue"?: ((value: string) => any) | undefined;
+onShow?: (() => any) | undefined;
+onHide?: (() => any) | undefined;
+"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+onOk?: ((value?: any) => any) | undefined;
 }>, {
-icon: string | undefined;
+loading: boolean;
 required: boolean;
 editable: boolean | undefined;
 disabled: boolean | undefined;
 lazyRules: boolean | "ondemand";
 bottomSlots: boolean | undefined;
 readonly: boolean | undefined;
+value: string;
 link: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric | undefined;
-mode: "search" | "email" | "text" | "decimal" | "numeric" | "tel" | "url";
 placeholder: string;
 hint: string | undefined;
-debounce: number | undefined;
-suffix: string;
-prefix: string;
-maxLength: number;
-rules: ZValidator<string>[];
-minLength: number;
+onClear: (() => any) | undefined;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 declare const __VLS_component_14: DefineComponent<ExtractPropTypes<    {
@@ -885,17 +845,13 @@ readonly type: PropType<boolean | "ondemand">;
 readonly required: false;
 readonly default: undefined;
 };
-/** The type of input to present: normal `text` or `password` */
-type: {
-type: PropType<"text" | "password">;
-required: false;
-default: string;
-};
-/** The virtual keyboard to use on mobile devices*/
-mode: {
-type: PropType<"text" | "decimal" | "numeric" | "tel" | "search" | "email" | "url">;
-required: false;
-default: string;
+/** All our options, keyed by the option, with values being the labels */
+options: {
+type: PropType<Record<string, string> | {
+value: string;
+label: string;
+}[]>;
+required: true;
 };
 /** The label for this input text */
 label: {
@@ -914,84 +870,30 @@ type: PropType<string | undefined>;
 required: false;
 default: undefined;
 };
-/** The icon to display within the control */
-icon: {
+/** The prefix to display before the input value */
+prefix: {
 type: PropType<string | undefined>;
 required: false;
 default: undefined;
 };
-/** An optional link that will make the icon navigable */
-link: {
-type: PropType<RouteLocationRaw | undefined>;
-required: false;
-default: undefined;
-};
-/** The input looks editable, but text editing is disabled (for sub-components) */
-nonInteractive: {
-type: BooleanConstructor;
-required: false;
-default: boolean;
-};
-/** The debounce time in milliseconds for the input field */
-debounce: {
-type: PropType<number | undefined>;
-required: false;
-default: undefined;
-};
-/** The suffix to add to the input */
-suffix: {
-type: PropType<string>;
-required: false;
-default: string;
-};
-/** The prefix to add to the input */
-prefix: {
-type: PropType<string>;
+/** The icon to display within the control */
+icon: {
+type: PropType<string | undefined>;
 required: false;
 default: undefined;
 };
-/** Keep the value "raw" (as in, do not normalize white spaces) */
-raw: {
+/** Clearable, when clicked value will become the empty string */
+clearable: {
 type: BooleanConstructor;
 required: false;
 default: boolean;
 };
-/** Indicates that the field is required (and errors when empty). */
+/** Required */
 required: {
 type: BooleanConstructor;
 required: false;
 default: boolean;
 };
-/**  The maximum length, displayed with a counter (and error when too long). */
-maxLength: {
-type: NumberConstructor;
-required: false;
-default: number;
-};
-/** The validation rules to apply to this field */
-rules: {
-type: PropType<ValidationRule<string>[]>;
-required: false;
-default: () => never[];
-};
-/** Used as `@click="..."` in a template, when clicking on text field */
-onClick: {
-type: PropType<((event: PointerEvent) => any) | undefined>;
-required: false;
-default: undefined;
-};
-/** Used as `@click-icon="..."` in a template, when clicking on icon */
-onClickIcon: {
-type: PropType<((event: PointerEvent) => any) | undefined>;
-required: false;
-default: undefined;
-};
-/** Used as `@clear="..."` in a template, to clear the text (and related) */
-onClear: {
-type: PropType<(() => any) | undefined>;
-required: false;
-default: undefined;
-};
 modelValue: {
 type: PropType<string>;
 };
@@ -1004,25 +906,8 @@ resetValidation: () => void | undefined;
 validate: () => boolean | Promise<boolean>;
 /** If the field has validation errors or not */
 hasError: ComputedRef<boolean>;
-/** The native element of the input */
-nativeEl: ComputedRef<HTMLInputElement>;
-/** A flag indicating whether this field is _editable_ or not */
-isEditable: ComputedRef<boolean>;
-/** A flag indicating whether this field is _disabled_ or not */
-isDisabled: ComputedRef<boolean>;
-/** A flag indicating whether this field is _inactive_ or not */
-isInactive: ComputedRef<boolean>;
-/** A flag indicating whether this field is _editable_ and _has focus_ or not */
-hasFocus: ComputedRef<boolean>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (value: string) => any;
-} & {
-beforeinput: (event: InputEvent) => any;
-blur: (event: FocusEvent) => any;
-focus: (event: FocusEvent) => any;
-input: (event: InputEvent) => any;
-keydown: (event: KeyboardEvent) => any;
-keyup: (event: KeyboardEvent) => any;
 }, string, PublicProps, Readonly<ExtractPropTypes<    {
 readonly: {
 readonly type: PropType<boolean | undefined>;
@@ -1049,17 +934,13 @@ readonly type: PropType<boolean | "ondemand">;
 readonly required: false;
 readonly default: undefined;
 };
-/** The type of input to present: normal `text` or `password` */
-type: {
-type: PropType<"text" | "password">;
-required: false;
-default: string;
-};
-/** The virtual keyboard to use on mobile devices*/
-mode: {
-type: PropType<"text" | "decimal" | "numeric" | "tel" | "search" | "email" | "url">;
-required: false;
-default: string;
+/** All our options, keyed by the option, with values being the labels */
+options: {
+type: PropType<Record<string, string> | {
+value: string;
+label: string;
+}[]>;
+required: true;
 };
 /** The label for this input text */
 label: {
@@ -1078,27 +959,534 @@ type: PropType<string | undefined>;
 required: false;
 default: undefined;
 };
-/** The icon to display within the control */
-icon: {
+/** The prefix to display before the input value */
+prefix: {
 type: PropType<string | undefined>;
 required: false;
 default: undefined;
 };
-/** An optional link that will make the icon navigable */
-link: {
-type: PropType<RouteLocationRaw | undefined>;
+/** The icon to display within the control */
+icon: {
+type: PropType<string | undefined>;
 required: false;
 default: undefined;
 };
-/** The input looks editable, but text editing is disabled (for sub-components) */
-nonInteractive: {
+/** Clearable, when clicked value will become the empty string */
+clearable: {
 type: BooleanConstructor;
 required: false;
 default: boolean;
 };
-/** The debounce time in milliseconds for the input field */
-debounce: {
-type: PropType<number | undefined>;
+/** Required */
+required: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
+modelValue: {
+type: PropType<string>;
+};
+}>> & Readonly<{
+"onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+icon: string | undefined;
+required: boolean;
+editable: boolean | undefined;
+disabled: boolean | undefined;
+lazyRules: boolean | "ondemand";
+bottomSlots: boolean | undefined;
+readonly: boolean | undefined;
+placeholder: string;
+hint: string | undefined;
+prefix: string | undefined;
+clearable: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+declare const __VLS_component_15: DefineComponent<ExtractPropTypes<    {
+readonly: {
+readonly type: PropType<boolean | undefined>;
+readonly required: false;
+readonly default: undefined;
+};
+bottomSlots: {
+readonly type: PropType<boolean | undefined>;
+readonly required: false;
+readonly default: undefined;
+};
+editable: {
+readonly type: PropType<boolean | undefined>;
+readonly required: false;
+readonly default: undefined;
+};
+disabled: {
+readonly type: PropType<boolean | undefined>;
+readonly required: false;
+readonly default: undefined;
+};
+lazyRules: {
+readonly type: PropType<boolean | "ondemand">;
+readonly required: false;
+readonly default: undefined;
+};
+/** The virtual keyboard to use on mobile devices*/
+mode: {
+type: PropType<"text" | "decimal" | "numeric" | "tel" | "search" | "email" | "url">;
+required: false;
+default: string;
+};
+/** The label for this input text */
+label: {
+type: StringConstructor;
+required: true;
+};
+/** The placeholder text when no input was entered */
+placeholder: {
+type: StringConstructor;
+required: false;
+default: string;
+};
+/** The hint to display below the input field */
+hint: {
+type: PropType<string | undefined>;
+required: false;
+default: undefined;
+};
+/** The icon to display within the control */
+icon: {
+type: PropType<string | undefined>;
+required: false;
+default: undefined;
+};
+/** An optional link that will make the icon navigable */
+link: {
+type: PropType<RouteLocationRaw | undefined>;
+required: false;
+default: undefined;
+};
+/** The debounce time in milliseconds for the input field */
+debounce: {
+type: PropType<number | undefined>;
+required: false;
+default: undefined;
+};
+/** The suffix to add to the input */
+suffix: {
+type: PropType<string>;
+required: false;
+default: string;
+};
+/** The prefix to add to the input */
+prefix: {
+type: PropType<string>;
+required: false;
+default: undefined;
+};
+/** Indicates that the field is required (and errors when empty). */
+required: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
+/** The minimum length of this field (starting at 1, for 0 use "required") */
+minLength: {
+type: NumberConstructor;
+required: false;
+default: number;
+};
+/**  The maximum length, displayed with a counter (and error when too long). */
+maxLength: {
+type: NumberConstructor;
+required: false;
+default: number;
+};
+/** The validation rules to apply to this field */
+rules: {
+type: PropType<ZValidator<string>[]>;
+required: false;
+default: () => never[];
+};
+modelValue: {
+type: PropType<string>;
+};
+}>, {
+/** Focus on this control */
+focus: () => void | undefined;
+/** Reset validation for this field */
+resetValidation: () => void | undefined;
+/** Force validation of this field */
+validate: () => boolean | Promise<boolean>;
+/** If the field has validation errors or not */
+hasError: ComputedRef<boolean>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (value: string) => any;
+}, string, PublicProps, Readonly<ExtractPropTypes<    {
+readonly: {
+readonly type: PropType<boolean | undefined>;
+readonly required: false;
+readonly default: undefined;
+};
+bottomSlots: {
+readonly type: PropType<boolean | undefined>;
+readonly required: false;
+readonly default: undefined;
+};
+editable: {
+readonly type: PropType<boolean | undefined>;
+readonly required: false;
+readonly default: undefined;
+};
+disabled: {
+readonly type: PropType<boolean | undefined>;
+readonly required: false;
+readonly default: undefined;
+};
+lazyRules: {
+readonly type: PropType<boolean | "ondemand">;
+readonly required: false;
+readonly default: undefined;
+};
+/** The virtual keyboard to use on mobile devices*/
+mode: {
+type: PropType<"text" | "decimal" | "numeric" | "tel" | "search" | "email" | "url">;
+required: false;
+default: string;
+};
+/** The label for this input text */
+label: {
+type: StringConstructor;
+required: true;
+};
+/** The placeholder text when no input was entered */
+placeholder: {
+type: StringConstructor;
+required: false;
+default: string;
+};
+/** The hint to display below the input field */
+hint: {
+type: PropType<string | undefined>;
+required: false;
+default: undefined;
+};
+/** The icon to display within the control */
+icon: {
+type: PropType<string | undefined>;
+required: false;
+default: undefined;
+};
+/** An optional link that will make the icon navigable */
+link: {
+type: PropType<RouteLocationRaw | undefined>;
+required: false;
+default: undefined;
+};
+/** The debounce time in milliseconds for the input field */
+debounce: {
+type: PropType<number | undefined>;
+required: false;
+default: undefined;
+};
+/** The suffix to add to the input */
+suffix: {
+type: PropType<string>;
+required: false;
+default: string;
+};
+/** The prefix to add to the input */
+prefix: {
+type: PropType<string>;
+required: false;
+default: undefined;
+};
+/** Indicates that the field is required (and errors when empty). */
+required: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
+/** The minimum length of this field (starting at 1, for 0 use "required") */
+minLength: {
+type: NumberConstructor;
+required: false;
+default: number;
+};
+/**  The maximum length, displayed with a counter (and error when too long). */
+maxLength: {
+type: NumberConstructor;
+required: false;
+default: number;
+};
+/** The validation rules to apply to this field */
+rules: {
+type: PropType<ZValidator<string>[]>;
+required: false;
+default: () => never[];
+};
+modelValue: {
+type: PropType<string>;
+};
+}>> & Readonly<{
+"onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+icon: string | undefined;
+required: boolean;
+editable: boolean | undefined;
+disabled: boolean | undefined;
+lazyRules: boolean | "ondemand";
+bottomSlots: boolean | undefined;
+readonly: boolean | undefined;
+link: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric | undefined;
+mode: "search" | "email" | "text" | "decimal" | "numeric" | "tel" | "url";
+placeholder: string;
+hint: string | undefined;
+debounce: number | undefined;
+suffix: string;
+prefix: string;
+maxLength: number;
+rules: ZValidator<string>[];
+minLength: number;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+declare const __VLS_component_16: DefineComponent<ExtractPropTypes<    {
+readonly: {
+readonly type: PropType<boolean | undefined>;
+readonly required: false;
+readonly default: undefined;
+};
+bottomSlots: {
+readonly type: PropType<boolean | undefined>;
+readonly required: false;
+readonly default: undefined;
+};
+editable: {
+readonly type: PropType<boolean | undefined>;
+readonly required: false;
+readonly default: undefined;
+};
+disabled: {
+readonly type: PropType<boolean | undefined>;
+readonly required: false;
+readonly default: undefined;
+};
+lazyRules: {
+readonly type: PropType<boolean | "ondemand">;
+readonly required: false;
+readonly default: undefined;
+};
+/** The type of input to present: normal `text` or `password` */
+type: {
+type: PropType<"text" | "password">;
+required: false;
+default: string;
+};
+/** The virtual keyboard to use on mobile devices*/
+mode: {
+type: PropType<"text" | "decimal" | "numeric" | "tel" | "search" | "email" | "url">;
+required: false;
+default: string;
+};
+/** The label for this input text */
+label: {
+type: StringConstructor;
+required: true;
+};
+/** The placeholder text when no input was entered */
+placeholder: {
+type: StringConstructor;
+required: false;
+default: string;
+};
+/** The hint to display below the input field */
+hint: {
+type: PropType<string | undefined>;
+required: false;
+default: undefined;
+};
+/** The icon to display within the control */
+icon: {
+type: PropType<string | undefined>;
+required: false;
+default: undefined;
+};
+/** An optional link that will make the icon navigable */
+link: {
+type: PropType<RouteLocationRaw | undefined>;
+required: false;
+default: undefined;
+};
+/** The input looks editable, but text editing is disabled (for sub-components) */
+nonInteractive: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
+/** The debounce time in milliseconds for the input field */
+debounce: {
+type: PropType<number | undefined>;
+required: false;
+default: undefined;
+};
+/** The suffix to add to the input */
+suffix: {
+type: PropType<string>;
+required: false;
+default: string;
+};
+/** The prefix to add to the input */
+prefix: {
+type: PropType<string>;
+required: false;
+default: undefined;
+};
+/** Keep the value "raw" (as in, do not normalize white spaces) */
+raw: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
+/** Indicates that the field is required (and errors when empty). */
+required: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
+/**  The maximum length, displayed with a counter (and error when too long). */
+maxLength: {
+type: NumberConstructor;
+required: false;
+default: number;
+};
+/** The validation rules to apply to this field */
+rules: {
+type: PropType<ValidationRule<string>[]>;
+required: false;
+default: () => never[];
+};
+/** Used as `@click="..."` in a template, when clicking on text field */
+onClick: {
+type: PropType<((event: PointerEvent) => any) | undefined>;
+required: false;
+default: undefined;
+};
+/** Used as `@click-icon="..."` in a template, when clicking on icon */
+onClickIcon: {
+type: PropType<((event: PointerEvent) => any) | undefined>;
+required: false;
+default: undefined;
+};
+/** Used as `@clear="..."` in a template, to clear the text (and related) */
+onClear: {
+type: PropType<(() => any) | undefined>;
+required: false;
+default: undefined;
+};
+modelValue: {
+type: PropType<string>;
+};
+}>, {
+/** Focus on this control */
+focus: () => void | undefined;
+/** Reset validation for this field */
+resetValidation: () => void | undefined;
+/** Force validation of this field */
+validate: () => boolean | Promise<boolean>;
+/** If the field has validation errors or not */
+hasError: ComputedRef<boolean>;
+/** The native element of the input */
+nativeEl: ComputedRef<HTMLInputElement>;
+/** A flag indicating whether this field is _editable_ or not */
+isEditable: ComputedRef<boolean>;
+/** A flag indicating whether this field is _disabled_ or not */
+isDisabled: ComputedRef<boolean>;
+/** A flag indicating whether this field is _inactive_ or not */
+isInactive: ComputedRef<boolean>;
+/** A flag indicating whether this field is _editable_ and _has focus_ or not */
+hasFocus: ComputedRef<boolean>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (value: string) => any;
+} & {
+beforeinput: (event: InputEvent) => any;
+blur: (event: FocusEvent) => any;
+focus: (event: FocusEvent) => any;
+input: (event: InputEvent) => any;
+keydown: (event: KeyboardEvent) => any;
+keyup: (event: KeyboardEvent) => any;
+}, string, PublicProps, Readonly<ExtractPropTypes<    {
+readonly: {
+readonly type: PropType<boolean | undefined>;
+readonly required: false;
+readonly default: undefined;
+};
+bottomSlots: {
+readonly type: PropType<boolean | undefined>;
+readonly required: false;
+readonly default: undefined;
+};
+editable: {
+readonly type: PropType<boolean | undefined>;
+readonly required: false;
+readonly default: undefined;
+};
+disabled: {
+readonly type: PropType<boolean | undefined>;
+readonly required: false;
+readonly default: undefined;
+};
+lazyRules: {
+readonly type: PropType<boolean | "ondemand">;
+readonly required: false;
+readonly default: undefined;
+};
+/** The type of input to present: normal `text` or `password` */
+type: {
+type: PropType<"text" | "password">;
+required: false;
+default: string;
+};
+/** The virtual keyboard to use on mobile devices*/
+mode: {
+type: PropType<"text" | "decimal" | "numeric" | "tel" | "search" | "email" | "url">;
+required: false;
+default: string;
+};
+/** The label for this input text */
+label: {
+type: StringConstructor;
+required: true;
+};
+/** The placeholder text when no input was entered */
+placeholder: {
+type: StringConstructor;
+required: false;
+default: string;
+};
+/** The hint to display below the input field */
+hint: {
+type: PropType<string | undefined>;
+required: false;
+default: undefined;
+};
+/** The icon to display within the control */
+icon: {
+type: PropType<string | undefined>;
+required: false;
+default: undefined;
+};
+/** An optional link that will make the icon navigable */
+link: {
+type: PropType<RouteLocationRaw | undefined>;
+required: false;
+default: undefined;
+};
+/** The input looks editable, but text editing is disabled (for sub-components) */
+nonInteractive: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
+/** The debounce time in milliseconds for the input field */
+debounce: {
+type: PropType<number | undefined>;
 required: false;
 default: undefined;
 };
@@ -1192,7 +1580,7 @@ onClickIcon: ((event: PointerEvent) => any) | undefined;
 onClear: (() => any) | undefined;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
-declare const __VLS_component_15: DefineComponent<ExtractPropTypes<    {
+declare const __VLS_component_17: DefineComponent<ExtractPropTypes<    {
 label: {
 type: StringConstructor;
 required: false;
@@ -1219,7 +1607,7 @@ label: string;
 caption: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
-declare const __VLS_component_16: DefineComponent<ExtractPropTypes<    {
+declare const __VLS_component_18: DefineComponent<ExtractPropTypes<    {
 /** Label for the page title (optional, see also the `label` slot) */
 label: {
 type: StringConstructor;
@@ -1352,7 +1740,7 @@ onDelete: (() => any) | undefined;
 onRestore: (() => any) | undefined;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
-declare const __VLS_component_17: DefineComponent<ExtractPropTypes<    {
+declare const __VLS_component_19: DefineComponent<ExtractPropTypes<    {
 /** The object being created */
 value: {
 type: PropType<Record<string, any> | undefined>;
@@ -1412,7 +1800,13 @@ disabled: boolean | undefined;
 caption: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
-declare const __VLS_component_18: DefineComponent<ExtractPropTypes<    {
+declare const __VLS_component_2: DefineComponent<__VLS_Props_2, {
+show: () => void | undefined;
+hide: () => void | undefined;
+toggle: () => void | undefined;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_2> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare const __VLS_component_20: DefineComponent<ExtractPropTypes<    {
 /** Optional title for this table */
 title: {
 type: StringConstructor;
@@ -1711,12 +2105,6 @@ onRowDblclick: ((event: PointerEvent, row: any, index: number) => void) | undefi
 onRowContextmenu: ((event: PointerEvent, row: any, index: number) => void) | undefined;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
-declare const __VLS_component_2: DefineComponent<__VLS_Props_2, {
-show: () => void | undefined;
-hide: () => void | undefined;
-toggle: () => void | undefined;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_2> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-
 declare const __VLS_component_3: DefineComponent<QBtnGroupProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<QBtnGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 declare const __VLS_component_4: DefineComponent<ExtractPropTypes<    {
@@ -2208,32 +2596,40 @@ declare type __VLS_Slots_10 = {
 };
 
 declare type __VLS_Slots_11 = {
-    default?: (formProps: Readonly<ZFormProps>) => VNode[];
     append?: (formProps: Readonly<ZFormProps>) => VNode[];
 };
 
 declare type __VLS_Slots_12 = {
-    prepend?: (formProps: Readonly<ZFormProps>) => VNode[];
     append?: (formProps: Readonly<ZFormProps>) => VNode[];
-    option?: QSelectSlots['option'];
 };
 
 declare type __VLS_Slots_13 = {
+    default?: (formProps: Readonly<ZFormProps>) => VNode[];
     append?: (formProps: Readonly<ZFormProps>) => VNode[];
 };
 
 declare type __VLS_Slots_14 = {
+    prepend?: (formProps: Readonly<ZFormProps>) => VNode[];
     append?: (formProps: Readonly<ZFormProps>) => VNode[];
+    option?: QSelectSlots['option'];
 };
 
 declare type __VLS_Slots_15 = {
+    append?: (formProps: Readonly<ZFormProps>) => VNode[];
+};
+
+declare type __VLS_Slots_16 = {
+    append?: (formProps: Readonly<ZFormProps>) => VNode[];
+};
+
+declare type __VLS_Slots_17 = {
     default(): VNode[];
     caption?: () => VNode[];
     label?: () => VNode[];
     info?: () => VNode[];
 };
 
-declare type __VLS_Slots_16 = {
+declare type __VLS_Slots_18 = {
     /** The components of the form for the object being viewed/edited */
     'default': () => VNode[];
     /** Label for the page title (optional, see also the `label` prop) */
@@ -2250,7 +2646,7 @@ declare type __VLS_Slots_16 = {
     'controls-under'?: () => VNode[];
 };
 
-declare type __VLS_Slots_17 = {
+declare type __VLS_Slots_19 = {
     /** The components of the form for the object being viewed/edited */
     default: () => VNode[];
     /** Label for the page title (optional, see also the `label` prop) */
@@ -2259,7 +2655,9 @@ declare type __VLS_Slots_17 = {
     caption?: () => VNode[];
 };
 
-declare type __VLS_Slots_18 = {
+declare type __VLS_Slots_2 = Partial<QBtnDropdownSlots>;
+
+declare type __VLS_Slots_20 = {
     [key: `data-${string}`]: (props: {
         index: number;
         row: any;
@@ -2269,8 +2667,6 @@ declare type __VLS_Slots_18 = {
     'default'?: () => VNode[];
 };
 
-declare type __VLS_Slots_2 = Partial<QBtnDropdownSlots>;
-
 declare type __VLS_Slots_3 = Partial<QBtnGroupSlots>;
 
 declare type __VLS_Slots_4 = {
@@ -2355,12 +2751,24 @@ declare type __VLS_WithSlots_18<T, S> = T & {
     };
 };
 
+declare type __VLS_WithSlots_19<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type __VLS_WithSlots_2<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
 
+declare type __VLS_WithSlots_20<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type __VLS_WithSlots_3<T, S> = T & {
     new (): {
         $slots: S;
@@ -2812,201 +3220,35 @@ type: PropType<string | undefined>;
 required: false;
 default: undefined;
 };
-/** The suffix to display after the input value */
-suffix: {
-type: PropType<string | undefined>;
-required: false;
-default: undefined;
-};
-/** The icon to display within the control */
-icon: {
-type: PropType<string | undefined>;
-required: false;
-default: undefined;
-};
-/** Clearable, when clicked value will become the empty string */
-clearable: {
-type: BooleanConstructor;
-required: false;
-default: boolean;
-};
-/** Required */
-required: {
-type: BooleanConstructor;
-required: false;
-default: boolean;
-};
-modelValue: {
-type: PropType<string>;
-};
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-"update:modelValue": (value: string | undefined) => any;
-}, string, PublicProps, Readonly<ExtractPropTypes<    {
-readonly: {
-readonly type: PropType<boolean | undefined>;
-readonly required: false;
-readonly default: undefined;
-};
-bottomSlots: {
-readonly type: PropType<boolean | undefined>;
-readonly required: false;
-readonly default: undefined;
-};
-editable: {
-readonly type: PropType<boolean | undefined>;
-readonly required: false;
-readonly default: undefined;
-};
-disabled: {
-readonly type: PropType<boolean | undefined>;
-readonly required: false;
-readonly default: undefined;
-};
-lazyRules: {
-readonly type: PropType<boolean | "ondemand">;
-readonly required: false;
-readonly default: undefined;
-};
-/** The label for this input text */
-label: {
-type: StringConstructor;
-required: true;
-};
-/** The placeholder text when no input was entered */
-placeholder: {
-type: StringConstructor;
-required: false;
-default: string;
-};
-/** The hint to display below the input field */
-hint: {
-type: PropType<string | undefined>;
-required: false;
-default: undefined;
-};
-/** The suffix to display after the input value */
-suffix: {
-type: PropType<string | undefined>;
-required: false;
-default: undefined;
-};
-/** The icon to display within the control */
-icon: {
-type: PropType<string | undefined>;
-required: false;
-default: undefined;
-};
-/** Clearable, when clicked value will become the empty string */
-clearable: {
-type: BooleanConstructor;
-required: false;
-default: boolean;
-};
-/** Required */
-required: {
-type: BooleanConstructor;
-required: false;
-default: boolean;
-};
-modelValue: {
-type: PropType<string>;
-};
-}>> & Readonly<{
-"onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
-}>, {
-icon: string | undefined;
-required: boolean;
-editable: boolean | undefined;
-disabled: boolean | undefined;
-lazyRules: boolean | "ondemand";
-bottomSlots: boolean | undefined;
-readonly: boolean | undefined;
-placeholder: string;
-hint: string | undefined;
-suffix: string | undefined;
-clearable: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-
-declare const _default_19: DefineComponent<ExtractPropTypes<    {
-readonly: {
-readonly type: PropType<boolean | undefined>;
-readonly required: false;
-readonly default: undefined;
-};
-bottomSlots: {
-readonly type: PropType<boolean | undefined>;
-readonly required: false;
-readonly default: undefined;
-};
-editable: {
-readonly type: PropType<boolean | undefined>;
-readonly required: false;
-readonly default: undefined;
-};
-disabled: {
-readonly type: PropType<boolean | undefined>;
-readonly required: false;
-readonly default: undefined;
-};
-lazyRules: {
-readonly type: PropType<boolean | "ondemand">;
-readonly required: false;
-readonly default: undefined;
-};
-/** The label for this input text */
-label: {
-type: StringConstructor;
-required: true;
-};
-/** The placeholder text when no input was entered */
-placeholder: {
-type: StringConstructor;
-required: false;
-default: string;
-};
-/** The hint to display below the input field */
-hint: {
-type: PropType<string | undefined>;
-required: false;
-default: undefined;
-};
-/** The icon to display within the control */
-icon: {
-type: PropType<string>;
+/** The suffix to display after the input value */
+suffix: {
+type: PropType<string | undefined>;
 required: false;
-default: "sym_r_calendar_today";
+default: undefined;
 };
-format: {
-type: PropType<DateTimeFormatAlias | Intl.DateTimeFormatOptions>;
+/** The icon to display within the control */
+icon: {
+type: PropType<string | undefined>;
 required: false;
-default: string;
+default: undefined;
 };
-/** Indicates that the field is required (and errors when empty). */
-required: {
+/** Clearable, when clicked value will become the empty string */
+clearable: {
 type: BooleanConstructor;
 required: false;
 default: boolean;
 };
-/** Indicates that the field can be cleared (sets the date to ''). */
-clearable: {
-type: PropType<boolean | "today">;
+/** Required */
+required: {
+type: BooleanConstructor;
 required: false;
 default: boolean;
 };
 modelValue: {
 type: PropType<string>;
 };
-}>, {
-/** Reset validation for this field */
-resetValidation: () => void | undefined;
-/** Force validation of this field */
-validate: () => boolean | Promise<boolean>;
-/** If the field has validation errors or not */
-hasError: ComputedRef<boolean>;
-/** Return _today_ in date format (`yyyy-mm-dd`) in the current timezone */
-today: () => string;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-"update:modelValue": (value: string) => any;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (value: string | undefined) => any;
 }, string, PublicProps, Readonly<ExtractPropTypes<    {
 readonly: {
 readonly type: PropType<boolean | undefined>;
@@ -3050,26 +3292,27 @@ type: PropType<string | undefined>;
 required: false;
 default: undefined;
 };
-/** The icon to display within the control */
-icon: {
-type: PropType<string>;
+/** The suffix to display after the input value */
+suffix: {
+type: PropType<string | undefined>;
 required: false;
-default: "sym_r_calendar_today";
+default: undefined;
 };
-format: {
-type: PropType<DateTimeFormatAlias | Intl.DateTimeFormatOptions>;
+/** The icon to display within the control */
+icon: {
+type: PropType<string | undefined>;
 required: false;
-default: string;
+default: undefined;
 };
-/** Indicates that the field is required (and errors when empty). */
-required: {
+/** Clearable, when clicked value will become the empty string */
+clearable: {
 type: BooleanConstructor;
 required: false;
 default: boolean;
 };
-/** Indicates that the field can be cleared (sets the date to ''). */
-clearable: {
-type: PropType<boolean | "today">;
+/** Required */
+required: {
+type: BooleanConstructor;
 required: false;
 default: boolean;
 };
@@ -3077,9 +3320,9 @@ modelValue: {
 type: PropType<string>;
 };
 }>> & Readonly<{
-"onUpdate:modelValue"?: ((value: string) => any) | undefined;
+"onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
 }>, {
-icon: string;
+icon: string | undefined;
 required: boolean;
 editable: boolean | undefined;
 disabled: boolean | undefined;
@@ -3088,13 +3331,11 @@ bottomSlots: boolean | undefined;
 readonly: boolean | undefined;
 placeholder: string;
 hint: string | undefined;
-clearable: boolean | "today";
-format: string | Intl.DateTimeFormatOptions;
+suffix: string | undefined;
+clearable: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
-declare const _default_2: __VLS_WithSlots_2<typeof __VLS_component_2, __VLS_Slots_2>;
-
-declare const _default_20: DefineComponent<ExtractPropTypes<    {
+declare const _default_19: DefineComponent<ExtractPropTypes<    {
 readonly: {
 readonly type: PropType<boolean | undefined>;
 readonly required: false;
@@ -3161,7 +3402,7 @@ required: false;
 default: boolean;
 };
 modelValue: {
-type: PropType<ZDateRangeData>;
+type: PropType<string>;
 };
 }>, {
 /** Reset validation for this field */
@@ -3173,7 +3414,7 @@ hasError: ComputedRef<boolean>;
 /** Return _today_ in date format (`yyyy-mm-dd`) in the current timezone */
 today: () => string;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-"update:modelValue": (value: ZDateRangeData | undefined) => any;
+"update:modelValue": (value: string) => any;
 }, string, PublicProps, Readonly<ExtractPropTypes<    {
 readonly: {
 readonly type: PropType<boolean | undefined>;
@@ -3241,10 +3482,10 @@ required: false;
 default: boolean;
 };
 modelValue: {
-type: PropType<ZDateRangeData>;
+type: PropType<string>;
 };
 }>> & Readonly<{
-"onUpdate:modelValue"?: ((value: ZDateRangeData | undefined) => any) | undefined;
+"onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
 icon: string;
 required: boolean;
@@ -3259,7 +3500,9 @@ clearable: boolean | "today";
 format: string | Intl.DateTimeFormatOptions;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
-declare const _default_21: DefineComponent<ExtractPropTypes<    {
+declare const _default_2: __VLS_WithSlots_2<typeof __VLS_component_2, __VLS_Slots_2>;
+
+declare const _default_20: DefineComponent<ExtractPropTypes<    {
 readonly: {
 readonly type: PropType<boolean | undefined>;
 readonly required: false;
@@ -3304,9 +3547,14 @@ default: undefined;
 };
 /** The icon to display within the control */
 icon: {
-type: PropType<string | undefined>;
+type: PropType<string>;
 required: false;
-default: "sym_r_barcode";
+default: "sym_r_calendar_today";
+};
+format: {
+type: PropType<DateTimeFormatAlias | Intl.DateTimeFormatOptions>;
+required: false;
+default: string;
 };
 /** Indicates that the field is required (and errors when empty). */
 required: {
@@ -3314,26 +3562,26 @@ type: BooleanConstructor;
 required: false;
 default: boolean;
 };
-/** The validation rules to apply to this field */
-rules: {
-type: PropType<ZValidator<string>[]>;
+/** Indicates that the field can be cleared (sets the date to ''). */
+clearable: {
+type: PropType<boolean | "today">;
 required: false;
-default: () => never[];
+default: boolean;
 };
 modelValue: {
-type: PropType<string>;
+type: PropType<ZDateRangeData>;
 };
 }>, {
-/** Focus on this control */
-focus: () => void | undefined;
 /** Reset validation for this field */
 resetValidation: () => void | undefined;
 /** Force validation of this field */
 validate: () => boolean | Promise<boolean>;
 /** If the field has validation errors or not */
 hasError: ComputedRef<boolean>;
+/** Return _today_ in date format (`yyyy-mm-dd`) in the current timezone */
+today: () => string;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-"update:modelValue": (value: string) => any;
+"update:modelValue": (value: ZDateRangeData | undefined) => any;
 }, string, PublicProps, Readonly<ExtractPropTypes<    {
 readonly: {
 readonly type: PropType<boolean | undefined>;
@@ -3379,9 +3627,14 @@ default: undefined;
 };
 /** The icon to display within the control */
 icon: {
-type: PropType<string | undefined>;
+type: PropType<string>;
 required: false;
-default: "sym_r_barcode";
+default: "sym_r_calendar_today";
+};
+format: {
+type: PropType<DateTimeFormatAlias | Intl.DateTimeFormatOptions>;
+required: false;
+default: string;
 };
 /** Indicates that the field is required (and errors when empty). */
 required: {
@@ -3389,150 +3642,32 @@ type: BooleanConstructor;
 required: false;
 default: boolean;
 };
-/** The validation rules to apply to this field */
-rules: {
-type: PropType<ZValidator<string>[]>;
+/** Indicates that the field can be cleared (sets the date to ''). */
+clearable: {
+type: PropType<boolean | "today">;
 required: false;
-default: () => never[];
+default: boolean;
 };
 modelValue: {
-type: PropType<string>;
+type: PropType<ZDateRangeData>;
 };
 }>> & Readonly<{
-"onUpdate:modelValue"?: ((value: string) => any) | undefined;
+"onUpdate:modelValue"?: ((value: ZDateRangeData | undefined) => any) | undefined;
 }>, {
-icon: string | undefined;
+icon: string;
 required: boolean;
 editable: boolean | undefined;
 disabled: boolean | undefined;
 lazyRules: boolean | "ondemand";
-bottomSlots: boolean | undefined;
-readonly: boolean | undefined;
-placeholder: string;
-hint: string | undefined;
-rules: ZValidator<string>[];
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-
-declare const _default_22: DefineComponent<ExtractPropTypes<    {
-/** The value to display in this label */
-value: {
-type: PropType<string | number | boolean | null | undefined>;
-required: false;
-default: undefined;
-};
-/** Whether the label is minimalistic or not */
-minimal: {
-type: BooleanConstructor;
-required: false;
-default: boolean;
-};
-/** The label for this input text */
-label: {
-type: StringConstructor;
-required: true;
-};
-/** The placeholder text when no input was entered */
-placeholder: {
-type: StringConstructor;
-required: false;
-default: string;
-};
-/** The hint to display below the input field */
-hint: {
-type: PropType<string | undefined>;
-required: false;
-default: undefined;
-};
-/** The icon to display within the control */
-icon: {
-type: PropType<string | undefined>;
-required: false;
-default: undefined;
-};
-/** An optional link that will make the icon navigable */
-link: {
-type: PropType<RouteLocationRaw | undefined>;
-required: false;
-default: undefined;
-};
-/** Disabled state, overriding the editable and active states */
-disabled: {
-type: PropType<boolean | undefined>;
-required: false;
-default: undefined;
-};
-/** Whether to reserve space for the bottom slots or not */
-bottomSlots: {
-type: PropType<boolean | undefined>;
-required: false;
-default: undefined;
-};
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
-/** The value to display in this label */
-value: {
-type: PropType<string | number | boolean | null | undefined>;
-required: false;
-default: undefined;
-};
-/** Whether the label is minimalistic or not */
-minimal: {
-type: BooleanConstructor;
-required: false;
-default: boolean;
-};
-/** The label for this input text */
-label: {
-type: StringConstructor;
-required: true;
-};
-/** The placeholder text when no input was entered */
-placeholder: {
-type: StringConstructor;
-required: false;
-default: string;
-};
-/** The hint to display below the input field */
-hint: {
-type: PropType<string | undefined>;
-required: false;
-default: undefined;
-};
-/** The icon to display within the control */
-icon: {
-type: PropType<string | undefined>;
-required: false;
-default: undefined;
-};
-/** An optional link that will make the icon navigable */
-link: {
-type: PropType<RouteLocationRaw | undefined>;
-required: false;
-default: undefined;
-};
-/** Disabled state, overriding the editable and active states */
-disabled: {
-type: PropType<boolean | undefined>;
-required: false;
-default: undefined;
-};
-/** Whether to reserve space for the bottom slots or not */
-bottomSlots: {
-type: PropType<boolean | undefined>;
-required: false;
-default: undefined;
-};
-}>> & Readonly<{}>, {
-icon: string | undefined;
-disabled: boolean | undefined;
-bottomSlots: boolean | undefined;
-value: string | number | boolean | null | undefined;
-link: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric | undefined;
+bottomSlots: boolean | undefined;
+readonly: boolean | undefined;
 placeholder: string;
 hint: string | undefined;
-minimal: boolean;
+clearable: boolean | "today";
+format: string | Intl.DateTimeFormatOptions;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
-declare const _default_23: DefineComponent<ExtractPropTypes<    {
+declare const _default_21: DefineComponent<ExtractPropTypes<    {
 readonly: {
 readonly type: PropType<boolean | undefined>;
 readonly required: false;
@@ -3558,12 +3693,6 @@ readonly type: PropType<boolean | "ondemand">;
 readonly required: false;
 readonly default: undefined;
 };
-/** The virtual keyboard to use on mobile devices*/
-mode: {
-type: PropType<"decimal" | "numeric">;
-required: false;
-default: string;
-};
 /** The label for this input text */
 label: {
 type: StringConstructor;
@@ -3585,40 +3714,22 @@ default: undefined;
 icon: {
 type: PropType<string | undefined>;
 required: false;
-default: undefined;
-};
-/** The suffix to add to the input */
-suffix: {
-type: PropType<string>;
-required: false;
-default: string;
+default: "sym_r_barcode";
 };
-/** Required (that is, we need a non-null number, non-empty string) */
+/** Indicates that the field is required (and errors when empty). */
 required: {
 type: BooleanConstructor;
 required: false;
 default: boolean;
 };
-/** Minimum value (inclusive) */
-minimum: {
-type: PropType<number | undefined>;
-required: false;
-default: undefined;
-};
-/** Maximum value (inclusive) */
-maximum: {
-type: PropType<number | undefined>;
-required: false;
-default: undefined;
-};
 /** The validation rules to apply to this field */
 rules: {
-type: PropType<ZValidator<number>[]>;
+type: PropType<ZValidator<string>[]>;
 required: false;
 default: () => never[];
 };
 modelValue: {
-type: PropType<number | null>;
+type: PropType<string>;
 };
 }>, {
 /** Focus on this control */
@@ -3629,10 +3740,8 @@ resetValidation: () => void | undefined;
 validate: () => boolean | Promise<boolean>;
 /** If the field has validation errors or not */
 hasError: ComputedRef<boolean>;
-/** If the field has validation errors or not */
-isEditable: ComputedRef<boolean>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-"update:modelValue": (value: number | null) => any;
+"update:modelValue": (value: string) => any;
 }, string, PublicProps, Readonly<ExtractPropTypes<    {
 readonly: {
 readonly type: PropType<boolean | undefined>;
@@ -3659,12 +3768,6 @@ readonly type: PropType<boolean | "ondemand">;
 readonly required: false;
 readonly default: undefined;
 };
-/** The virtual keyboard to use on mobile devices*/
-mode: {
-type: PropType<"decimal" | "numeric">;
-required: false;
-default: string;
-};
 /** The label for this input text */
 label: {
 type: StringConstructor;
@@ -3686,43 +3789,25 @@ default: undefined;
 icon: {
 type: PropType<string | undefined>;
 required: false;
-default: undefined;
-};
-/** The suffix to add to the input */
-suffix: {
-type: PropType<string>;
-required: false;
-default: string;
+default: "sym_r_barcode";
 };
-/** Required (that is, we need a non-null number, non-empty string) */
+/** Indicates that the field is required (and errors when empty). */
 required: {
 type: BooleanConstructor;
 required: false;
 default: boolean;
 };
-/** Minimum value (inclusive) */
-minimum: {
-type: PropType<number | undefined>;
-required: false;
-default: undefined;
-};
-/** Maximum value (inclusive) */
-maximum: {
-type: PropType<number | undefined>;
-required: false;
-default: undefined;
-};
 /** The validation rules to apply to this field */
 rules: {
-type: PropType<ZValidator<number>[]>;
+type: PropType<ZValidator<string>[]>;
 required: false;
 default: () => never[];
 };
 modelValue: {
-type: PropType<number | null>;
+type: PropType<string>;
 };
 }>> & Readonly<{
-"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
+"onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
 icon: string | undefined;
 required: boolean;
@@ -3731,52 +3816,35 @@ disabled: boolean | undefined;
 lazyRules: boolean | "ondemand";
 bottomSlots: boolean | undefined;
 readonly: boolean | undefined;
-mode: "decimal" | "numeric";
 placeholder: string;
 hint: string | undefined;
-suffix: string;
-rules: ZValidator<number>[];
-minimum: number | undefined;
-maximum: number | undefined;
+rules: ZValidator<string>[];
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
-declare const _default_24: DefineComponent<ExtractPropTypes<    {
-readonly: {
-readonly type: PropType<boolean | undefined>;
-readonly required: false;
-readonly default: undefined;
-};
-bottomSlots: {
-readonly type: PropType<boolean | undefined>;
-readonly required: false;
-readonly default: undefined;
-};
-editable: {
-readonly type: PropType<boolean | undefined>;
-readonly required: false;
-readonly default: undefined;
-};
-disabled: {
-readonly type: PropType<boolean | undefined>;
-readonly required: false;
-readonly default: undefined;
-};
-lazyRules: {
-readonly type: PropType<boolean | "ondemand">;
-readonly required: false;
-readonly default: undefined;
+declare const _default_22: DefineComponent<ExtractPropTypes<    {
+/** The value to display in this label */
+value: {
+type: PropType<string | number | boolean | null | undefined>;
+required: false;
+default: undefined;
 };
-/** The virtual keyboard to use on mobile devices*/
-mode: {
-type: PropType<"decimal" | "numeric">;
+/** Whether the label is minimalistic or not */
+minimal: {
+type: BooleanConstructor;
 required: false;
-default: string;
+default: boolean;
 };
 /** The label for this input text */
 label: {
 type: StringConstructor;
 required: true;
 };
+/** The placeholder text when no input was entered */
+placeholder: {
+type: StringConstructor;
+required: false;
+default: string;
+};
 /** The hint to display below the input field */
 hint: {
 type: PropType<string | undefined>;
@@ -3789,81 +3857,48 @@ type: PropType<string | undefined>;
 required: false;
 default: undefined;
 };
-/** The suffix to add to the input */
-suffix: {
-type: PropType<string>;
+/** An optional link that will make the icon navigable */
+link: {
+type: PropType<RouteLocationRaw | undefined>;
 required: false;
-default: string;
+default: undefined;
 };
-/** Minimum value (inclusive) */
-minimum: {
-type: PropType<number | undefined>;
+/** Disabled state, overriding the editable and active states */
+disabled: {
+type: PropType<boolean | undefined>;
 required: false;
 default: undefined;
 };
-/** Maximum value (inclusive) */
-maximum: {
-type: PropType<number | undefined>;
+/** Whether to reserve space for the bottom slots or not */
+bottomSlots: {
+type: PropType<boolean | undefined>;
 required: false;
 default: undefined;
 };
-/** The validation rules to apply to this field */
-rules: {
-type: PropType<ZValidator<number>[]>;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
+/** The value to display in this label */
+value: {
+type: PropType<string | number | boolean | null | undefined>;
 required: false;
-default: () => never[];
-};
-modelValue: {
-type: PropType<number>;
-};
-}>, {
-/** Focus on this control */
-focus: () => void | undefined;
-/** Reset validation for this field */
-resetValidation: () => void | undefined;
-/** Force validation of this field */
-validate: () => boolean | Promise<boolean>;
-/** If the field has validation errors or not */
-hasError: ComputedRef<boolean>;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-"update:modelValue": (value: number) => any;
-}, string, PublicProps, Readonly<ExtractPropTypes<    {
-readonly: {
-readonly type: PropType<boolean | undefined>;
-readonly required: false;
-readonly default: undefined;
-};
-bottomSlots: {
-readonly type: PropType<boolean | undefined>;
-readonly required: false;
-readonly default: undefined;
-};
-editable: {
-readonly type: PropType<boolean | undefined>;
-readonly required: false;
-readonly default: undefined;
-};
-disabled: {
-readonly type: PropType<boolean | undefined>;
-readonly required: false;
-readonly default: undefined;
-};
-lazyRules: {
-readonly type: PropType<boolean | "ondemand">;
-readonly required: false;
-readonly default: undefined;
+default: undefined;
 };
-/** The virtual keyboard to use on mobile devices*/
-mode: {
-type: PropType<"decimal" | "numeric">;
+/** Whether the label is minimalistic or not */
+minimal: {
+type: BooleanConstructor;
 required: false;
-default: string;
+default: boolean;
 };
 /** The label for this input text */
 label: {
 type: StringConstructor;
 required: true;
 };
+/** The placeholder text when no input was entered */
+placeholder: {
+type: StringConstructor;
+required: false;
+default: string;
+};
 /** The hint to display below the input field */
 hint: {
 type: PropType<string | undefined>;
@@ -3876,50 +3911,39 @@ type: PropType<string | undefined>;
 required: false;
 default: undefined;
 };
-/** The suffix to add to the input */
-suffix: {
-type: PropType<string>;
-required: false;
-default: string;
-};
-/** Minimum value (inclusive) */
-minimum: {
-type: PropType<number | undefined>;
+/** An optional link that will make the icon navigable */
+link: {
+type: PropType<RouteLocationRaw | undefined>;
 required: false;
 default: undefined;
 };
-/** Maximum value (inclusive) */
-maximum: {
-type: PropType<number | undefined>;
+/** Disabled state, overriding the editable and active states */
+disabled: {
+type: PropType<boolean | undefined>;
 required: false;
 default: undefined;
 };
-/** The validation rules to apply to this field */
-rules: {
-type: PropType<ZValidator<number>[]>;
+/** Whether to reserve space for the bottom slots or not */
+bottomSlots: {
+type: PropType<boolean | undefined>;
 required: false;
-default: () => never[];
-};
-modelValue: {
-type: PropType<number>;
+default: undefined;
 };
-}>> & Readonly<{
-"onUpdate:modelValue"?: ((value: number) => any) | undefined;
-}>, {
+}>> & Readonly<{}>, {
 icon: string | undefined;
-editable: boolean | undefined;
 disabled: boolean | undefined;
-lazyRules: boolean | "ondemand";
 bottomSlots: boolean | undefined;
-readonly: boolean | undefined;
-mode: "decimal" | "numeric";
+value: string | number | boolean | null | undefined;
+link: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric | undefined;
+placeholder: string;
 hint: string | undefined;
-suffix: string;
-rules: ZValidator<number>[];
-minimum: number | undefined;
-maximum: number | undefined;
+minimal: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
+declare const _default_23: __VLS_WithSlots_11<typeof __VLS_component_11, __VLS_Slots_11>;
+
+declare const _default_24: __VLS_WithSlots_12<typeof __VLS_component_12, __VLS_Slots_12>;
+
 declare const _default_25: DefineComponent<ExtractPropTypes<    {
 readonly: {
 readonly type: PropType<boolean | undefined>;
@@ -4077,11 +4101,11 @@ rules: ZValidator<string>[];
 minLength: number;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
-declare const _default_26: __VLS_WithSlots_11<typeof __VLS_component_11, __VLS_Slots_11>;
+declare const _default_26: __VLS_WithSlots_13<typeof __VLS_component_13, __VLS_Slots_13>;
 
-declare const _default_27: __VLS_WithSlots_12<typeof __VLS_component_12, __VLS_Slots_12>;
+declare const _default_27: __VLS_WithSlots_14<typeof __VLS_component_14, __VLS_Slots_14>;
 
-declare const _default_28: __VLS_WithSlots_13<typeof __VLS_component_13, __VLS_Slots_13>;
+declare const _default_28: __VLS_WithSlots_15<typeof __VLS_component_15, __VLS_Slots_15>;
 
 declare const _default_29: DefineComponent<ExtractPropTypes<    {
 readonly: {
@@ -4236,7 +4260,7 @@ noNewValues: boolean;
 
 declare const _default_3: __VLS_WithSlots_3<typeof __VLS_component_3, __VLS_Slots_3>;
 
-declare const _default_30: __VLS_WithSlots_14<typeof __VLS_component_14, __VLS_Slots_14>;
+declare const _default_30: __VLS_WithSlots_16<typeof __VLS_component_16, __VLS_Slots_16>;
 
 declare const _default_31: DefineComponent<ExtractPropTypes<    {
 readonly: {
@@ -4405,13 +4429,13 @@ rules: ZValidator<string>[];
 country: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
-declare const _default_32: __VLS_WithSlots_15<typeof __VLS_component_15, __VLS_Slots_15>;
+declare const _default_32: __VLS_WithSlots_17<typeof __VLS_component_17, __VLS_Slots_17>;
 
-declare const _default_33: __VLS_WithSlots_16<typeof __VLS_component_16, __VLS_Slots_16>;
+declare const _default_33: __VLS_WithSlots_18<typeof __VLS_component_18, __VLS_Slots_18>;
 
-declare const _default_34: __VLS_WithSlots_17<typeof __VLS_component_17, __VLS_Slots_17>;
+declare const _default_34: __VLS_WithSlots_19<typeof __VLS_component_19, __VLS_Slots_19>;
 
-declare const _default_35: __VLS_WithSlots_18<typeof __VLS_component_18, __VLS_Slots_18>;
+declare const _default_35: __VLS_WithSlots_20<typeof __VLS_component_20, __VLS_Slots_20>;
 
 declare const _default_36: DefineComponent<ExtractPropTypes<    {
 tag: {