notform 2.0.0-alpha.1 → 2.0.0-alpha.2

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+import * as _$vue from "vue";
 import { ComputedRef, MaybeRefOrGetter, Ref } from "vue";
 import { StandardSchemaV1 } from "@standard-schema/spec";
 
@@ -2793,11 +2794,13 @@ type UseNotFormConfig<TSchema extends ObjectSchema> = {
    */
   onSubmit?: (values: StandardSchemaV1.InferOutput<TSchema>) => void | Promise<void>;
 };
+//#endregion
+//#region src/types/not-form.d.ts
 /**
  * The core state and methods provided by a form instance.
  * @template TSchema The validation schema type derived from ObjectSchema.
  */
-type UseNotFormInstance<TSchema extends ObjectSchema> = Omit<UseNotFormConfig<TSchema>, 'schema' | 'onSubmit'> & {
+type NotFormInstance<TSchema extends ObjectSchema> = Omit<UseNotFormConfig<TSchema>, 'schema' | 'onSubmit'> & {
   /**
    * A convenience self-reference to the form instance.
    * Useful when you prefer to destructure the composable return value but still need
@@ -2806,7 +2809,7 @@ type UseNotFormInstance<TSchema extends ObjectSchema> = Omit<UseNotFormConfig<TS
    * const { values, submit, instance } = useNotForm({ schema, onSubmit })
    * // <NotForm :form="instance" />
    */
-  instance: UseNotFormInstance<TSchema>; /** Deeply reactive object of field values */
+  instance: NotFormInstance<TSchema>; /** Deeply reactive object of field values */
   values: Ref<StandardSchemaV1.InferInput<TSchema>>;
   /**
    * Updates a specific field value by path.
@@ -2910,17 +2913,71 @@ type UseNotFormInstance<TSchema extends ObjectSchema> = Omit<UseNotFormConfig<TS
    */
   reset: (values?: DeepPartial<StandardSchemaV1.InferInput<TSchema>>, errors?: StandardSchemaV1.Issue[]) => void;
 };
-//#endregion
-//#region src/types/not-form.d.ts
 /**
  * Props for the NotForm component
  * @template TSchema The validation schema type derived from ObjectSchema.
  */
 type NotFormProps<TSchema extends ObjectSchema> = {
-  /** The form instance to use */instance: UseNotFormInstance<TSchema>;
+  /** The form instance to use */instance: NotFormInstance<TSchema>;
+};
+type NotFormSlots = {
+  /** The default slot */default: [];
 };
-type NotFormSlots<TSchema extends ObjectSchema> = {
-  /** The default slot */default: (instance: UseNotFormInstance<TSchema>) => [];
+//#endregion
+//#region src/components/not-form.vue.d.ts
+declare const __VLS_export$1: <TSchema extends ObjectSchema>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal$1<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: _$vue.PublicProps & __VLS_PrettifyLocal$1<NotFormProps<TSchema>> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: NotFormSlots;
+  emit: {};
+}>) => _$vue.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default$1: typeof __VLS_export$1;
+type __VLS_PrettifyLocal$1<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+//#endregion
+//#region src/types/not-field.d.ts
+/**
+ * Props for the NotField component
+ * @template TSchema The validation schema type derived from ObjectSchema.
+ */
+type NotFieldProps<TSchema extends ObjectSchema> = {
+  /** The unique name/path identifying the field within the form state */path: string; /** The optional form instance to use - takes priority over injected context */
+  form?: NotFormInstance<TSchema>;
+};
+/**
+ * The core state and methods provided by a field instance.
+ * @template TSchema The validation schema type derived from ObjectSchema.
+ */
+type NotFieldInstance<TSchema extends ObjectSchema> = {
+  /** The unique name/path identifying the field within the form state */path: string; /** The errors of the field */
+  errors: StandardSchemaV1.Issue[]; /** The validate method of the field */
+  validate: () => ReturnType<NotFormInstance<TSchema>['validateField']>;
+};
+/**
+ * Slots for the NotField component
+ * @template TSchema The validation schema type derived from ObjectSchema.
+ */
+type NotFieldSlots<TSchema extends ObjectSchema> = {
+  /** The default slot receives the field instance for use within templates */default: (props: NotFieldInstance<TSchema>) => [];
+};
+//#endregion
+//#region src/components/not-field.vue.d.ts
+declare const __VLS_export: <TSchema extends ObjectSchema>(__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: _$vue.PublicProps & __VLS_PrettifyLocal<NotFieldProps<TSchema>> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: NotFieldSlots<TSchema>;
+  emit: {};
+}>) => _$vue.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
 };
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
 //#endregion
-export { ArraySchema, DeepPartial, NotFormProps, NotFormSlots, ObjectSchema, Paths, UseNotFormConfig, UseNotFormInstance, ValidationTrigger };
+export { ArraySchema, DeepPartial, _default as NotField, NotFieldInstance, NotFieldProps, NotFieldSlots, _default$1 as NotForm, NotFormInstance, NotFormProps, NotFormSlots, ObjectSchema, Paths, UseNotFormConfig, ValidationTrigger };

package/dist/index.js

@@ -0,0 +1,71 @@
+import { computed, createElementBlock, defineComponent, guardReactiveProps, inject, normalizeProps, openBlock, provide, reactive, renderSlot, unref, useAttrs } from "vue";
+//#region src/utils/instance-utils.ts
+/** Injection key for the current active form instance */
+const NOT_FORM_INSTANCE_KEY = Symbol("notform:instance");
+/**
+* Provides a form instance to all descendant components.
+* @param instance The form instance to provide.
+*/
+function provideNotFormInstance(instance) {
+	provide(NOT_FORM_INSTANCE_KEY, instance);
+}
+/**
+* Resolves the active form instance from context or an explicit prop override.
+* @param explicitInstance Optional instance passed directly via :form prop — takes priority over injected context.
+* @throws If no instance is found from either source.
+*/
+function useNotFormInstance(explicitInstance) {
+	const injected = inject(NOT_FORM_INSTANCE_KEY);
+	const instance = explicitInstance ?? injected;
+	if (!instance) throw new Error("[NotForm] No form instance found. Add a <NotForm :form=\"...\"> ancestor or pass :form directly.");
+	return instance;
+}
+//#endregion
+//#region src/components/not-form.vue
+var not_form_default = /* @__PURE__ */ defineComponent({
+	__name: "not-form",
+	props: { instance: {
+		type: Object,
+		required: true
+	} },
+	setup(__props) {
+		const attributes = useAttrs();
+		provideNotFormInstance(__props.instance);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("form", normalizeProps(guardReactiveProps(unref(attributes))), [renderSlot(_ctx.$slots, "default")], 16);
+		};
+	}
+});
+//#endregion
+//#region src/components/not-field.vue
+var not_field_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "not-field",
+	props: {
+		path: {
+			type: String,
+			required: true
+		},
+		form: {
+			type: Object,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const formInstance = useNotFormInstance(props.form);
+		const path = computed(() => props.path);
+		const errors = formInstance.getFieldErrors(path.value);
+		const validate = () => formInstance.validateField(path.value);
+		const fieldInstance = reactive({
+			path: path.value,
+			errors,
+			validate
+		});
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(fieldInstance)));
+		};
+	}
+});
+//#endregion
+export { not_field_default as NotField, not_form_default as NotForm };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "notform",
-  "version": "2.0.0-alpha.1",
+  "version": "2.0.0-alpha.2",
   "type": "module",
   "private": false,
   "description": "Vue Forms Without the Friction",