@soybeanjs/headless 0.16.0 → 0.18.0

package/dist/components/form/core/types.d.ts

@@ -4,155 +4,538 @@ import { ComputedRef, Ref, ShallowRef, WritableComputedRef } from "vue";
 import { StandardSchemaV1 } from "@standard-schema/spec";
 
 //#region src/components/form/core/types.d.ts
+/**
+ * Type information for InferStandardSchemaInput.
+ */
 type InferStandardSchemaInput<S extends StandardSchemaV1<FormValues, FormValues>> = NonNullable<S['~standard']['types']>['input'];
+/**
+ * Type information for InferStandardSchemaOutput.
+ */
 type InferStandardSchemaOutput<S extends StandardSchemaV1<FormValues, FormValues>> = NonNullable<S['~standard']['types']>['output'];
+/**
+ * Type information for FormValidateMode.
+ */
 type FormValidateMode = 'blur' | 'input' | 'change' | 'submit';
+/**
+ * Type information for FormValues.
+ */
 type FormValues = Record<string, any>;
+/**
+ * Type information for FormErrors.
+ */
 type FormErrors<Values extends FormValues> = { [K in keyof Path<Values>]?: string };
+/**
+ * Type information for FormTouched.
+ */
 type FormTouched<Values extends FormValues> = { [K in keyof Path<Values>]?: boolean };
+/**
+ * Type information for FormFieldMeta.
+ */
 type FormFieldMeta = {
+  /**
+   * Whether dirty.
+   */
   dirty: boolean;
+  /**
+   * Error.
+   */
   error: string | undefined;
+  /**
+   * Touched.
+   */
   touched: boolean | undefined;
 };
+/**
+ * Type information for FormSubmitHelper.
+ */
 interface FormSubmitHelper<Values extends FormValues> {
+  /**
+   * Set submitting.
+   */
   setSubmitting: (isSubmitting: boolean) => void;
+  /**
+   * Initial values.
+   */
   readonly initialValues: Values;
 }
+/**
+ * State values for FormResetState.
+ */
 interface FormResetState<Values extends FormValues = FormValues> {
+  /**
+   * Values.
+   */
   values: Values;
+  /**
+   * Touched.
+   */
   touched: FormTouched<Values>;
+  /**
+   * Errors.
+   */
   errors: FormErrors<Values>;
+  /**
+   * Submit count.
+   */
   submitCount: number;
 }
-type FormMessage<Values extends FormValues = FormValues, Name extends Path<Values> = Path<Values>> = {
+/**
+ * Type information for FormMessage.
+ */
+type FormMessage<Values extends FormValues = FormValues, Name extends Path<Values> = Path<Values>> =
+/**
+ * Type.
+ */
+/**
+ * Type.
+ */
+{
   type: 'SubmitAttempt';
-} | {
+}
+/**
+ * Type.
+ */
+/**
+ * Type.
+ */
+| {
   type: 'SubmitSuccess';
-} | {
+}
+/**
+ * Type.
+ */
+/**
+ * Type.
+ */
+| {
   type: 'SubmitFailure';
-} | {
+}
+/**
+ * Payload.
+ */
+/**
+ * Type.
+ */
+/**
+ * Payload.
+ */
+/**
+ * Type.
+ */
+| {
   type: 'SetValues';
   payload: Values;
-} | {
+}
+/**
+ * Payload.
+ */
+/**
+ * Type.
+ */
+/**
+ * Payload.
+ */
+/**
+ * Type.
+ */
+| {
   type: 'SetFieldValue';
   payload: {
     name: Name;
     value: PathValue<Values, Name>;
   };
 } | {
+  /**
+   * Type.
+   */
   type: 'SetTouched';
+  /**
+   * Payload.
+   */
   payload: {
     name: Name;
     touched?: boolean;
   };
-} | {
+}
+/**
+ * Payload.
+ */
+/**
+ * Type.
+ */
+/**
+ * Payload.
+ */
+/**
+ * Type.
+ */
+| {
   type: 'SetErrors';
   payload: FormErrors<Values>;
 } | {
+  /**
+   * Type.
+   */
   type: 'SetFieldError';
+  /**
+   * Payload.
+   */
   payload: {
     name: Name;
     error: string | undefined;
   };
-} | {
+}
+/**
+ * Whether payload.
+ */
+/**
+ * Type.
+ */
+/**
+ * Whether payload.
+ */
+/**
+ * Type.
+ */
+| {
   type: 'SetIsSubmitting';
   payload: boolean;
-} | {
+}
+/**
+ * Whether payload.
+ */
+/**
+ * Type.
+ */
+/**
+ * Whether payload.
+ */
+/**
+ * Type.
+ */
+| {
   type: 'SetIsValidating';
   payload: boolean;
-} | {
+}
+/**
+ * Payload.
+ */
+/**
+ * Type.
+ */
+/**
+ * Payload.
+ */
+/**
+ * Type.
+ */
+| {
   type: 'ResetForm';
   payload: FormResetState<Values>;
 };
+/**
+ * State values for FormState.
+ */
 interface FormState<Values extends FormValues> {
+  /**
+   * Values.
+   */
   values: Values;
+  /**
+   * Touched.
+   */
   touched: Ref<FormTouched<Values>>;
+  /**
+   * Errors.
+   */
   errors: Ref<FormErrors<Values>>;
+  /**
+   * Submit count.
+   */
   submitCount: ShallowRef<number>;
+  /**
+   * Whether a submitting.
+   */
   isSubmitting: ShallowRef<boolean>;
+  /**
+   * Whether a validating.
+   */
   isValidating: ShallowRef<boolean>;
 }
-interface UseFormOptions<S extends StandardSchemaV1<FormValues, FormValues>> {
+/**
+ * Type information for UseHeadlessFormOptions.
+ */
+interface UseHeadlessFormOptions<S extends StandardSchemaV1<FormValues, FormValues>> {
+  /**
+   * Schema.
+   */
   schema: S;
+  /**
+   * Initial values.
+   */
   initialValues?: InferStandardSchemaInput<S>;
+  /**
+   * Initial errors.
+   */
   initialErrors?: FormErrors<InferStandardSchemaInput<S>>;
+  /**
+   * Initial touched.
+   */
   initialTouched?: FormTouched<InferStandardSchemaInput<S>>;
+  /**
+   * Validate mode.
+   */
   validateMode?: FormValidateMode;
+  /**
+   * Re validate mode.
+   */
   reValidateMode?: FormValidateMode;
+  /**
+   * Whether validate on mounted.
+   */
   validateOnMounted?: boolean;
+  /**
+   * Callback invoked when the submit event fires.
+   */
   onSubmit?: (values: InferStandardSchemaOutput<S>, helper: FormSubmitHelper<InferStandardSchemaOutput<S>>) => Promise<any>;
+  /**
+   * Callback invoked when the invalid event fires.
+   */
   onInvalid?: (errors: FormErrors<InferStandardSchemaOutput<S>>) => void;
 }
+/**
+ * Type information for FormFieldValidator.
+ */
 type FormFieldValidator<Value> = (value: Value) => MaybePromise<string | undefined>;
+/**
+ * Type information for FormRegisterOptions.
+ */
 interface FormRegisterOptions<Value> {
+  /**
+   * Validate.
+   */
   validate?: FormFieldValidator<Value>;
+  /**
+   * Reset.
+   */
   reset?: () => void;
 }
+/**
+ * Type information for FormEventHandler.
+ */
 interface FormEventHandler<S = string> {
+  /**
+   * Callback invoked when the blur event fires.
+   */
   onBlur: (event: Event | S, name?: S) => void;
+  /**
+   * Callback invoked when the change event fires.
+   */
   onChange: () => void;
+  /**
+   * Callback invoked when the input event fires.
+   */
   onInput: () => void;
 }
-interface FormSubmitHelper<Values extends FormValues> {
-  setSubmitting: (isSubmitting: boolean) => void;
-  readonly initialValues: Values;
-}
+/**
+ * State values for FormFieldState.
+ */
 interface FormFieldState<Values extends FormValues, Name extends Path<Values>> extends FormEventHandler<Name> {
+  /**
+   * Name.
+   */
   name: Name;
+  /**
+   * Value associated with the current item.
+   */
   value: PathValue<Values, Name>;
+  /**
+   * Meta.
+   */
   meta: FormFieldMeta;
 }
+/**
+ * State values for FormFieldArrayState.
+ */
 interface FormFieldArrayState<Values extends FormValues, Name extends Path<Values>> extends FormEventHandler<Name> {
+  /**
+   * Name.
+   */
   name: Name;
+  /**
+   * Value associated with the current item.
+   */
   value: ArrayElement<NonNullable<PathValue<Values, Name>>>;
+  /**
+   * Meta.
+   */
   meta: FormFieldMeta;
 }
+/**
+ * Type information for UseFormStateReturn.
+ */
 interface UseFormStateReturn<Values extends FormValues> {
+  /**
+   * Form state.
+   */
   formState: FormState<Values>;
+  /**
+   * Whether dirty.
+   */
   dirty: ComputedRef<boolean>;
+  /**
+   * Submit helper.
+   */
   submitHelper: FormSubmitHelper<Values>;
+  /**
+   * Set submitting.
+   */
   setSubmitting: (isSubmitting: boolean) => void;
+  /**
+   * Register field.
+   */
   registerField<Name extends Path<Values>>(name: Name, opts?: FormRegisterOptions<PathValue<Values, Name>>): Ref<FormFieldState<Values, Name>>;
+  /**
+   * Register field array.
+   */
   registerFieldArray<Name extends Path<Values>>(name: Name, opts?: FormRegisterOptions<PathValue<Values, Name>>): Ref<FormFieldState<Values, Name>>;
+  /**
+   * Validate field.
+   */
   validateField<Name extends Path<Values>>(name: Name): Promise<string | undefined | void>;
+  /**
+   * Get field value.
+   */
   getFieldValue<Name extends Path<Values>>(name: Name): WritableComputedRef<PathValue<Values, Name>>;
+  /**
+   * Get field meta.
+   */
   getFieldMeta<Name extends Path<Values>>(name: Name): Ref<FormFieldMeta>;
+  /**
+   * Get field error.
+   */
   getFieldError<Name extends Path<Values>>(name: Name): string | undefined;
+  /**
+   * Get field touched.
+   */
   getFieldTouched<Name extends Path<Values>>(name: Name): boolean | undefined;
+  /**
+   * Whether get field dirty.
+   */
   getFieldDirty<Name extends Path<Values>>(name: Name): boolean;
+  /**
+   * Get field state.
+   */
   getFieldState<Name extends Path<Values>>(name: Name): Ref<FormFieldState<Values, Name>>;
+  /**
+   * Set values.
+   */
   setValues(values: Values, shouldValidate?: boolean): Promise<FormErrors<Values>> | Promise<void>;
+  /**
+   * Set errors.
+   */
   setErrors(errors: FormErrors<Values>): void;
+  /**
+   * Set field value.
+   */
   setFieldValue<Name extends Path<Values>>(name: Name, value: PathValue<Values, Name>, shouldValidate?: boolean): Promise<FormErrors<Values>> | Promise<void>;
+  /**
+   * Set field touched.
+   */
   setFieldTouched<Name extends Path<Values>>(name: Name, touched: boolean): void;
+  /**
+   * Set field error.
+   */
   setFieldError<Name extends Path<Values>>(name: Name, error: string | undefined): void;
+  /**
+   * Set field array value.
+   */
   setFieldArrayValue<Name extends Path<Values>, Method extends (...args: any) => any>(name: Name, value: PathValue<Values, Name>, method: Method, args?: Partial<{
     argA: Parameters<Method>[1];
     argB: Parameters<Method>[2];
   }>, shouldSetValue?: boolean): Promise<void> | Promise<FormErrors<Values>>;
+  /**
+   * Validate form.
+   */
   validateForm(values?: Values): Promise<FormErrors<Values>>;
+  /**
+   * Reset form.
+   */
   resetForm(nextState?: FormResetState<Values>): void;
 }
-interface FormContext<Values extends FormValues> extends Omit<UseFormStateReturn<Values>, 'formState' | 'submitHelper'>, FormState<Values> {
+/**
+ * Context for UseHeadlessFormReturn.
+ */
+interface UseHeadlessFormReturn<Values extends FormValues> extends Omit<UseFormStateReturn<Values>, 'formState' | 'submitHelper'>, FormState<Values> {
+  /**
+   * Handle submit used by the component context.
+   */
   handleSubmit(event?: Event): void;
+  /**
+   * Handle reset used by the component context.
+   */
   handleReset(event?: Event): void;
+  /**
+   * Use field array used by the component context.
+   */
   useFieldArray<Name extends Path<Values>>(name: Name, opts?: FormRegisterOptions<PathValue<Values, Name>>): Ref<FormFieldArrayStates<Values, Name>>;
+  /**
+   * Use field used by the component context.
+   */
   useField<Name extends Path<Values>>(name: Name, opts?: FormRegisterOptions<PathValue<Values, Name>>): Ref<FormFieldState<Values, Name>>;
 }
+/**
+ * Type information for UseRegisterFieldArrayOptions.
+ */
 interface UseRegisterFieldArrayOptions<Values extends FormValues> extends Pick<UseFormStateReturn<Values>, 'getFieldState' | 'getFieldValue' | 'setFieldValue' | 'setFieldArrayValue' | 'registerFieldArray'> {}
+/**
+ * Type information for FormFieldArrayStates.
+ */
 interface FormFieldArrayStates<Values extends FormValues, Name extends Path<Values>> {
+  /**
+   * Name.
+   */
   name: Name;
+  /**
+   * Fields.
+   */
   fields: readonly FormFieldArrayState<Values, Name>[];
+  /**
+   * Meta.
+   */
   meta: FormFieldMeta;
+  /**
+   * Append.
+   */
   append: (value: ArrayElement<NonNullable<PathValue<Values, Name>>>) => void;
+  /**
+   * Prepend.
+   */
   prepend: (value: ArrayElement<NonNullable<PathValue<Values, Name>>>) => void;
+  /**
+   * Remove.
+   */
   remove: (index?: number) => void;
+  /**
+   * Swap.
+   */
   swap: (indexA: number, indexB: number) => void;
+  /**
+   * Move.
+   */
   move: (from: number, to: number) => void;
+  /**
+   * Insert.
+   */
   insert: (index: number, value: ArrayElement<NonNullable<PathValue<Values, Name>>>) => void;
+  /**
+   * Update.
+   */
   update: (index: number, value: ArrayElement<NonNullable<PathValue<Values, Name>>>) => void;
+  /**
+   * Replace.
+   */
   replace: ($values: ArrayElement<NonNullable<PathValue<Values, Name>>>[]) => void;
 }
 //#endregion
-export { FormContext, FormErrors, FormEventHandler, FormFieldArrayState, FormFieldArrayStates, FormFieldMeta, FormFieldState, FormFieldValidator, FormMessage, FormRegisterOptions, FormResetState, FormState, FormSubmitHelper, FormTouched, FormValidateMode, FormValues, InferStandardSchemaInput, UseFormOptions, UseFormStateReturn, UseRegisterFieldArrayOptions };
+export { FormErrors, FormEventHandler, FormFieldArrayState, FormFieldArrayStates, FormFieldMeta, FormFieldState, FormFieldValidator, FormMessage, FormRegisterOptions, FormResetState, FormState, FormSubmitHelper, FormTouched, FormValidateMode, FormValues, InferStandardSchemaInput, UseFormStateReturn, UseHeadlessFormOptions, UseHeadlessFormReturn, UseRegisterFieldArrayOptions };

package/dist/components/form/core/use-form.js

@@ -1 +1 @@
-import{isNullish as e,keysOf as t}from"../../../shared/guard.js";import"../../../shared/index.js";import{updateFormState as n}from"./shared.js";import{useFormState as r}from"./use-form-state.js";import{useRegisterFieldArray as i}from"./use-field-array.js";import{klona as a}from"klona/full";function o(o){let{onSubmit:s=()=>Promise.resolve(),onInvalid:c}=o,{formState:l,submitHelper:u,...d}=r(o),{resetForm:f,validateForm:p,registerField:m}=d;function h(e,t){let{getFieldState:n,getFieldValue:r,setFieldValue:a,setFieldArrayValue:o,registerFieldArray:s}=d;return i(e,{getFieldState:n,getFieldValue:r,setFieldValue:a,setFieldArrayValue:o,registerFieldArray:s},t?.validate)}function g(r){r?.preventDefault(),n(l,{type:`SubmitAttempt`}),p().then(r=>{if(t(r).length===0){let t=s(a(l.values),u);if(e(t))return;t.then(e=>(n(l,{type:`SubmitSuccess`}),e)).catch(()=>{n(l,{type:`SubmitFailure`})})}else n(l,{type:`SubmitFailure`}),c?.(r)})}function _(e){e?.preventDefault(),f()}return{...l,handleSubmit:g,handleReset:_,useField:m,useFieldArray:h,...d}}export{o as useForm};
+import{isNullish as e,keysOf as t}from"../../../shared/guard.js";import"../../../shared/index.js";import{updateFormState as n}from"./shared.js";import{useFormState as r}from"./use-form-state.js";import{useRegisterFieldArray as i}from"./use-field-array.js";import{klona as a}from"klona/full";function o(o){let{onSubmit:s=()=>Promise.resolve(),onInvalid:c}=o,{formState:l,submitHelper:u,...d}=r(o),{resetForm:f,validateForm:p,registerField:m}=d;function h(e,t){let{getFieldState:n,getFieldValue:r,setFieldValue:a,setFieldArrayValue:o,registerFieldArray:s}=d;return i(e,{getFieldState:n,getFieldValue:r,setFieldValue:a,setFieldArrayValue:o,registerFieldArray:s},t?.validate)}function g(r){r?.preventDefault(),n(l,{type:`SubmitAttempt`}),p().then(r=>{if(t(r).length===0){let t=s(a(l.values),u);if(e(t))return;t.then(e=>(n(l,{type:`SubmitSuccess`}),e)).catch(()=>{n(l,{type:`SubmitFailure`})})}else n(l,{type:`SubmitFailure`}),c?.(r)})}function _(e){e?.preventDefault(),f()}return{...l,handleSubmit:g,handleReset:_,useField:m,useFieldArray:h,...d}}export{o as useHeadlessForm};

package/dist/components/form/form-compact.js

@@ -0,0 +1 @@
+import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{provideFormCompactContext as t,useFormUi as n}from"./context.js";import{provideFormSub as r}from"./use-form.js";import{createElementBlock as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,unref as l}from"vue";const u=[`data-orientation`],d=a({name:`SFormCompact`,__name:`form-compact`,props:{fieldProps:{},fieldArrayProps:{},orientation:{default:`vertical`},labelProps:{},controlProps:{},descriptionProps:{},errorProps:{}},setup(a){let d=a,f=n(`form`);return t({...e(d,[`orientation`,`fieldProps`,`fieldArrayProps`,`labelProps`,`controlProps`,`descriptionProps`,`errorProps`])}),r(),(e,t)=>(s(),i(`form`,{class:o(l(f)),"data-orientation":a.orientation},[c(e.$slots,`default`)],10,u))}});export{d as default};

package/dist/components/form/form-compact.vue.d.ts

@@ -0,0 +1,21 @@
+import { DataOrientation } from "../../types/common.js";
+import { FormCompactProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/form/form-compact.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<FormCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<FormCompactProps> & Readonly<{}>, {
+  orientation: DataOrientation;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/form/form-control.js

@@ -1 +1 @@
-import{useFormFieldUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`FormControl`,__name:`form-control`,setup(n){let s=e(`control`);return(e,n)=>(i(),t(`div`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};
+import{useFormFieldUi as e,useFormUi as t}from"./context.js";import{mergeClasses as n}from"./shared.js";import{computed as r,createElementBlock as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c}from"vue";const l=a({name:`FormControl`,__name:`form-control`,setup(a){let l=t(`control`),u=e(`control`),d=r(()=>n(l.value,u.value));return(e,t)=>(s(),i(`div`,{class:o(d.value)},[c(e.$slots,`default`)],2))}});export{l as default};

package/dist/components/form/form-description.js

@@ -1 +1 @@
-import{useFormFieldContext as e,useFormFieldUi as t}from"./context.js";import{createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o,unref as s}from"vue";const c=[`id`],l=r({name:`FormDescription`,__name:`form-description`,setup(r){let{formDescriptionId:l}=e(`FormDescription`),u=t(`description`);return(e,t)=>(a(),n(`p`,{id:s(l),class:i(s(u))},[o(e.$slots,`default`)],10,c))}});export{l as default};
+import{useFormFieldContext as e,useFormFieldUi as t,useFormUi as n}from"./context.js";import{mergeClasses as r}from"./shared.js";import{computed as i,createElementBlock as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,unref as u}from"vue";const d=[`id`],f=o({name:`FormDescription`,__name:`form-description`,setup(o){let{formDescriptionId:f}=e(`FormDescription`),p=n(`description`),m=t(`description`),h=i(()=>r(p.value,m.value));return(e,t)=>(c(),a(`p`,{id:u(f),class:s(h.value)},[l(e.$slots,`default`)],10,d))}});export{f as default};

package/dist/components/form/form-error.js

@@ -1 +1 @@
-import{useFormFieldContext as e,useFormFieldUi as t}from"./context.js";import{createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o,unref as s}from"vue";const c=[`id`],l=r({name:`FormError`,__name:`form-error`,setup(r){let{formErrorId:l}=e(`FormError`),u=t(`error`);return(e,t)=>(a(),n(`p`,{id:s(l),class:i(s(u))},[o(e.$slots,`default`)],10,c))}});export{l as default};
+import{useFormFieldContext as e,useFormFieldUi as t,useFormUi as n}from"./context.js";import{mergeClasses as r}from"./shared.js";import{computed as i,createElementBlock as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,unref as u}from"vue";const d=[`id`],f=o({name:`FormError`,__name:`form-error`,setup(o){let{formErrorId:f}=e(`FormError`),p=n(`error`),m=t(`error`),h=i(()=>r(p.value,m.value));return(e,t)=>(c(),a(`p`,{id:u(f),class:s(h.value)},[l(e.$slots,`default`)],10,d))}});export{f as default};

package/dist/components/form/form-field-array-compact.js

@@ -0,0 +1 @@
+import{e}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.1/node_modules/@soybeanjs/utils/dist/index.js";import{useFormSub as t}from"./use-form.js";import n from"./form-field-base-compact.js";import{computed as r,createBlock as i,createSlots as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderList as d,renderSlot as f,unref as p,useSlots as m,withCtx as h}from"vue";const g=o({name:`FormFieldArrayCompact`,__name:`form-field-array-compact`,props:{name:{},orientation:{},label:{},description:{},labelProps:{},controlProps:{},descriptionProps:{},errorProps:{},validate:{type:Function},reset:{type:Function}},setup(o){let g=o,_=m(),{useFieldArray:v}=t(),y=v(g.name,{validate:g.validate,reset:g.reset}),b=r(()=>e(_)),x=r(()=>y.value.meta.error);return(e,t)=>(u(),i(n,c(g,{error:x.value,"is-field-array":!0}),a({_:2},[d(b.value,t=>({name:t,fn:h(()=>[f(e.$slots,t,l(s(p(y))))])}))]),1040,[`error`]))}});export{g as default};

package/dist/components/form/form-field-array-compact.vue.d.ts

@@ -0,0 +1,16 @@
+import { FormFieldArrayCompactSlots, FormFieldCompactProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/form/form-field-array-compact.vue.d.ts
+type __VLS_Props = FormFieldCompactProps<any, any>;
+type __VLS_Slots = FormFieldArrayCompactSlots<any, any>;
+declare const __VLS_base: _$vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/form/form-field-base-compact.js

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import{useFormCompactContext as t}from"./context.js";import n from"./form-field.js";import r from"./form-label.js";import i from"./form-control.js";import a from"./form-description.js";import o from"./form-error.js";import{computed as s,createBlock as c,createCommentVNode as l,createTextVNode as u,defineComponent as d,guardReactiveProps as f,mergeProps as p,normalizeProps as m,openBlock as h,renderSlot as g,toDisplayString as _,unref as v,useSlots as y,withCtx as b,withDirectives as x}from"vue";import{vAutoAnimate as S}from"@formkit/auto-animate/vue";const C=d({name:`FormFieldBaseCompact`,__name:`form-field-base-compact`,props:{error:{},isFieldArray:{type:Boolean},orientation:{},label:{},description:{},labelProps:{},controlProps:{},descriptionProps:{},errorProps:{}},setup(d){let C=d,w=y(),T=e(C,[`orientation`,`label`,`description`,`error`,`labelProps`,`controlProps`,`descriptionProps`,`errorProps`]),E=t(`FormFieldCompact`),D=s(()=>C.orientation??E.orientation.value??`vertical`),O=s(()=>p({...C.isFieldArray?E.fieldArrayProps.value:E.fieldProps.value},T.value)),k=s(()=>p({...E.labelProps.value},{...C.labelProps})),A=s(()=>p({...E.controlProps.value},{...C.controlProps})),j=s(()=>p({...E.descriptionProps.value},{...C.descriptionProps})),M=s(()=>p({...E.errorProps.value},{...C.errorProps}));return(e,t)=>(h(),c(n,p(O.value,{"data-orientation":D.value,"data-error":d.error?``:void 0}),{default:b(t=>[v(w).label||d.label?(h(),c(r,m(p({key:0},k.value)),{default:b(()=>[g(e.$slots,`label`,{},()=>[u(_(d.label),1)])]),_:3},16)):l(`v-if`,!0),x((h(),c(i,m(f(A.value)),{default:b(()=>[g(e.$slots,`default`,m(f(t))),d.error?(h(),c(o,m(p({key:0},M.value)),{default:b(()=>[u(_(d.error),1)]),_:1},16)):l(`v-if`,!0)]),_:2},1040)),[[v(S)]]),v(w).description||d.description?(h(),c(a,m(p({key:1},j.value)),{default:b(()=>[g(e.$slots,`description`,{},()=>[u(_(d.description),1)])]),_:3},16)):l(`v-if`,!0)]),_:3},16,[`data-orientation`,`data-error`]))}});export{C as default};

package/dist/components/form/form-field-base-compact.vue.d.ts

@@ -0,0 +1,26 @@
+import { FormFieldBaseCompactProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/form/form-field-base-compact.vue.d.ts
+declare var __VLS_14: {}, __VLS_22: {
+    formFieldId: string;
+    ariaDescribedBy: string;
+    ariaInvalid: boolean;
+  }, __VLS_36: {};
+type __VLS_Slots = {} & {
+  label?: (props: typeof __VLS_14) => any;
+} & {
+  default?: (props: typeof __VLS_22) => any;
+} & {
+  description?: (props: typeof __VLS_36) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<FormFieldBaseCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<FormFieldBaseCompactProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/form/form-field-compact.js

@@ -0,0 +1 @@
+import{Slot as e}from"../slot/slot.js";import"../slot/index.js";import{useFormSub as t}from"./use-form.js";import n from"./form-field-base-compact.js";import{computed as r,createBlock as i,createSlots as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderSlot as f,unref as p,useSlots as m,withCtx as h}from"vue";const g=s({name:`FormFieldCompact`,__name:`form-field-compact`,props:{name:{},orientation:{},label:{},description:{},labelProps:{},controlProps:{},descriptionProps:{},errorProps:{},validate:{type:Function},reset:{type:Function}},setup(s){let g=s,_=m(),{useField:v,setFieldValue:y}=t(),b=v(g.name,{validate:g.validate,reset:g.reset}),x=r(()=>b.value.meta.error);function S(e){y(g.name,e)}return(t,r)=>(d(),i(n,l(g,{error:x.value}),a({default:h(n=>[o(p(e),{id:n.formFieldId,"aria-describedby":n.ariaDescribedBy,"aria-invalid":n.ariaInvalid,name:s.name,"model-value":p(b).value,"onUpdate:modelValue":S,onBlur:r[0]||(r[0]=e=>p(b).onBlur(e,g.name)),onChange:p(b).onChange,onInput:p(b).onInput},{default:h(()=>[f(t.$slots,`default`,u(c(p(b))))]),_:3},8,[`id`,`aria-describedby`,`aria-invalid`,`name`,`model-value`,`onChange`,`onInput`])]),_:2},[_.label||s.label?{name:`label`,fn:h(()=>[f(t.$slots,`label`,u(c(p(b))))]),key:`0`}:void 0,_.description||s.description?{name:`description`,fn:h(()=>[f(t.$slots,`description`,u(c(p(b))))]),key:`1`}:void 0]),1040,[`error`]))}});export{g as default};

package/dist/components/form/form-field-compact.vue.d.ts

@@ -0,0 +1,16 @@
+import { FormFieldCompactProps, FormFieldCompactSlots } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/form/form-field-compact.vue.d.ts
+type __VLS_Props = FormFieldCompactProps<any, any>;
+type __VLS_Slots = FormFieldCompactSlots<any, any>;
+declare const __VLS_base: _$vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };