nuance-ui 0.2.11 → 0.2.12

package/dist/runtime/form/number-field.d.vue.ts

@@ -0,0 +1,37 @@
+import type { RuleExpression } from 'vee-validate';
+import type { NumberInputProps } from '../components/input/number-input.vue.js';
+export interface NumberFieldProps extends Omit<NumberInputProps, 'error'> {
+    /** Field name used by vee-validate */
+    name: string;
+    /** Validation rules, applied when `controlled: false` or as field-level override */
+    rules?: RuleExpression<number>;
+    /** When to trigger validation @default `'blur'` */
+    validateOn?: 'blur' | 'submit' | 'change';
+    /** Pre-fills the field value */
+    initialValue?: number;
+    /** If `false`, disconnects the field from the parent form context @default `true` */
+    controlled?: boolean;
+}
+declare var __VLS_12: {}, __VLS_15: {}, __VLS_18: {}, __VLS_21: {}, __VLS_24: {
+    error: string | undefined;
+};
+type __VLS_Slots = {} & {
+    leftSection?: (props: typeof __VLS_12) => any;
+} & {
+    rightSection?: (props: typeof __VLS_15) => any;
+} & {
+    label?: (props: typeof __VLS_18) => any;
+} & {
+    description?: (props: typeof __VLS_21) => any;
+} & {
+    error?: (props: typeof __VLS_24) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<NumberFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NumberFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/form/number-field.vue

@@ -0,0 +1,79 @@
+<script setup>
+import { useField } from "vee-validate";
+import NumberInput from "../components/input/number-input.vue";
+const {
+  name,
+  rules,
+  validateOn = "blur",
+  initialValue,
+  controlled = true,
+  min = Number.MIN_SAFE_INTEGER,
+  max = Number.MAX_SAFE_INTEGER,
+  ...props
+} = defineProps({
+  name: { type: String, required: true },
+  rules: { type: [String, Object, Function, Array], required: false, skipCheck: true },
+  validateOn: { type: String, required: false },
+  initialValue: { type: Number, required: false },
+  controlled: { type: Boolean, required: false },
+  min: { type: Number, required: false },
+  max: { type: Number, required: false },
+  step: { type: Number, required: false },
+  hideControls: { type: Boolean, required: false },
+  icon: { type: String, required: false },
+  readonly: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false },
+  description: { type: String, required: false },
+  label: { type: String, required: false },
+  required: { type: Boolean, required: false },
+  radius: { type: [String, Number, Object], required: false },
+  size: { type: [String, Object], required: false },
+  variant: { type: String, required: false },
+  leftSectionPE: { type: void 0, required: false },
+  rightSectionPE: { type: void 0, required: false }
+});
+const {
+  value,
+  errorMessage,
+  handleBlur,
+  handleChange
+} = useField(() => name, rules, {
+  validateOnValueUpdate: false,
+  validateOnMount: false,
+  initialValue,
+  controlled
+});
+</script>
+
+<template>
+	<NumberInput
+		v-bind='props'
+		:model-value='value'
+		:error='errorMessage'
+		:name
+		:min
+		:max
+		@update:model-value='handleChange($event, !!errorMessage)'
+		@blur='handleBlur($event, validateOn === "blur")'
+	>
+		<template v-if='$slots.leftSection' #leftSection>
+			<slot name='leftSection' />
+		</template>
+
+		<template v-if='$slots.rightSection' #rightSection>
+			<slot name='rightSection' />
+		</template>
+
+		<template v-if='$slots.label' #label>
+			<slot name='label' />
+		</template>
+
+		<template v-if='$slots.description' #description>
+			<slot name='description' />
+		</template>
+
+		<template v-if='$slots.error' #error>
+			<slot name='error' :error='errorMessage' />
+		</template>
+	</NumberInput>
+</template>

package/dist/runtime/form/number-field.vue.d.ts

@@ -0,0 +1,37 @@
+import type { RuleExpression } from 'vee-validate';
+import type { NumberInputProps } from '../components/input/number-input.vue.js';
+export interface NumberFieldProps extends Omit<NumberInputProps, 'error'> {
+    /** Field name used by vee-validate */
+    name: string;
+    /** Validation rules, applied when `controlled: false` or as field-level override */
+    rules?: RuleExpression<number>;
+    /** When to trigger validation @default `'blur'` */
+    validateOn?: 'blur' | 'submit' | 'change';
+    /** Pre-fills the field value */
+    initialValue?: number;
+    /** If `false`, disconnects the field from the parent form context @default `true` */
+    controlled?: boolean;
+}
+declare var __VLS_12: {}, __VLS_15: {}, __VLS_18: {}, __VLS_21: {}, __VLS_24: {
+    error: string | undefined;
+};
+type __VLS_Slots = {} & {
+    leftSection?: (props: typeof __VLS_12) => any;
+} & {
+    rightSection?: (props: typeof __VLS_15) => any;
+} & {
+    label?: (props: typeof __VLS_18) => any;
+} & {
+    description?: (props: typeof __VLS_21) => any;
+} & {
+    error?: (props: typeof __VLS_24) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<NumberFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NumberFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/form/password-field.d.vue.ts

@@ -0,0 +1,37 @@
+import type { RuleExpression } from 'vee-validate';
+import type { TextInputProps } from '../components/input/text-input.vue.js';
+export interface PasswordFieldProps extends Omit<TextInputProps, 'error'> {
+    /** Field name used by vee-validate */
+    name: string;
+    /** Validation rules, applied when `controlled: false` or as field-level override */
+    rules?: RuleExpression<string>;
+    /** When to trigger validation @default `'blur'` */
+    validateOn?: 'blur' | 'submit' | 'change';
+    /** Pre-fills the field value */
+    initialValue?: string;
+    /** If `false`, disconnects the field from the parent form context @default `true` */
+    controlled?: boolean;
+}
+declare var __VLS_12: {}, __VLS_15: {}, __VLS_18: {}, __VLS_21: {}, __VLS_24: {
+    error: string | undefined;
+};
+type __VLS_Slots = {} & {
+    leftSection?: (props: typeof __VLS_12) => any;
+} & {
+    rightSection?: (props: typeof __VLS_15) => any;
+} & {
+    label?: (props: typeof __VLS_18) => any;
+} & {
+    description?: (props: typeof __VLS_21) => any;
+} & {
+    error?: (props: typeof __VLS_24) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<PasswordFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PasswordFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/form/password-field.vue

@@ -0,0 +1,76 @@
+<script setup>
+import { useField } from "vee-validate";
+import PasswordInput from "../components/input/password-input.vue";
+const {
+  name,
+  rules,
+  validateOn = "blur",
+  initialValue,
+  controlled = true,
+  ...props
+} = defineProps({
+  name: { type: String, required: true },
+  rules: { type: [String, Object, Function, Array], required: false, skipCheck: true },
+  validateOn: { type: String, required: false },
+  initialValue: { type: String, required: false },
+  controlled: { type: Boolean, required: false },
+  multiline: { type: Boolean, required: false },
+  withAria: { type: Boolean, required: false },
+  classes: { type: Object, required: false },
+  icon: { type: String, required: false },
+  description: { type: String, required: false },
+  label: { type: String, required: false },
+  required: { type: Boolean, required: false },
+  id: { type: [String, null], required: false },
+  radius: { type: [String, Number, Object], required: false },
+  size: { type: [String, Object], required: false },
+  variant: { type: String, required: false },
+  resize: { type: void 0, required: false },
+  leftSectionPE: { type: void 0, required: false },
+  rightSectionPE: { type: void 0, required: false },
+  readonly: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false }
+});
+const {
+  value,
+  errorMessage,
+  handleBlur,
+  handleChange
+} = useField(() => name, rules, {
+  validateOnValueUpdate: false,
+  validateOnMount: false,
+  initialValue,
+  controlled
+});
+</script>
+
+<template>
+	<PasswordInput
+		v-bind='props'
+		:model-value='value'
+		:error='errorMessage'
+		:name
+		@update:model-value='handleChange($event, !!errorMessage)'
+		@blur='handleBlur($event, validateOn === "blur")'
+	>
+		<template v-if='$slots.leftSection' #leftSection>
+			<slot name='leftSection' />
+		</template>
+
+		<template v-if='$slots.rightSection' #rightSection>
+			<slot name='rightSection' />
+		</template>
+
+		<template v-if='$slots.label' #label>
+			<slot name='label' />
+		</template>
+
+		<template v-if='$slots.description' #description>
+			<slot name='description' />
+		</template>
+
+		<template v-if='$slots.error' #error>
+			<slot name='error' :error='errorMessage' />
+		</template>
+	</PasswordInput>
+</template>

package/dist/runtime/form/password-field.vue.d.ts

@@ -0,0 +1,37 @@
+import type { RuleExpression } from 'vee-validate';
+import type { TextInputProps } from '../components/input/text-input.vue.js';
+export interface PasswordFieldProps extends Omit<TextInputProps, 'error'> {
+    /** Field name used by vee-validate */
+    name: string;
+    /** Validation rules, applied when `controlled: false` or as field-level override */
+    rules?: RuleExpression<string>;
+    /** When to trigger validation @default `'blur'` */
+    validateOn?: 'blur' | 'submit' | 'change';
+    /** Pre-fills the field value */
+    initialValue?: string;
+    /** If `false`, disconnects the field from the parent form context @default `true` */
+    controlled?: boolean;
+}
+declare var __VLS_12: {}, __VLS_15: {}, __VLS_18: {}, __VLS_21: {}, __VLS_24: {
+    error: string | undefined;
+};
+type __VLS_Slots = {} & {
+    leftSection?: (props: typeof __VLS_12) => any;
+} & {
+    rightSection?: (props: typeof __VLS_15) => any;
+} & {
+    label?: (props: typeof __VLS_18) => any;
+} & {
+    description?: (props: typeof __VLS_21) => any;
+} & {
+    error?: (props: typeof __VLS_24) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<PasswordFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PasswordFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/form/select-field.d.vue.ts

@@ -0,0 +1,50 @@
+import type { RuleExpression } from 'vee-validate';
+import type { ComboboxItemExt } from '../components/combobox/index.js';
+import type { SelectProps } from '../components/select.vue.js';
+export interface SelectFieldProps<Value extends string = string, Ext extends ComboboxItemExt = object> extends Omit<SelectProps<Value, Ext>, 'error'> {
+    /** Field name used by vee-validate */
+    name: string;
+    /** Validation rules, applied when `controlled: false` or as field-level override */
+    rules?: RuleExpression<string | string[] | null>;
+    /** When to trigger validation @default `'blur'` */
+    validateOn?: 'blur' | 'submit' | 'change';
+    /** Pre-fills the field value */
+    initialValue?: string | string[] | null;
+    /** If `false`, disconnects the field from the parent form context @default `true` */
+    controlled?: boolean;
+}
+declare const __VLS_export: <Value extends string = string, Ext extends ComboboxItemExt = object>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<SelectFieldProps<Value, Ext>> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        leftSection?: (props: {}) => any;
+    } & {
+        rightSection?: (props: {}) => any;
+    } & {
+        label?: (props: {}) => any;
+    } & {
+        description?: (props: {}) => any;
+    } & {
+        error?: (props: {
+            error: string | undefined;
+        }) => any;
+    } & {
+        selection?: (props: {
+            value: string | string[] | null;
+            display: string;
+        }) => any;
+    };
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/runtime/form/select-field.vue

@@ -0,0 +1,86 @@
+<script setup>
+import { useField } from "vee-validate";
+import Select from "../components/select.vue";
+const {
+  name,
+  rules,
+  validateOn = "blur",
+  initialValue = null,
+  controlled = true,
+  ...props
+} = defineProps({
+  name: { type: String, required: true },
+  rules: { type: [String, Object, Function, Array], required: false, skipCheck: true },
+  validateOn: { type: String, required: false },
+  initialValue: { type: [String, Array, null], required: false },
+  controlled: { type: Boolean, required: false },
+  options: { type: Array, required: true },
+  searchable: { type: Boolean, required: false },
+  multiple: { type: Boolean, required: false },
+  withCheckIcon: { type: Boolean, required: false },
+  iconPosition: { type: String, required: false },
+  nothingFoundMessage: { type: String, required: false },
+  allowDeselect: { type: Boolean, required: false },
+  closeOnSelect: { type: Boolean, required: false },
+  icon: { type: String, required: false },
+  limit: { type: Number, required: false },
+  autoComplete: { type: String, required: false },
+  withAria: { type: Boolean, required: false },
+  classes: { type: Object, required: false },
+  description: { type: String, required: false },
+  label: { type: String, required: false },
+  required: { type: Boolean, required: false },
+  radius: { type: [String, Number, Object], required: false },
+  size: { type: [String, Object], required: false },
+  variant: { type: String, required: false },
+  leftSectionPE: { type: void 0, required: false },
+  rightSectionPE: { type: void 0, required: false },
+  readonly: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false }
+});
+const {
+  value,
+  errorMessage,
+  handleBlur,
+  handleChange
+} = useField(() => name, rules, {
+  validateOnValueUpdate: false,
+  validateOnMount: false,
+  initialValue,
+  controlled
+});
+</script>
+
+<template>
+	<Select
+		v-bind='props'
+		:model-value='value'
+		:error='errorMessage'
+		@update:model-value='handleChange($event, !!errorMessage)'
+		@blur='handleBlur($event, validateOn === "blur")'
+	>
+		<template v-if='$slots.leftSection' #leftSection>
+			<slot name='leftSection' />
+		</template>
+
+		<template v-if='$slots.rightSection' #rightSection>
+			<slot name='rightSection' />
+		</template>
+
+		<template v-if='$slots.label' #label>
+			<slot name='label' />
+		</template>
+
+		<template v-if='$slots.description' #description>
+			<slot name='description' />
+		</template>
+
+		<template v-if='$slots.error' #error>
+			<slot name='error' :error='errorMessage' />
+		</template>
+
+		<template v-if='$slots.selection' #selection='slotProps'>
+			<slot name='selection' v-bind='slotProps' />
+		</template>
+	</Select>
+</template>

package/dist/runtime/form/select-field.vue.d.ts

@@ -0,0 +1,50 @@
+import type { RuleExpression } from 'vee-validate';
+import type { ComboboxItemExt } from '../components/combobox/index.js';
+import type { SelectProps } from '../components/select.vue.js';
+export interface SelectFieldProps<Value extends string = string, Ext extends ComboboxItemExt = object> extends Omit<SelectProps<Value, Ext>, 'error'> {
+    /** Field name used by vee-validate */
+    name: string;
+    /** Validation rules, applied when `controlled: false` or as field-level override */
+    rules?: RuleExpression<string | string[] | null>;
+    /** When to trigger validation @default `'blur'` */
+    validateOn?: 'blur' | 'submit' | 'change';
+    /** Pre-fills the field value */
+    initialValue?: string | string[] | null;
+    /** If `false`, disconnects the field from the parent form context @default `true` */
+    controlled?: boolean;
+}
+declare const __VLS_export: <Value extends string = string, Ext extends ComboboxItemExt = object>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<SelectFieldProps<Value, Ext>> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        leftSection?: (props: {}) => any;
+    } & {
+        rightSection?: (props: {}) => any;
+    } & {
+        label?: (props: {}) => any;
+    } & {
+        description?: (props: {}) => any;
+    } & {
+        error?: (props: {
+            error: string | undefined;
+        }) => any;
+    } & {
+        selection?: (props: {
+            value: string | string[] | null;
+            display: string;
+        }) => any;
+    };
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/runtime/form/text-field.d.vue.ts

@@ -0,0 +1,37 @@
+import type { RuleExpression } from 'vee-validate';
+import type { TextInputProps } from '../components/input/text-input.vue.js';
+export interface TextFieldProps extends Omit<TextInputProps, 'error'> {
+    /** Field name used by vee-validate */
+    name: string;
+    /** Validation rules, applied when `controlled: false` or as field-level override */
+    rules?: RuleExpression<string>;
+    /** When to trigger validation @default `'blur'` */
+    validateOn?: 'blur' | 'submit' | 'change';
+    /** Pre-fills the field value */
+    initialValue?: string;
+    /** If `false`, disconnects the field from the parent form context @default `true` */
+    controlled?: boolean;
+}
+declare var __VLS_12: {}, __VLS_15: {}, __VLS_18: {}, __VLS_21: {}, __VLS_24: {
+    error: string | undefined;
+};
+type __VLS_Slots = {} & {
+    leftSection?: (props: typeof __VLS_12) => any;
+} & {
+    rightSection?: (props: typeof __VLS_15) => any;
+} & {
+    label?: (props: typeof __VLS_18) => any;
+} & {
+    description?: (props: typeof __VLS_21) => any;
+} & {
+    error?: (props: typeof __VLS_24) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<TextFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TextFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/form/text-field.vue

@@ -0,0 +1,76 @@
+<script setup>
+import { useField } from "vee-validate";
+import TextInput from "../components/input/text-input.vue";
+const {
+  name,
+  rules,
+  validateOn = "blur",
+  initialValue,
+  controlled = true,
+  ...props
+} = defineProps({
+  name: { type: String, required: true },
+  rules: { type: [String, Object, Function, Array], required: false, skipCheck: true },
+  validateOn: { type: String, required: false },
+  initialValue: { type: String, required: false },
+  controlled: { type: Boolean, required: false },
+  multiline: { type: Boolean, required: false },
+  withAria: { type: Boolean, required: false },
+  classes: { type: Object, required: false },
+  icon: { type: String, required: false },
+  description: { type: String, required: false },
+  label: { type: String, required: false },
+  required: { type: Boolean, required: false },
+  id: { type: [String, null], required: false },
+  radius: { type: [String, Number, Object], required: false },
+  size: { type: [String, Object], required: false },
+  variant: { type: String, required: false },
+  resize: { type: void 0, required: false },
+  leftSectionPE: { type: void 0, required: false },
+  rightSectionPE: { type: void 0, required: false },
+  readonly: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false }
+});
+const {
+  value,
+  errorMessage,
+  handleBlur,
+  handleChange
+} = useField(() => name, rules, {
+  validateOnValueUpdate: false,
+  validateOnMount: false,
+  initialValue,
+  controlled
+});
+</script>
+
+<template>
+	<TextInput
+		v-bind='props'
+		:model-value='value'
+		:error='errorMessage'
+		:name
+		@update:model-value='handleChange($event, !!errorMessage)'
+		@blur='handleBlur($event, validateOn === "blur")'
+	>
+		<template v-if='$slots.leftSection' #leftSection>
+			<slot name='leftSection' />
+		</template>
+
+		<template v-if='$slots.rightSection' #rightSection>
+			<slot name='rightSection' />
+		</template>
+
+		<template v-if='$slots.label' #label>
+			<slot name='label' />
+		</template>
+
+		<template v-if='$slots.description' #description>
+			<slot name='description' />
+		</template>
+
+		<template v-if='$slots.error' #error>
+			<slot name='error' :error='errorMessage' />
+		</template>
+	</TextInput>
+</template>

package/dist/runtime/form/text-field.vue.d.ts

@@ -0,0 +1,37 @@
+import type { RuleExpression } from 'vee-validate';
+import type { TextInputProps } from '../components/input/text-input.vue.js';
+export interface TextFieldProps extends Omit<TextInputProps, 'error'> {
+    /** Field name used by vee-validate */
+    name: string;
+    /** Validation rules, applied when `controlled: false` or as field-level override */
+    rules?: RuleExpression<string>;
+    /** When to trigger validation @default `'blur'` */
+    validateOn?: 'blur' | 'submit' | 'change';
+    /** Pre-fills the field value */
+    initialValue?: string;
+    /** If `false`, disconnects the field from the parent form context @default `true` */
+    controlled?: boolean;
+}
+declare var __VLS_12: {}, __VLS_15: {}, __VLS_18: {}, __VLS_21: {}, __VLS_24: {
+    error: string | undefined;
+};
+type __VLS_Slots = {} & {
+    leftSection?: (props: typeof __VLS_12) => any;
+} & {
+    rightSection?: (props: typeof __VLS_15) => any;
+} & {
+    label?: (props: typeof __VLS_18) => any;
+} & {
+    description?: (props: typeof __VLS_21) => any;
+} & {
+    error?: (props: typeof __VLS_24) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<TextFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TextFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};