@soybeanjs/headless 0.29.0-beta.8 → 0.29.0

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

@@ -0,0 +1,541 @@
+import { ArrayElement, MaybePromise } from "../../../types/common.js";
+import { Path, PathValue } from "../../../types/path.js";
+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 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>;
+}
+/**
+ * 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;
+}
+/**
+ * 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;
+}
+/**
+ * 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 { 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-field-array.js

@@ -0,0 +1 @@
+import{appendAt as e,insertAt as t,moveAt as n,prependAt as r,removeAt as i,swapAt as a,updateAt as o}from"../../../shared/object.js";import"../../../shared/index.js";import{computed as s,toRef as c}from"vue";function l(l,u,d){let{getFieldState:f,getFieldValue:p,setFieldArrayValue:m,registerFieldArray:h}=u;h(l,{validate:d});let g=s(()=>p(l).value||[]),_=s(()=>g.value.map(v));function v(e){return{...f(l).value,name:l,value:e}}function y(t){m(l,e(g.value,t),e,{argA:void 0})}function b(e){m(l,r(g.value,e),r,{argA:void 0})}function x(e){m(l,i(g.value,e),i,{argA:e})}function S(e,t){if(!(e in g.value)||!(t in g.value))return;let n=[...g.value];a(n,e,t),m(l,n,a,{argA:e,argB:t},!1)}function C(e,t){if(!(e in g.value))return;let r=[...g.value];n(r,e,t),m(l,r,n,{argA:e,argB:t},!1)}function w(e,n){m(l,t(g.value,e,n),t,{argA:e,argB:void 0})}function T(e,t){e in g.value&&m(l,o(g.value,e,t),o,{argA:e,argB:void 0})}function E(e){m(l,[...e],e=>e,{})}let D=f(l);return c({name:l,fields:_,meta:s(()=>D.value.meta),append:y,prepend:b,remove:x,swap:S,move:C,insert:w,update:T,replace:E})}export{l as useRegisterFieldArray};

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

@@ -0,0 +1 @@
+import{isFunction as e,isNullish as t,isString as n,keysOf as r}from"../../../shared/guard.js";import{getValue as i,setValue as a}from"../../../shared/value.js";import"../../../shared/index.js";import{updateFormState as o}from"./shared.js";import{validateStandardSchema as s}from"./standard.js";import{computed as c,onMounted as l,reactive as u,ref as d,shallowRef as f,toRef as p}from"vue";import{isEqual as m}from"ohash";import{defu as h}from"defu";import{klona as g}from"klona/full";function _(_){let{validateOnMounted:v=!1,validateMode:y=`submit`,reValidateMode:b=`change`}=_,x=g(_.initialValues||{}),S=g(_.initialErrors||{}),C=g(_.initialTouched||{}),w={values:u(g(x)),touched:d(g(C)),errors:d(g(S)),submitCount:f(0),isSubmitting:f(!1),isValidating:f(!1)},T=c(()=>!m(w.values,x)),E={},D={},O=c(()=>w.submitCount.value===0?y:b);function k(e,t,n){let r=e;r in w.values||a(w.values,r,n?[]:void 0);let{validate:i}=t||{};return i&&(E[r]={validate:i}),K(e)}function A(e,t){let n=k(e,t,!0),r=e,{reset:i}=t||{};return i&&(D[r]={reset:i}),n}function j(e,n=!0){return o(w,{type:`SetValues`,payload:e}),(t(n)?O.value===`change`:n)?Z(w.values):Promise.resolve()}function M(e){o(w,{type:`SetErrors`,payload:e})}function N(e,t,n=!0){return o(w,{type:`SetFieldValue`,payload:{name:e,value:t}}),n?Z(w.values):Promise.resolve()}function P(e,t){o(w,{type:`SetTouched`,payload:{name:e,touched:t}})}function F(e,t){o(w,{type:`SetFieldError`,payload:{name:e,error:t}})}function I(e,t,n,a,s=!0){if(n&&a){if(r(w.errors.value).length&&Array.isArray(i(w.errors.value,e))){let t=n(i(w.errors.value,e),a.argA,a.argB);s&&F(e,t)}if(r(w.touched.value).length&&Array.isArray(i(w.touched.value,e))){let t=n(i(w.touched.value,e),a.argA,a.argB);s&&o(w,{type:`SetTouched`,payload:{name:e,touched:t}})}}return N(e,t)}function L(e){return c({get(){return i(w.values,e)},set(t){N(e,t)}})}function R(e){return p({dirty:c(()=>V(e)),error:c(()=>z(e)),touched:c(()=>B(e))})}function z(e){return i(w.errors.value,e)}function B(e){return i(w.touched.value,e,!1)}function V(e){return!m(i(x,e),i(w.values,e))}async function H(t){if(E[t]&&e(E[t].validate)){o(w,{type:`SetIsValidating`,payload:!0});let e=await X(t,i(w.values,t));return F(t,e),o(w,{type:`SetIsValidating`,payload:!1}),e}return Promise.resolve()}let U=(e,t)=>{if((e=>n(e))(e)){P(e,!0);return}let{name:r,id:i}=e.target,a=t??(r||i);a&&P(a,!0)},W=()=>{O.value===`change`&&Z(w.values)},G=()=>{O.value===`input`&&Z(w.values)};function K(e){let t=R(e);return p({name:e,value:L(e),meta:t,onBlur:U,onChange:W,onInput:G})}function q(e){o(w,{type:`SetIsSubmitting`,payload:e})}let J={setSubmitting:q,get initialValues(){return g(x||{})}};async function Y(t){let n=r(E).filter(t=>e(E?.[t]?.validate)),o=n.map(e=>X(e,i(t,e)));return Promise.all(o).then(e=>e.reduce((e,t,r)=>(t&&a(e,n[r],t),e),{}))}function X(e,t){return Promise.resolve(E[e]?.validate?.(t))}async function Z(e=w.values){return o(w,{type:`SetIsValidating`,payload:!0}),Promise.all([Y(e),s(e,_.schema)]).then(([e,t])=>{let n=h(e,t);return M(n),n}).finally(()=>{o(w,{type:`SetIsValidating`,payload:!1})})}function Q(e){let t=g(e?.values||x),n=g(e?.errors||S),r=g(e?.touched||C);x=g(t),S=g(n),C=g(r),o(w,{type:`ResetForm`,payload:{values:t,touched:r,errors:n,submitCount:typeof e?.submitCount==`number`?e.submitCount:0}}),Object.values(D).forEach(e=>{e?.reset?.()})}return l(()=>{v&&Z(x)}),{formState:w,dirty:T,submitHelper:J,setSubmitting:q,registerField:k,registerFieldArray:A,validateField:H,getFieldValue:L,getFieldMeta:R,getFieldError:z,getFieldTouched:B,getFieldDirty:V,getFieldState:K,setValues:j,setErrors:M,setFieldValue:N,setFieldTouched:P,setFieldError:F,setFieldArrayValue:I,validateForm:Z,resetForm:Q}}export{_ as useFormState};

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

@@ -0,0 +1 @@
+import{isNullish as e,keysOf as t}from"../../../shared/guard.js";import"../../../shared/index.js";import{updateFormState as n}from"./shared.js";import{useRegisterFieldArray as r}from"./use-field-array.js";import{useFormState as i}from"./use-form-state.js";import{klona as a}from"klona/full";function o(o){let{onSubmit:s=()=>Promise.resolve(),onInvalid:c}=o,{formState:l,submitHelper:u,...d}=i(o),{resetForm:f,validateForm:p,registerField:m}=d;function h(e,t){let{getFieldState:n,getFieldValue:i,setFieldValue:a,setFieldArrayValue:o,registerFieldArray:s}=d;return r(e,{getFieldState:n,getFieldValue:i,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`,{"data-soybean-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,19 @@
+import { DataOrientation } from "../../types/common.js";
+import { FormCompactProps } from "./types.js";
+//#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: import("vue").DefineComponent<FormCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FormCompactProps> & Readonly<{}>, {
+  orientation: DataOrientation;
+}, {}, {}, {}, string, import("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

@@ -0,0 +1 @@
+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`,{"data-soybean-form-control":``,class:o(d.value)},[c(e.$slots,`default`)],2))}});export{l as default};

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

@@ -0,0 +1,17 @@
+import { FormControlProps } from "./types.js";
+
+//#region src/components/form/form-control.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<FormControlProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FormControlProps> & Readonly<{}>, {}, {}, {}, {}, string, import("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-description.js

@@ -0,0 +1 @@
+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),"data-soybean-form-description":``,class:s(h.value)},[l(e.$slots,`default`)],10,d))}});export{f as default};

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

@@ -0,0 +1,17 @@
+import { FormDescriptionProps } from "./types.js";
+
+//#region src/components/form/form-description.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<FormDescriptionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FormDescriptionProps> & Readonly<{}>, {}, {}, {}, {}, string, import("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-error.js

@@ -0,0 +1 @@
+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),"data-soybean-form-error":``,class:s(h.value)},[l(e.$slots,`default`)],10,d))}});export{f as default};

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

@@ -0,0 +1,17 @@
+import { FormErrorProps } from "./types.js";
+
+//#region src/components/form/form-error.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<FormErrorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FormErrorProps> & Readonly<{}>, {}, {}, {}, {}, string, import("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-array-compact.js

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

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

@@ -0,0 +1,15 @@
+import { FormFieldArrayCompactSlots, FormFieldCompactProps } from "./types.js";
+
+//#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: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("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-control.js";import r from"./form-description.js";import i from"./form-error.js";import a from"./form-field.js";import o from"./form-label.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(a,p(O.value,{"data-orientation":D.value,"data-error":d.error?``:void 0}),{default:b(t=>[v(w).label||d.label?(h(),c(o,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(n,m(f(A.value)),{default:b(()=>[g(e.$slots,`default`,m(f(t))),d.error?(h(),c(i,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(r,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};