nuance-ui 0.2.16 → 0.2.17

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": "^4.0.0"
   },
-  "version": "0.2.16",
+  "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,6 +1,7 @@
 import type { CheckboxProps } from '../components/checkbox/checkbox.vue.js';
 import type { FieldBaseProps } from './types.js';
-export interface CheckboxFieldProps extends Omit<CheckboxProps, 'error'>, FieldBaseProps<boolean> {
+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,10 +5,11 @@ const {
   name,
   rules,
   validateOn = "change",
-  initialValue,
+  checked: initialValue,
   controlled = true,
   ...props
 } = defineProps({
+  checked: { type: Boolean, required: false },
   id: { type: String, required: false },
   color: { type: null, required: false },
   iconColor: { type: null, required: false },
@@ -27,17 +28,18 @@ const {
   name: { type: String, required: true },
   controlled: { type: Boolean, required: false },
   rules: { type: null, required: false },
-  validateOn: { type: String, required: false },
-  initialValue: { type: Boolean, 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,6 +1,7 @@
 import type { CheckboxProps } from '../components/checkbox/checkbox.vue.js';
 import type { FieldBaseProps } from './types.js';
-export interface CheckboxFieldProps extends Omit<CheckboxProps, 'error'>, FieldBaseProps<boolean> {
+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.vue

@@ -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/date-field.vue

@@ -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-time-field.vue

@@ -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/email-field.vue

@@ -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/number-field.vue

@@ -48,7 +48,7 @@ const {
 <template>
 	<NumberInput
 		v-bind='props'
-		:model-value='value'
+		v-model='value'
 		:error='errorMessage'
 		:name
 		:min

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

@@ -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/select-field.vue

@@ -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/switch-field.d.vue.ts

@@ -1,6 +1,7 @@
 import type { SwitchProps } from '../components/switch/switch.vue.js';
 import type { FieldBaseProps } from './types.js';
-export interface SwitchFieldProps extends Omit<SwitchProps, 'error' | 'name'>, FieldBaseProps<boolean> {
+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,10 +5,11 @@ const {
   name,
   rules,
   validateOn = "change",
-  initialValue,
   controlled = true,
+  checked: initialValue,
   ...props
 } = defineProps({
+  checked: { type: Boolean, required: false },
   id: { type: String, required: false },
   value: { type: String, required: false },
   offLabel: { type: String, required: false },
@@ -29,17 +30,18 @@ const {
   name: { type: String, required: true },
   controlled: { type: Boolean, required: false },
   rules: { type: null, required: false },
-  validateOn: { type: String, required: false },
-  initialValue: { type: Boolean, 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,6 +1,7 @@
 import type { SwitchProps } from '../components/switch/switch.vue.js';
 import type { FieldBaseProps } from './types.js';
-export interface SwitchFieldProps extends Omit<SwitchProps, 'error' | 'name'>, FieldBaseProps<boolean> {
+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.vue

@@ -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/text-field.vue

@@ -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/textarea-field.vue

@@ -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/time-field.vue

@@ -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/package.json

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