nuance-ui 0.2.15 → 0.2.17

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": "^4.0.0"
   },
-  "version": "0.2.15",
+  "version": "0.2.17",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/checkbox/checkbox.d.vue.ts

@@ -33,9 +33,9 @@ type __VLS_Slots = {} & {
     icon?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean | "indeterminate") => any;
+    "update:modelValue": (value: boolean | "indeterminate" | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: boolean | "indeterminate") => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean | "indeterminate" | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/checkbox/checkbox.vue

@@ -33,7 +33,7 @@ const {
   is: { type: null, required: false },
   mod: { type: [Object, Array, null], required: false }
 });
-const modelValue = defineModel({ type: [Boolean, String], ...{ default: false } });
+const modelValue = defineModel({ type: [Boolean, String] });
 const ctx = useCheckboxGroupState();
 const checked = computed({
   get: () => {

package/dist/runtime/components/checkbox/checkbox.vue.d.ts

@@ -33,9 +33,9 @@ type __VLS_Slots = {} & {
     icon?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean | "indeterminate") => any;
+    "update:modelValue": (value: boolean | "indeterminate" | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: boolean | "indeterminate") => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean | "indeterminate" | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/switch/switch.d.vue.ts

@@ -39,9 +39,9 @@ type __VLS_Slots = {} & {
     description?: (props: typeof __VLS_32) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean) => any;
+    "update:modelValue": (value: boolean | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/switch/switch.vue

@@ -46,7 +46,7 @@ const {
 const uuid = computed(() => id ?? useId());
 const ctx = useSwitchGroupState();
 const size = computed(() => _size ?? ctx?.size);
-const modelValue = defineModel({ type: Boolean, ...{ default: false } });
+const modelValue = defineModel({ type: Boolean });
 const checked = computed({
   get: () => {
     if (ctx && value !== void 0)

package/dist/runtime/components/switch/switch.vue.d.ts

@@ -39,9 +39,9 @@ type __VLS_Slots = {} & {
     description?: (props: typeof __VLS_32) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean) => any;
+    "update:modelValue": (value: boolean | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -1,16 +1,7 @@
-import type { RuleExpression } from 'vee-validate';
 import type { CheckboxProps } from '../components/checkbox/checkbox.vue.js';
-export interface CheckboxFieldProps extends Omit<CheckboxProps, 'error'> {
-    /** Field name used by vee-validate */
-    name: string;
-    /** Validation rules, applied when `controlled: false` or as field-level override */
-    rules?: RuleExpression<boolean>;
-    /** When to trigger validation @default `'change'` */
-    validateOn?: 'change' | 'submit';
-    /** Pre-fills the field value @default `false` */
-    initialValue?: boolean;
-    /** If `false`, disconnects the field from the parent form context @default `true` */
-    controlled?: boolean;
+import type { FieldBaseProps } from './types.js';
+export interface CheckboxFieldProps extends Omit<CheckboxProps, 'error'>, Omit<FieldBaseProps<boolean>, 'initialValue'> {
+    checked?: true;
 }
 declare var __VLS_11: {
     class: string;

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

@@ -5,15 +5,11 @@ const {
   name,
   rules,
   validateOn = "change",
-  initialValue = false,
+  checked: 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: Boolean, required: false },
-  controlled: { type: Boolean, required: false },
+  checked: { type: Boolean, required: false },
   id: { type: String, required: false },
   color: { type: null, required: false },
   iconColor: { type: null, required: false },
@@ -28,16 +24,22 @@ const {
   bodyElement: { type: null, required: false },
   labelElement: { type: null, required: false },
   is: { type: null, required: false },
-  mod: { type: [Object, Array, null], required: false }
+  mod: { type: [Object, Array, null], required: false },
+  name: { type: String, required: true },
+  controlled: { type: Boolean, required: false },
+  rules: { type: null, required: false },
+  validateOn: { type: String, required: false }
 });
 const {
-  value,
+  checked,
   errorMessage,
   handleChange
 } = useField(() => name, rules, {
+  type: "checkbox",
   validateOnValueUpdate: false,
   validateOnMount: false,
-  initialValue,
+  checkedValue: true,
+  initialValue: initialValue || void 0,
   controlled
 });
 </script>
@@ -45,7 +47,7 @@ const {
 <template>
 	<Checkbox
 		v-bind='props'
-		:model-value='value'
+		v-model='checked'
 		:error='errorMessage'
 		@update:model-value='handleChange($event, validateOn === "change" || !!errorMessage)'
 	>

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

@@ -1,16 +1,7 @@
-import type { RuleExpression } from 'vee-validate';
 import type { CheckboxProps } from '../components/checkbox/checkbox.vue.js';
-export interface CheckboxFieldProps extends Omit<CheckboxProps, 'error'> {
-    /** Field name used by vee-validate */
-    name: string;
-    /** Validation rules, applied when `controlled: false` or as field-level override */
-    rules?: RuleExpression<boolean>;
-    /** When to trigger validation @default `'change'` */
-    validateOn?: 'change' | 'submit';
-    /** Pre-fills the field value @default `false` */
-    initialValue?: boolean;
-    /** If `false`, disconnects the field from the parent form context @default `true` */
-    controlled?: boolean;
+import type { FieldBaseProps } from './types.js';
+export interface CheckboxFieldProps extends Omit<CheckboxProps, 'error'>, Omit<FieldBaseProps<boolean>, 'initialValue'> {
+    checked?: true;
 }
 declare var __VLS_11: {
     class: string;

package/dist/runtime/form/checkbox-group-field.d.vue.ts

@@ -1,16 +1,6 @@
-import type { RuleExpression } from 'vee-validate';
 import type { CheckboxGroupProps } from '../components/checkbox/checkbox-group.vue.js';
-export interface CheckboxGroupFieldProps extends Omit<CheckboxGroupProps, '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 `'change'` */
-    validateOn?: 'change' | 'submit';
-    /** Pre-fills the field value */
-    initialValue?: string[];
-    /** If `false`, disconnects the field from the parent form context @default `true` */
-    controlled?: boolean;
+import type { FieldBaseProps } from './types.js';
+export interface CheckboxGroupFieldProps extends Omit<CheckboxGroupProps, 'error' | 'name'>, FieldBaseProps<string[]> {
 }
 declare var __VLS_10: {}, __VLS_13: {}, __VLS_16: {}, __VLS_19: {
     error: string | undefined;

package/dist/runtime/form/checkbox-group-field.vue

@@ -9,11 +9,6 @@ const {
   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: Array, required: false },
-  controlled: { type: Boolean, required: false },
   size: { type: String, required: false },
   readOnly: { type: Boolean, required: false },
   disabled: { type: Boolean, required: false },
@@ -24,7 +19,12 @@ const {
   radius: { type: [String, Number, Object], required: false },
   variant: { type: String, required: false },
   leftSectionPE: { type: void 0, required: false },
-  rightSectionPE: { type: void 0, required: false }
+  rightSectionPE: { type: void 0, required: false },
+  name: { type: String, required: true },
+  controlled: { type: Boolean, required: false },
+  rules: { type: null, required: false },
+  validateOn: { type: String, required: false },
+  initialValue: { type: Array, required: false }
 });
 const {
   value,
@@ -41,7 +41,7 @@ const {
 <template>
 	<CheckboxGroup
 		v-bind='props'
-		:model-value='value ?? []'
+		v-model='value'
 		:error='errorMessage'
 		@update:model-value='handleChange($event, validateOn === "change" || !!errorMessage)'
 	>

package/dist/runtime/form/checkbox-group-field.vue.d.ts

@@ -1,16 +1,6 @@
-import type { RuleExpression } from 'vee-validate';
 import type { CheckboxGroupProps } from '../components/checkbox/checkbox-group.vue.js';
-export interface CheckboxGroupFieldProps extends Omit<CheckboxGroupProps, '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 `'change'` */
-    validateOn?: 'change' | 'submit';
-    /** Pre-fills the field value */
-    initialValue?: string[];
-    /** If `false`, disconnects the field from the parent form context @default `true` */
-    controlled?: boolean;
+import type { FieldBaseProps } from './types.js';
+export interface CheckboxGroupFieldProps extends Omit<CheckboxGroupProps, 'error' | 'name'>, FieldBaseProps<string[]> {
 }
 declare var __VLS_10: {}, __VLS_13: {}, __VLS_16: {}, __VLS_19: {
     error: string | undefined;

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

@@ -1,17 +1,7 @@
-import type { RuleExpression } from 'vee-validate';
 import type { DateSelection, SelectionMode } from '../components/calendar/index.js';
 import type { DatePickerProps } from '../components/input/date-picker.vue.js';
-export interface DateFieldProps<Mode extends SelectionMode = 'single'> extends Omit<DatePickerProps<Mode>, 'error'> {
-    /** Field name used by vee-validate */
-    name: string;
-    /** Validation rules, applied when `controlled: false` or as field-level override */
-    rules?: RuleExpression<DateSelection<Mode>>;
-    /** When to trigger validation @default `'change'` */
-    validateOn?: 'change' | 'submit';
-    /** Pre-fills the field value */
-    initialValue?: DateSelection<Mode>;
-    /** If `false`, disconnects the field from the parent form context @default `true` */
-    controlled?: boolean;
+import type { FieldBaseProps } from './types.js';
+export interface DateFieldProps<Mode extends SelectionMode = 'single'> extends Omit<DatePickerProps<Mode>, 'error' | 'name'>, FieldBaseProps<DateSelection<Mode>> {
 }
 declare const __VLS_export: <Mode extends SelectionMode = "single">(__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<DateFieldProps<Mode>> & (typeof globalThis extends {

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

@@ -9,11 +9,6 @@ const {
   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: null, required: false },
-  controlled: { type: Boolean, required: false },
   valueFormat: { type: [String, Object], required: false },
   size: { type: [String, Object], required: false },
   withWeekNumbers: { type: Boolean, required: false },
@@ -44,7 +39,12 @@ const {
   variant: { type: String, required: false },
   resize: { type: void 0, required: false },
   leftSectionPE: { type: void 0, required: false },
-  rightSectionPE: { type: void 0, required: false }
+  rightSectionPE: { type: void 0, required: false },
+  name: { type: String, required: true },
+  controlled: { type: Boolean, required: false },
+  rules: { type: null, required: false },
+  validateOn: { type: String, required: false },
+  initialValue: { type: null, required: false }
 });
 const {
   value,
@@ -61,7 +61,7 @@ const {
 <template>
 	<DatePicker
 		v-bind='props'
-		:model-value='value'
+		v-model='value'
 		:error='errorMessage'
 		@update:model-value='handleChange($event, validateOn === "change" || !!errorMessage)'
 	>

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

@@ -1,17 +1,7 @@
-import type { RuleExpression } from 'vee-validate';
 import type { DateSelection, SelectionMode } from '../components/calendar/index.js';
 import type { DatePickerProps } from '../components/input/date-picker.vue.js';
-export interface DateFieldProps<Mode extends SelectionMode = 'single'> extends Omit<DatePickerProps<Mode>, 'error'> {
-    /** Field name used by vee-validate */
-    name: string;
-    /** Validation rules, applied when `controlled: false` or as field-level override */
-    rules?: RuleExpression<DateSelection<Mode>>;
-    /** When to trigger validation @default `'change'` */
-    validateOn?: 'change' | 'submit';
-    /** Pre-fills the field value */
-    initialValue?: DateSelection<Mode>;
-    /** If `false`, disconnects the field from the parent form context @default `true` */
-    controlled?: boolean;
+import type { FieldBaseProps } from './types.js';
+export interface DateFieldProps<Mode extends SelectionMode = 'single'> extends Omit<DatePickerProps<Mode>, 'error' | 'name'>, FieldBaseProps<DateSelection<Mode>> {
 }
 declare const __VLS_export: <Mode extends SelectionMode = "single">(__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<DateFieldProps<Mode>> & (typeof globalThis extends {

package/dist/runtime/form/date-time-field.d.vue.ts

@@ -1,16 +1,6 @@
-import type { RuleExpression } from 'vee-validate';
 import type { DatePickerProps } from '../components/date-time-picker.vue.js';
-export interface DateTimeFieldProps extends Omit<DatePickerProps, 'error'> {
-    /** Field name used by vee-validate */
-    name: string;
-    /** Validation rules, applied when `controlled: false` or as field-level override */
-    rules?: RuleExpression<string | Date | null>;
-    /** When to trigger validation @default `'change'` */
-    validateOn?: 'change' | 'submit';
-    /** Pre-fills the field value */
-    initialValue?: string | Date | null;
-    /** If `false`, disconnects the field from the parent form context @default `true` */
-    controlled?: boolean;
+import type { FieldBaseProps } from './types.js';
+export interface DateTimeFieldProps extends Omit<DatePickerProps, 'error' | 'name'>, FieldBaseProps<string | Date | null> {
 }
 declare var __VLS_11: {}, __VLS_14: {}, __VLS_17: {}, __VLS_20: {}, __VLS_23: {
     error: string | undefined;

package/dist/runtime/form/date-time-field.vue

@@ -5,15 +5,10 @@ const {
   name,
   rules,
   validateOn = "change",
-  initialValue = null,
+  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, Date, null], required: false },
-  controlled: { type: Boolean, required: false },
   format: { type: [String, Object], required: false },
   calendarProps: { type: Object, required: false },
   timePickerProps: { type: Object, required: false },
@@ -32,7 +27,12 @@ const {
   rightSectionPE: { type: void 0, required: false },
   readonly: { type: Boolean, required: false },
   disabled: { type: Boolean, required: false },
-  withSeconds: { type: Boolean, required: false }
+  withSeconds: { type: Boolean, required: false },
+  name: { type: String, required: true },
+  controlled: { type: Boolean, required: false },
+  rules: { type: null, required: false },
+  validateOn: { type: String, required: false },
+  initialValue: { type: [String, Date, null], required: false }
 });
 const {
   value,
@@ -49,7 +49,7 @@ const {
 <template>
 	<DateTimePicker
 		v-bind='props'
-		:model-value='value'
+		v-model='value'
 		:error='errorMessage'
 		@update:model-value='handleChange($event, validateOn === "change" || !!errorMessage)'
 	>

package/dist/runtime/form/date-time-field.vue.d.ts

@@ -1,16 +1,6 @@
-import type { RuleExpression } from 'vee-validate';
 import type { DatePickerProps } from '../components/date-time-picker.vue.js';
-export interface DateTimeFieldProps extends Omit<DatePickerProps, 'error'> {
-    /** Field name used by vee-validate */
-    name: string;
-    /** Validation rules, applied when `controlled: false` or as field-level override */
-    rules?: RuleExpression<string | Date | null>;
-    /** When to trigger validation @default `'change'` */
-    validateOn?: 'change' | 'submit';
-    /** Pre-fills the field value */
-    initialValue?: string | Date | null;
-    /** If `false`, disconnects the field from the parent form context @default `true` */
-    controlled?: boolean;
+import type { FieldBaseProps } from './types.js';
+export interface DateTimeFieldProps extends Omit<DatePickerProps, 'error' | 'name'>, FieldBaseProps<string | Date | null> {
 }
 declare var __VLS_11: {}, __VLS_14: {}, __VLS_17: {}, __VLS_20: {}, __VLS_23: {
     error: string | undefined;

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

@@ -1,16 +1,8 @@
-import type { RuleExpression } from 'vee-validate';
 import type { TextInputProps } from '../components/input/text-input.vue.js';
-export interface EmailFieldProps 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>;
+import type { FieldBaseProps } from './types.js';
+export interface EmailFieldProps extends Omit<TextInputProps, 'error' | 'name'>, Omit<FieldBaseProps<string>, 'validateOn'> {
     /** 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;

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

@@ -9,11 +9,7 @@ const {
   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 },
@@ -29,7 +25,11 @@ const {
   leftSectionPE: { type: void 0, required: false },
   rightSectionPE: { type: void 0, required: false },
   readonly: { type: Boolean, required: false },
-  disabled: { type: Boolean, required: false }
+  disabled: { type: Boolean, required: false },
+  name: { type: String, required: true },
+  controlled: { type: Boolean, required: false },
+  rules: { type: null, required: false },
+  initialValue: { type: String, required: false }
 });
 const {
   value,
@@ -47,7 +47,7 @@ const {
 <template>
 	<EmailInput
 		v-bind='props'
-		:model-value='value'
+		v-model='value'
 		:error='errorMessage'
 		:name
 		@update:model-value='handleChange($event, !!errorMessage)'

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

@@ -1,16 +1,8 @@
-import type { RuleExpression } from 'vee-validate';
 import type { TextInputProps } from '../components/input/text-input.vue.js';
-export interface EmailFieldProps 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>;
+import type { FieldBaseProps } from './types.js';
+export interface EmailFieldProps extends Omit<TextInputProps, 'error' | 'name'>, Omit<FieldBaseProps<string>, 'validateOn'> {
     /** 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;

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

@@ -1,16 +1,8 @@
-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>;
+import type { FieldBaseProps } from './types.js';
+export interface NumberFieldProps extends Omit<NumberInputProps, 'error'>, Omit<FieldBaseProps<number>, 'validateOn'> {
     /** 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;

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

@@ -11,11 +11,7 @@ const {
   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 },
@@ -30,7 +26,11 @@ const {
   size: { type: [String, Object], required: false },
   variant: { type: String, required: false },
   leftSectionPE: { type: void 0, required: false },
-  rightSectionPE: { type: void 0, required: false }
+  rightSectionPE: { type: void 0, required: false },
+  name: { type: String, required: true },
+  controlled: { type: Boolean, required: false },
+  rules: { type: null, required: false },
+  initialValue: { type: Number, required: false }
 });
 const {
   value,
@@ -48,7 +48,7 @@ const {
 <template>
 	<NumberInput
 		v-bind='props'
-		:model-value='value'
+		v-model='value'
 		:error='errorMessage'
 		:name
 		:min

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

@@ -1,16 +1,8 @@
-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>;
+import type { FieldBaseProps } from './types.js';
+export interface NumberFieldProps extends Omit<NumberInputProps, 'error'>, Omit<FieldBaseProps<number>, 'validateOn'> {
     /** 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;

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

@@ -1,16 +1,8 @@
-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>;
+import type { FieldBaseProps } from './types.js';
+export interface PasswordFieldProps extends Omit<TextInputProps, 'error'>, Omit<FieldBaseProps<string>, 'validateOn'> {
     /** 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;

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

@@ -9,11 +9,7 @@ const {
   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 },
@@ -29,7 +25,11 @@ const {
   leftSectionPE: { type: void 0, required: false },
   rightSectionPE: { type: void 0, required: false },
   readonly: { type: Boolean, required: false },
-  disabled: { type: Boolean, required: false }
+  disabled: { type: Boolean, required: false },
+  name: { type: String, required: true },
+  controlled: { type: Boolean, required: false },
+  rules: { type: null, required: false },
+  initialValue: { type: String, required: false }
 });
 const {
   value,
@@ -47,7 +47,7 @@ const {
 <template>
 	<PasswordInput
 		v-bind='props'
-		:model-value='value'
+		v-model='value'
 		:error='errorMessage'
 		:name
 		@update:model-value='handleChange($event, !!errorMessage)'

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

@@ -1,16 +1,8 @@
-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>;
+import type { FieldBaseProps } from './types.js';
+export interface PasswordFieldProps extends Omit<TextInputProps, 'error'>, Omit<FieldBaseProps<string>, 'validateOn'> {
     /** 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;

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

@@ -1,17 +1,9 @@
-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>;
+import type { FieldBaseProps } from './types.js';
+export interface SelectFieldProps<Value extends string = string, Ext extends ComboboxItemExt = object> extends Omit<SelectProps<Value, Ext>, 'error'>, Omit<FieldBaseProps<string | string[] | null>, 'validateOn'> {
     /** 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 {

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

@@ -5,15 +5,11 @@ const {
   name,
   rules,
   validateOn = "blur",
-  initialValue = null,
+  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, Array, null], required: false },
-  controlled: { type: Boolean, required: false },
   options: { type: Array, required: true },
   searchable: { type: Boolean, required: false },
   multiple: { type: Boolean, required: false },
@@ -36,7 +32,11 @@ const {
   leftSectionPE: { type: void 0, required: false },
   rightSectionPE: { type: void 0, required: false },
   readonly: { type: Boolean, required: false },
-  disabled: { type: Boolean, required: false }
+  disabled: { type: Boolean, required: false },
+  name: { type: String, required: true },
+  controlled: { type: Boolean, required: false },
+  rules: { type: null, required: false },
+  initialValue: { type: [String, Array, null], required: false }
 });
 const {
   value,
@@ -54,7 +54,7 @@ const {
 <template>
 	<Select
 		v-bind='props'
-		:model-value='value'
+		v-model='value'
 		:error='errorMessage'
 		@update:model-value='handleChange($event, !!errorMessage)'
 		@blur='handleBlur($event, validateOn === "blur")'

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

@@ -1,17 +1,9 @@
-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>;
+import type { FieldBaseProps } from './types.js';
+export interface SelectFieldProps<Value extends string = string, Ext extends ComboboxItemExt = object> extends Omit<SelectProps<Value, Ext>, 'error'>, Omit<FieldBaseProps<string | string[] | null>, 'validateOn'> {
     /** 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 {

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

@@ -1,16 +1,7 @@
-import type { RuleExpression } from 'vee-validate';
 import type { SwitchProps } from '../components/switch/switch.vue.js';
-export interface SwitchFieldProps extends Omit<SwitchProps, 'error'> {
-    /** Field name used by vee-validate */
-    name: string;
-    /** Validation rules, applied when `controlled: false` or as field-level override */
-    rules?: RuleExpression<boolean>;
-    /** When to trigger validation @default `'change'` */
-    validateOn?: 'change' | 'submit';
-    /** Pre-fills the field value @default `false` */
-    initialValue?: boolean;
-    /** If `false`, disconnects the field from the parent form context @default `true` */
-    controlled?: boolean;
+import type { FieldBaseProps } from './types.js';
+export interface SwitchFieldProps extends Omit<SwitchProps, 'error' | 'name'>, Omit<FieldBaseProps<boolean>, 'initialValue'> {
+    checked?: true;
 }
 declare var __VLS_11: {}, __VLS_14: {}, __VLS_17: {
     error: string | undefined;

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

@@ -5,15 +5,11 @@ const {
   name,
   rules,
   validateOn = "change",
-  initialValue = false,
   controlled = true,
+  checked: initialValue,
   ...props
 } = defineProps({
-  name: { type: String, required: true },
-  rules: { type: [String, Object, Function, Array], required: false, skipCheck: true },
-  validateOn: { type: String, required: false },
-  initialValue: { type: Boolean, required: false },
-  controlled: { type: Boolean, required: false },
+  checked: { type: Boolean, required: false },
   id: { type: String, required: false },
   value: { type: String, required: false },
   offLabel: { type: String, required: false },
@@ -30,16 +26,22 @@ const {
   bodyElement: { type: null, required: false },
   labelElement: { type: null, required: false },
   is: { type: null, required: false },
-  mod: { type: [Object, Array, null], required: false }
+  mod: { type: [Object, Array, null], required: false },
+  name: { type: String, required: true },
+  controlled: { type: Boolean, required: false },
+  rules: { type: null, required: false },
+  validateOn: { type: String, required: false }
 });
 const {
-  value,
+  checked,
   errorMessage,
   handleChange
 } = useField(() => name, rules, {
+  type: "checkbox",
   validateOnValueUpdate: false,
   validateOnMount: false,
-  initialValue,
+  checkedValue: true,
+  initialValue: initialValue || void 0,
   controlled
 });
 </script>
@@ -47,7 +49,7 @@ const {
 <template>
 	<Switch
 		v-bind='props'
-		:model-value='value'
+		v-model='checked'
 		:error='errorMessage'
 		@update:model-value='handleChange($event, validateOn === "change" || !!errorMessage)'
 	>

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

@@ -1,16 +1,7 @@
-import type { RuleExpression } from 'vee-validate';
 import type { SwitchProps } from '../components/switch/switch.vue.js';
-export interface SwitchFieldProps extends Omit<SwitchProps, 'error'> {
-    /** Field name used by vee-validate */
-    name: string;
-    /** Validation rules, applied when `controlled: false` or as field-level override */
-    rules?: RuleExpression<boolean>;
-    /** When to trigger validation @default `'change'` */
-    validateOn?: 'change' | 'submit';
-    /** Pre-fills the field value @default `false` */
-    initialValue?: boolean;
-    /** If `false`, disconnects the field from the parent form context @default `true` */
-    controlled?: boolean;
+import type { FieldBaseProps } from './types.js';
+export interface SwitchFieldProps extends Omit<SwitchProps, 'error' | 'name'>, Omit<FieldBaseProps<boolean>, 'initialValue'> {
+    checked?: true;
 }
 declare var __VLS_11: {}, __VLS_14: {}, __VLS_17: {
     error: string | undefined;

package/dist/runtime/form/switch-group-field.d.vue.ts

@@ -1,16 +1,6 @@
-import type { RuleExpression } from 'vee-validate';
 import type { SwitchGroupProps } from '../components/switch/switch-group.vue.js';
-export interface SwitchGroupFieldProps extends Omit<SwitchGroupProps, '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 `'change'` */
-    validateOn?: 'change' | 'submit';
-    /** Pre-fills the field value */
-    initialValue?: string[];
-    /** If `false`, disconnects the field from the parent form context @default `true` */
-    controlled?: boolean;
+import type { FieldBaseProps } from './types.js';
+export interface SwitchGroupFieldProps extends Omit<SwitchGroupProps, 'error' | 'name'>, FieldBaseProps<string[]> {
 }
 declare var __VLS_10: {}, __VLS_13: {}, __VLS_16: {}, __VLS_19: {
     error: string | undefined;

package/dist/runtime/form/switch-group-field.vue

@@ -9,11 +9,6 @@ const {
   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: Array, required: false },
-  controlled: { type: Boolean, required: false },
   size: { type: String, required: false },
   readOnly: { type: Boolean, required: false },
   disabled: { type: Boolean, required: false },
@@ -24,7 +19,12 @@ const {
   radius: { type: [String, Number, Object], required: false },
   variant: { type: String, required: false },
   leftSectionPE: { type: void 0, required: false },
-  rightSectionPE: { type: void 0, required: false }
+  rightSectionPE: { type: void 0, required: false },
+  name: { type: String, required: true },
+  controlled: { type: Boolean, required: false },
+  rules: { type: null, required: false },
+  validateOn: { type: String, required: false },
+  initialValue: { type: Array, required: false }
 });
 const {
   value,
@@ -41,7 +41,7 @@ const {
 <template>
 	<SwitchGroup
 		v-bind='props'
-		:model-value='value ?? []'
+		v-model='value'
 		:error='errorMessage'
 		@update:model-value='handleChange($event, validateOn === "change" || !!errorMessage)'
 	>

package/dist/runtime/form/switch-group-field.vue.d.ts

@@ -1,16 +1,6 @@
-import type { RuleExpression } from 'vee-validate';
 import type { SwitchGroupProps } from '../components/switch/switch-group.vue.js';
-export interface SwitchGroupFieldProps extends Omit<SwitchGroupProps, '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 `'change'` */
-    validateOn?: 'change' | 'submit';
-    /** Pre-fills the field value */
-    initialValue?: string[];
-    /** If `false`, disconnects the field from the parent form context @default `true` */
-    controlled?: boolean;
+import type { FieldBaseProps } from './types.js';
+export interface SwitchGroupFieldProps extends Omit<SwitchGroupProps, 'error' | 'name'>, FieldBaseProps<string[]> {
 }
 declare var __VLS_10: {}, __VLS_13: {}, __VLS_16: {}, __VLS_19: {
     error: string | undefined;

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

@@ -1,16 +1,8 @@
-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>;
+import type { FieldBaseProps } from './types.js';
+export interface TextFieldProps extends Omit<TextInputProps, 'error'>, Omit<FieldBaseProps<string>, 'validateOn'> {
     /** 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;

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

@@ -9,11 +9,7 @@ const {
   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 },
@@ -29,7 +25,11 @@ const {
   leftSectionPE: { type: void 0, required: false },
   rightSectionPE: { type: void 0, required: false },
   readonly: { type: Boolean, required: false },
-  disabled: { type: Boolean, required: false }
+  disabled: { type: Boolean, required: false },
+  name: { type: String, required: true },
+  controlled: { type: Boolean, required: false },
+  rules: { type: null, required: false },
+  initialValue: { type: String, required: false }
 });
 const {
   value,
@@ -47,7 +47,7 @@ const {
 <template>
 	<TextInput
 		v-bind='props'
-		:model-value='value'
+		v-model='value'
 		:error='errorMessage'
 		:name
 		@update:model-value='handleChange($event, !!errorMessage)'

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

@@ -1,16 +1,8 @@
-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>;
+import type { FieldBaseProps } from './types.js';
+export interface TextFieldProps extends Omit<TextInputProps, 'error'>, Omit<FieldBaseProps<string>, 'validateOn'> {
     /** 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;

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

@@ -1,16 +1,8 @@
-import type { RuleExpression } from 'vee-validate';
 import type { TextareaProps } from '../components/textarea.vue.js';
-export interface TextareaFieldProps extends Omit<TextareaProps, 'error'> {
-    /** Field name used by vee-validate */
-    name: string;
-    /** Validation rules, applied when `controlled: false` or as field-level override */
-    rules?: RuleExpression<string>;
+import type { FieldBaseProps } from './types.js';
+export interface TextareaFieldProps extends Omit<TextareaProps, 'error'>, Omit<FieldBaseProps<string>, 'validateOn'> {
     /** 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;

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

@@ -9,11 +9,7 @@ const {
   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 },
   icon: { type: String, required: false },
   autosize: { type: Boolean, required: false },
   description: { type: String, required: false },
@@ -28,7 +24,11 @@ const {
   leftSectionPE: { type: void 0, required: false },
   rightSectionPE: { type: void 0, required: false },
   readonly: { type: Boolean, required: false },
-  disabled: { type: Boolean, required: false }
+  disabled: { type: Boolean, required: false },
+  name: { type: String, required: true },
+  controlled: { type: Boolean, required: false },
+  rules: { type: null, required: false },
+  initialValue: { type: String, required: false }
 });
 const {
   value,
@@ -46,7 +46,7 @@ const {
 <template>
 	<Textarea
 		v-bind='props'
-		:model-value='value'
+		v-model='value'
 		:error='errorMessage'
 		:name
 		@update:model-value='handleChange($event, !!errorMessage)'

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

@@ -1,16 +1,8 @@
-import type { RuleExpression } from 'vee-validate';
 import type { TextareaProps } from '../components/textarea.vue.js';
-export interface TextareaFieldProps extends Omit<TextareaProps, 'error'> {
-    /** Field name used by vee-validate */
-    name: string;
-    /** Validation rules, applied when `controlled: false` or as field-level override */
-    rules?: RuleExpression<string>;
+import type { FieldBaseProps } from './types.js';
+export interface TextareaFieldProps extends Omit<TextareaProps, 'error'>, Omit<FieldBaseProps<string>, 'validateOn'> {
     /** 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;

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

@@ -1,16 +1,6 @@
-import type { RuleExpression } from 'vee-validate';
 import type { TimePickerProps } from '../components/time-picker/time-picker.vue.js';
-export interface TimeFieldProps extends Omit<TimePickerProps, '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 `'change'` */
-    validateOn?: 'change' | 'submit';
-    /** Pre-fills the field value */
-    initialValue?: string;
-    /** If `false`, disconnects the field from the parent form context @default `true` */
-    controlled?: boolean;
+import type { FieldBaseProps } from './types.js';
+export interface TimeFieldProps extends Omit<TimePickerProps, 'error' | 'name'>, FieldBaseProps<string> {
 }
 declare var __VLS_11: {}, __VLS_14: {}, __VLS_17: {}, __VLS_20: {}, __VLS_23: {
     error: string | undefined;

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

@@ -9,11 +9,6 @@ const {
   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 },
   clearable: { type: Boolean, required: false },
   min: { type: String, required: false },
   max: { type: String, required: false },
@@ -40,7 +35,12 @@ const {
   leftSectionPE: { type: void 0, required: false },
   rightSectionPE: { type: void 0, required: false },
   readonly: { type: Boolean, required: false },
-  disabled: { type: Boolean, required: false }
+  disabled: { type: Boolean, required: false },
+  name: { type: String, required: true },
+  controlled: { type: Boolean, required: false },
+  rules: { type: null, required: false },
+  validateOn: { type: String, required: false },
+  initialValue: { type: String, required: false }
 });
 const {
   value,
@@ -57,7 +57,7 @@ const {
 <template>
 	<TimePicker
 		v-bind='props'
-		:model-value='value'
+		v-model='value'
 		:error='errorMessage'
 		@update:model-value='handleChange($event, validateOn === "change" || !!errorMessage)'
 	>

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

@@ -1,16 +1,6 @@
-import type { RuleExpression } from 'vee-validate';
 import type { TimePickerProps } from '../components/time-picker/time-picker.vue.js';
-export interface TimeFieldProps extends Omit<TimePickerProps, '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 `'change'` */
-    validateOn?: 'change' | 'submit';
-    /** Pre-fills the field value */
-    initialValue?: string;
-    /** If `false`, disconnects the field from the parent form context @default `true` */
-    controlled?: boolean;
+import type { FieldBaseProps } from './types.js';
+export interface TimeFieldProps extends Omit<TimePickerProps, 'error' | 'name'>, FieldBaseProps<string> {
 }
 declare var __VLS_11: {}, __VLS_14: {}, __VLS_17: {}, __VLS_20: {}, __VLS_23: {
     error: string | undefined;

package/dist/runtime/form/types.d.ts

@@ -0,0 +1,15 @@
+import type { RuleExpression } from 'vee-validate';
+import type { MaybeRef } from 'vue';
+/** Common props shared by all field wrappers */
+export interface FieldBaseProps<Value> {
+    /** Field name used by vee-validate */
+    name: string;
+    /** If `false`, disconnects the field from the parent form context @default `true` */
+    controlled?: boolean;
+    /** Validation rules, applied when `controlled: false` or as field-level override */
+    rules?: MaybeRef<RuleExpression<Value>>;
+    /** When to trigger validation @default `'change'` */
+    validateOn?: 'change' | 'submit';
+    /** Pre-fills the field value */
+    initialValue?: Value;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "nuance-ui",
-	"version": "0.2.15",
+	"version": "0.2.17",
 	"description": "A modern Vue UI library inspired by the best of the React ecosystem.",
 	"repository": {
 		"type": "git",