@soybeanjs/headless 0.17.0 → 0.18.0

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

@@ -5,31 +5,31 @@ import { StandardSchemaV1 } from "@standard-schema/spec";
 
 //#region src/components/form/core/types.d.ts
 /**
- * Type information for the infer standard schema input component.
+ * Type information for InferStandardSchemaInput.
  */
 type InferStandardSchemaInput<S extends StandardSchemaV1<FormValues, FormValues>> = NonNullable<S['~standard']['types']>['input'];
 /**
- * Type information for the infer standard schema output component.
+ * Type information for InferStandardSchemaOutput.
  */
 type InferStandardSchemaOutput<S extends StandardSchemaV1<FormValues, FormValues>> = NonNullable<S['~standard']['types']>['output'];
 /**
- * Type information for the form validate mode component.
+ * Type information for FormValidateMode.
  */
 type FormValidateMode = 'blur' | 'input' | 'change' | 'submit';
 /**
- * Type information for the form values component.
+ * Type information for FormValues.
  */
 type FormValues = Record<string, any>;
 /**
- * Type information for the form errors component.
+ * Type information for FormErrors.
  */
 type FormErrors<Values extends FormValues> = { [K in keyof Path<Values>]?: string };
 /**
- * Type information for the form touched component.
+ * Type information for FormTouched.
  */
 type FormTouched<Values extends FormValues> = { [K in keyof Path<Values>]?: boolean };
 /**
- * Type information for the form field meta component.
+ * Type information for FormFieldMeta.
  */
 type FormFieldMeta = {
   /**
@@ -46,7 +46,7 @@ type FormFieldMeta = {
   touched: boolean | undefined;
 };
 /**
- * Type information for the form submit helper component.
+ * Type information for FormSubmitHelper.
  */
 interface FormSubmitHelper<Values extends FormValues> {
   /**
@@ -59,7 +59,7 @@ interface FormSubmitHelper<Values extends FormValues> {
   readonly initialValues: Values;
 }
 /**
- * State values for the form core component.
+ * State values for FormResetState.
  */
 interface FormResetState<Values extends FormValues = FormValues> {
   /**
@@ -80,7 +80,7 @@ interface FormResetState<Values extends FormValues = FormValues> {
   submitCount: number;
 }
 /**
- * Type information for the form message component.
+ * Type information for FormMessage.
  */
 type FormMessage<Values extends FormValues = FormValues, Name extends Path<Values> = Path<Values>> =
 /**
@@ -234,7 +234,7 @@ type FormMessage<Values extends FormValues = FormValues, Name extends Path<Value
   payload: FormResetState<Values>;
 };
 /**
- * State values for the form core component.
+ * State values for FormState.
  */
 interface FormState<Values extends FormValues> {
   /**
@@ -263,9 +263,9 @@ interface FormState<Values extends FormValues> {
   isValidating: ShallowRef<boolean>;
 }
 /**
- * Type information for the use form options component.
+ * Type information for UseHeadlessFormOptions.
  */
-interface UseFormOptions<S extends StandardSchemaV1<FormValues, FormValues>> {
+interface UseHeadlessFormOptions<S extends StandardSchemaV1<FormValues, FormValues>> {
   /**
    * Schema.
    */
@@ -304,11 +304,11 @@ interface UseFormOptions<S extends StandardSchemaV1<FormValues, FormValues>> {
   onInvalid?: (errors: FormErrors<InferStandardSchemaOutput<S>>) => void;
 }
 /**
- * Type information for the form field validator component.
+ * Type information for FormFieldValidator.
  */
 type FormFieldValidator<Value> = (value: Value) => MaybePromise<string | undefined>;
 /**
- * Type information for the form register options component.
+ * Type information for FormRegisterOptions.
  */
 interface FormRegisterOptions<Value> {
   /**
@@ -321,7 +321,7 @@ interface FormRegisterOptions<Value> {
   reset?: () => void;
 }
 /**
- * Type information for the form event handler component.
+ * Type information for FormEventHandler.
  */
 interface FormEventHandler<S = string> {
   /**
@@ -338,7 +338,7 @@ interface FormEventHandler<S = string> {
   onInput: () => void;
 }
 /**
- * State values for the form core component.
+ * State values for FormFieldState.
  */
 interface FormFieldState<Values extends FormValues, Name extends Path<Values>> extends FormEventHandler<Name> {
   /**
@@ -355,7 +355,7 @@ interface FormFieldState<Values extends FormValues, Name extends Path<Values>> e
   meta: FormFieldMeta;
 }
 /**
- * State values for the form core component.
+ * State values for FormFieldArrayState.
  */
 interface FormFieldArrayState<Values extends FormValues, Name extends Path<Values>> extends FormEventHandler<Name> {
   /**
@@ -372,7 +372,7 @@ interface FormFieldArrayState<Values extends FormValues, Name extends Path<Value
   meta: FormFieldMeta;
 }
 /**
- * Type information for the use form state return component.
+ * Type information for UseFormStateReturn.
  */
 interface UseFormStateReturn<Values extends FormValues> {
   /**
@@ -464,9 +464,9 @@ interface UseFormStateReturn<Values extends FormValues> {
   resetForm(nextState?: FormResetState<Values>): void;
 }
 /**
- * Context for the form component.
+ * Context for UseHeadlessFormReturn.
  */
-interface FormContext<Values extends FormValues> extends Omit<UseFormStateReturn<Values>, 'formState' | 'submitHelper'>, FormState<Values> {
+interface UseHeadlessFormReturn<Values extends FormValues> extends Omit<UseFormStateReturn<Values>, 'formState' | 'submitHelper'>, FormState<Values> {
   /**
    * Handle submit used by the component context.
    */
@@ -485,11 +485,11 @@ interface FormContext<Values extends FormValues> extends Omit<UseFormStateReturn
   useField<Name extends Path<Values>>(name: Name, opts?: FormRegisterOptions<PathValue<Values, Name>>): Ref<FormFieldState<Values, Name>>;
 }
 /**
- * Type information for the use register field array options component.
+ * Type information for UseRegisterFieldArrayOptions.
  */
 interface UseRegisterFieldArrayOptions<Values extends FormValues> extends Pick<UseFormStateReturn<Values>, 'getFieldState' | 'getFieldValue' | 'setFieldValue' | 'setFieldArrayValue' | 'registerFieldArray'> {}
 /**
- * Type information for the form field array states component.
+ * Type information for FormFieldArrayStates.
  */
 interface FormFieldArrayStates<Values extends FormValues, Name extends Path<Values>> {
   /**
@@ -538,4 +538,4 @@ interface FormFieldArrayStates<Values extends FormValues, Name extends Path<Valu
   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 };

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

@@ -1 +1 @@
-import{provideFormFieldContext as e,useFormFieldUi as t}from"./context.js";import{computed as n,createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=[`id`],u=i({name:`FormField`,__name:`form-field`,props:{error:{},isFieldArray:{type:Boolean}},setup(i){let u=i,d=n(()=>u.isFieldArray?t(`fieldArray`).value:t(`field`).value),{formFieldId:f,ariaDescribedBy:p,ariaInvalid:m}=e({error:n(()=>u.error)});return(e,t)=>(o(),r(`div`,{id:i.isFieldArray?c(f):void 0,class:a(d.value)},[s(e.$slots,`default`,{formFieldId:c(f),ariaDescribedBy:c(p),ariaInvalid:c(m)})],10,l))}});export{u as default};
+import{provideFormFieldContext 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`,`data-field-type`],f=o({name:`FormField`,__name:`form-field`,props:{error:{},isFieldArray:{type:Boolean}},setup(o){let f=o,p=f.isFieldArray?`fieldArray`:`field`,m=n(p),h=t(p),g=i(()=>r(m.value,h.value)),{formFieldId:_,ariaDescribedBy:v,ariaInvalid:y}=e({error:i(()=>f.error)});return(e,t)=>(c(),a(`div`,{id:o.isFieldArray?u(_):void 0,class:s(g.value),"data-field-type":o.isFieldArray?`array`:`field`},[l(e.$slots,`default`,{formFieldId:u(_),ariaDescribedBy:u(v),ariaInvalid:u(y)})],10,d))}});export{f as default};

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

@@ -1 +1 @@
-import e from"../label/label.js";import"../label/index.js";import{useFormFieldContext as t,useFormFieldUi as n}from"./context.js";import{createBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=i({name:`FormLabel`,__name:`form-label`,props:{for:{}},setup(i){let{formFieldId:u}=t(`FormLabel`),d=n(`label`);return(t,n)=>(o(),r(c(e),{for:c(u),class:a(c(d))},{default:l(()=>[s(t.$slots,`default`)]),_:3},8,[`for`,`class`]))}});export{u as default};
+import e from"../label/label.js";import"../label/index.js";import{useFormFieldContext as t,useFormFieldUi as n,useFormUi as r}from"./context.js";import{mergeClasses as i}from"./shared.js";import{computed as a,createBlock as o,defineComponent as s,normalizeClass as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=s({name:`FormLabel`,__name:`form-label`,props:{for:{}},setup(s){let{formFieldId:p}=t(`FormLabel`),m=r(`label`),h=n(`label`),g=a(()=>i(m.value,h.value));return(t,n)=>(l(),o(d(e),{for:d(p),class:c(g.value)},{default:f(()=>[u(t.$slots,`default`)]),_:3},8,[`for`,`class`]))}});export{p as default};

package/dist/components/form/index.d.ts

@@ -1,11 +1,15 @@
-import { FormControlProps, FormDescriptionProps, FormErrorProps, FormFieldProps, FormFieldUi, FormFieldUiSlot, FormLabelProps } from "./types.js";
-import { _default as _default$3 } from "./form-field.vue.js";
-import { _default as _default$4 } from "./form-label.vue.js";
-import { _default } from "./form-control.vue.js";
-import { _default as _default$1 } from "./form-description.vue.js";
-import { _default as _default$2 } from "./form-error.vue.js";
-import { provideFormFieldUi } from "./context.js";
-import { FormContext, FormErrors, FormEventHandler, FormFieldArrayState, FormFieldArrayStates, FormFieldMeta, FormFieldState, FormFieldValidator, FormMessage, FormRegisterOptions, FormResetState, FormState, FormSubmitHelper, FormTouched, FormValidateMode, FormValues, InferStandardSchemaInput, UseFormOptions, UseFormStateReturn, UseRegisterFieldArrayOptions } from "./core/types.js";
-import { useForm } from "./core/use-form.js";
+import { FormErrors, FormEventHandler, FormFieldArrayState, FormFieldArrayStates, FormFieldMeta, FormFieldState, FormFieldValidator, FormMessage, FormRegisterOptions, FormResetState, FormState, FormSubmitHelper, FormTouched, FormValidateMode, FormValues, InferStandardSchemaInput, UseFormStateReturn, UseHeadlessFormOptions, UseHeadlessFormReturn, UseRegisterFieldArrayOptions } from "./core/types.js";
+import { FormCompactProps, FormControlProps, FormDescriptionProps, FormErrorProps, FormFieldArrayCompactSlots, FormFieldArrayComponent, FormFieldBaseCompactProps, FormFieldBaseCompactSlots, FormFieldCompactProps, FormFieldCompactSlots, FormFieldComponent, FormFieldProps, FormFieldUi, FormFieldUiSlot, FormLabelProps, FormUi, FormUiSlot, UseFormReturn } from "./types.js";
+import { _default } from "./form-compact.vue.js";
+import { _default as _default$7 } from "./form-field-compact.vue.js";
+import { _default as _default$5 } from "./form-field-array-compact.vue.js";
+import { _default as _default$6 } from "./form-field-base-compact.vue.js";
+import { _default as _default$4 } from "./form-field.vue.js";
+import { _default as _default$8 } from "./form-label.vue.js";
+import { _default as _default$1 } from "./form-control.vue.js";
+import { _default as _default$2 } from "./form-description.vue.js";
+import { _default as _default$3 } from "./form-error.vue.js";
+import { provideFormFieldUi, provideFormUi } from "./context.js";
+import { useForm } from "./use-form.js";
 import { StandardSchemaV1 } from "@standard-schema/spec";
-export { type FormContext, _default as FormControl, type FormControlProps, _default$1 as FormDescription, type FormDescriptionProps, _default$2 as FormError, type FormErrorProps, type FormErrors, type FormEventHandler, _default$3 as FormField, type FormFieldArrayState, type FormFieldArrayStates, type FormFieldMeta, type FormFieldProps, type FormFieldState, type FormFieldUi, type FormFieldUiSlot, type FormFieldValidator, _default$4 as FormLabel, type FormLabelProps, type FormMessage, type FormRegisterOptions, type FormResetState, type FormState, type FormSubmitHelper, type FormTouched, type FormValidateMode, type FormValues, type InferStandardSchemaInput, type StandardSchemaV1, type UseFormOptions, type UseFormStateReturn, type UseRegisterFieldArrayOptions, provideFormFieldUi, useForm };
+export { _default as FormCompact, type FormCompactProps, _default$1 as FormControl, type FormControlProps, _default$2 as FormDescription, type FormDescriptionProps, _default$3 as FormError, type FormErrorProps, type FormErrors, type FormEventHandler, _default$4 as FormField, _default$5 as FormFieldArrayCompact, type FormFieldArrayCompactSlots, type FormFieldArrayComponent, type FormFieldArrayState, type FormFieldArrayStates, _default$6 as FormFieldBaseCompact, type FormFieldBaseCompactProps, type FormFieldBaseCompactSlots, _default$7 as FormFieldCompact, type FormFieldCompactProps, type FormFieldCompactSlots, type FormFieldComponent, type FormFieldMeta, type FormFieldProps, type FormFieldState, type FormFieldUi, type FormFieldUiSlot, type FormFieldValidator, _default$8 as FormLabel, type FormLabelProps, type FormMessage, type FormRegisterOptions, type FormResetState, type FormState, type FormSubmitHelper, type FormTouched, type FormUi, type FormUiSlot, type FormValidateMode, type FormValues, type InferStandardSchemaInput, type StandardSchemaV1, type UseFormReturn, type UseFormStateReturn, type UseHeadlessFormOptions, type UseHeadlessFormReturn, type UseRegisterFieldArrayOptions, provideFormFieldUi, provideFormUi, useForm };

package/dist/components/form/index.js

@@ -1 +1 @@
-import{provideFormFieldUi as e}from"./context.js";import t from"./form-field.js";import n from"./form-label.js";import r from"./form-control.js";import i from"./form-description.js";import a from"./form-error.js";import{useForm as o}from"./core/use-form.js";export{r as FormControl,i as FormDescription,a as FormError,t as FormField,n as FormLabel,e as provideFormFieldUi,o as useForm};
+import{provideFormFieldUi as e,provideFormUi as t}from"./context.js";import{useForm as n}from"./use-form.js";import r from"./form-compact.js";import i from"./form-field.js";import a from"./form-label.js";import o from"./form-control.js";import s from"./form-description.js";import c from"./form-error.js";import l from"./form-field-base-compact.js";import u from"./form-field-compact.js";import d from"./form-field-array-compact.js";export{r as FormCompact,o as FormControl,s as FormDescription,c as FormError,i as FormField,d as FormFieldArrayCompact,l as FormFieldBaseCompact,u as FormFieldCompact,a as FormLabel,e as provideFormFieldUi,t as provideFormUi,n as useForm};

package/dist/components/form/shared.js

@@ -0,0 +1 @@
+function e(...e){let t=e.filter(Boolean),n=[],r=[];return t.forEach(e=>{typeof e==`string`?n.push(e):r.push(e)}),[...new Set(n.join(` `).split(/\s+/g).filter(Boolean)),...r].join(` `)}export{e as mergeClasses};

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

@@ -1,10 +1,12 @@
-import { UiClass } from "../../types/common.js";
+import { DataOrientation, UiClass } from "../../types/common.js";
+import { Path, PathValue } from "../../types/path.js";
 import { LabelProps } from "../label/types.js";
-import { ComputedRef, HTMLAttributes } from "vue";
+import { FormFieldArrayStates, FormFieldState, FormRegisterOptions, FormValues, UseHeadlessFormReturn } from "./core/types.js";
+import { ComponentOptionsMixin, ComputedRef, CreateComponentPublicInstanceWithMixins, EmitsOptions, FormHTMLAttributes, HTMLAttributes, PublicProps, SlotsType } from "vue";
 
 //#region src/components/form/types.d.ts
 /**
- * Props for the form field component.
+ * Properties for the FormField component.
  */
 interface FormFieldProps extends /** @vue-ignore */HTMLAttributes {
   /**
@@ -17,28 +19,145 @@ interface FormFieldProps extends /** @vue-ignore */HTMLAttributes {
   isFieldArray?: boolean;
 }
 /**
- * Props for the form label component.
+ * Properties for the FormLabel component.
  */
 interface FormLabelProps extends LabelProps {}
 /**
- * Props for the form control component.
+ * Properties for the FormControl component.
  */
 interface FormControlProps extends /** @vue-ignore */HTMLAttributes {}
 /**
- * Props for the form description component.
+ * Properties for the FormDescription component.
  */
 interface FormDescriptionProps extends /** @vue-ignore */HTMLAttributes {}
 /**
- * Props for the form error component.
+ * Properties for the FormError component.
  */
 interface FormErrorProps extends /** @vue-ignore */HTMLAttributes {}
 /**
- * Available UI slots for the form component.
+ * Common properties for form field and form field array components, used in both compact and non-compact modes.
+ */
+interface FormFieldCommonProps {
+  /**
+   * Orientation of the form field.
+   *
+   * @default 'vertical'
+   */
+  orientation?: DataOrientation;
+  /**
+   * Label text rendered by the component.
+   */
+  label?: string;
+  /**
+   * Description text rendered by the component.
+   */
+  description?: string;
+  /**
+   * Properties forwarded to the label element.
+   */
+  labelProps?: FormLabelProps;
+  /**
+   * Properties forwarded to the control element.
+   */
+  controlProps?: FormControlProps;
+  /**
+   * Properties forwarded to the description element.
+   */
+  descriptionProps?: FormDescriptionProps;
+  /**
+   * Properties forwarded to the error element.
+   */
+  errorProps?: FormErrorProps;
+}
+/**
+ * Properties for the FormFieldBaseCompact component.
+ */
+interface FormFieldBaseCompactProps extends FormFieldProps, FormFieldCommonProps {}
+/**
+ * Slots for the FormFieldBaseCompact component.
+ */
+type FormFieldBaseCompactSlots = {
+  /**
+   * Custom content for the default slot.
+   */
+  default?: () => any;
+  /**
+   * Custom content for the label slot.
+   */
+  label?: () => any;
+  /**
+   * Custom content for the description slot.
+   */
+  description?: () => any;
+};
+/**
+ * State and methods provided by the form field context.
+ */
+interface FormFieldCompactProps<Values extends FormValues, Name extends Path<Values>> extends Omit<FormFieldProps, 'error' | 'isFieldArray'>, FormFieldCommonProps, FormRegisterOptions<PathValue<Values, Name>> {
+  /**
+   * The name of the form field, used for registration and value retrieval.
+   */
+  name: Name;
+}
+/**
+ * Slots for the FormFieldCompact component.
+ */
+type FormFieldCompactSlots<Values extends FormValues, Name extends Path<Values>> = {
+  /**
+   * Custom content for the default slot.
+   */
+  default?: (props: FormFieldState<Values, Name>) => any;
+  /**
+   * Custom content for the label slot.
+   */
+  label?: (props: FormFieldState<Values, Name>) => any;
+  /**
+   * Custom content for the description slot.
+   */
+  description?: (props: FormFieldState<Values, Name>) => any;
+};
+/**
+ * Type information for FormFieldComponent.
+ */
+type FormFieldComponent<Values extends FormValues, ExtraProps extends Record<string, any> = {}> = new <Name extends Path<Values>>(props: FormFieldCompactProps<Values, Name> & PublicProps & ExtraProps) => CreateComponentPublicInstanceWithMixins<FormFieldCompactProps<Values, Name> & ExtraProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, EmitsOptions, PublicProps, {}, false, {}, SlotsType<FormFieldCompactSlots<Values, Name>>>;
+/**
+ * Slots for the FormFieldArrayCompact component.
+ */
+type FormFieldArrayCompactSlots<Values extends FormValues, Name extends Path<Values>> = {
+  /**
+   * Custom content for the default slot.
+   */
+  default?: (props: FormFieldArrayStates<Values, Name>) => any;
+  /**
+   * Custom content for the label slot.
+   */
+  label?: (props: FormFieldArrayStates<Values, Name>) => any;
+  /**
+   * Custom content for the description slot.
+   */
+  description?: (props: FormFieldArrayStates<Values, Name>) => any;
+};
+/**
+ * Type information for FormFieldArrayComponent.
+ */
+type FormFieldArrayComponent<Values extends FormValues, ExtraProps extends Record<string, any> = {}> = new <Name extends Path<Values>>(props: FormFieldCompactProps<Values, Name> & PublicProps & ExtraProps) => CreateComponentPublicInstanceWithMixins<FormFieldCompactProps<Values, Name> & ExtraProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, EmitsOptions, PublicProps, {}, false, {}, SlotsType<FormFieldArrayCompactSlots<Values, Name>>>;
+/**
+ * Properties for the FormCompact component.
+ */
+interface FormCompactProps extends Pick<FormFieldCommonProps, 'orientation' | 'labelProps' | 'controlProps' | 'descriptionProps' | 'errorProps'>, /** @vue-ignore */FormHTMLAttributes {
+  fieldProps?: FormFieldProps;
+  fieldArrayProps?: FormFieldProps;
+}
+type UseFormReturn<Values extends FormValues, FieldExtraProps extends Record<string, any> = {}, FieldArrayExtraProps extends Record<string, any> = {}> = [UseHeadlessFormReturn<Values>, Field: FormFieldComponent<Values, FieldExtraProps>, FieldArray: FormFieldArrayComponent<Values, FieldArrayExtraProps>];
+/**
+ * Available UI slots for the FormField component.
  */
 type FormFieldUiSlot = 'field' | 'fieldArray' | 'label' | 'control' | 'description' | 'error';
 /**
- * UI class overrides for the form component.
+ * UI class overrides for the FormField component.
  */
 type FormFieldUi = UiClass<FormFieldUiSlot>;
+type FormUiSlot = 'form' | FormFieldUiSlot;
+type FormUi = UiClass<FormUiSlot>;
 //#endregion
-export { FormControlProps, FormDescriptionProps, FormErrorProps, FormFieldProps, FormFieldUi, FormFieldUiSlot, FormLabelProps };
+export { FormCompactProps, FormControlProps, FormDescriptionProps, FormErrorProps, FormFieldArrayCompactSlots, FormFieldArrayComponent, FormFieldBaseCompactProps, FormFieldBaseCompactSlots, FormFieldCompactProps, FormFieldCompactSlots, FormFieldComponent, FormFieldProps, FormFieldUi, FormFieldUiSlot, FormLabelProps, FormUi, FormUiSlot, UseFormReturn };

package/dist/components/form/use-form.d.ts

@@ -0,0 +1,8 @@
+import { FormValues, InferStandardSchemaInput, UseHeadlessFormOptions } from "./core/types.js";
+import { FormFieldArrayComponent, FormFieldComponent, UseFormReturn } from "./types.js";
+import { StandardSchemaV1 } from "@standard-schema/spec";
+
+//#region src/components/form/use-form.d.ts
+declare function useForm<S extends StandardSchemaV1<FormValues, FormValues>, FieldExtraProps extends Record<string, any> = {}, FieldArrayExtraProps extends Record<string, any> = {}>(options: UseHeadlessFormOptions<S>, Field: FormFieldComponent<InferStandardSchemaInput<S>, FieldExtraProps>, FieldArray: FormFieldArrayComponent<InferStandardSchemaInput<S>, FieldArrayExtraProps>): UseFormReturn<InferStandardSchemaInput<S>, FieldExtraProps, FieldArrayExtraProps>;
+//#endregion
+export { useForm };

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

@@ -0,0 +1 @@
+import{useHeadlessForm as e}from"./core/use-form.js";import{inject as t,provide as n}from"vue";const r=Symbol(`UseFormContext`);function i(t,i,a){let o=e(t);return n(r,o),[o,i,a]}const a=Symbol(`UseFormSubContext`);function o(){let e=t(a);if(!e)throw Error(`useFormContext must be used within a useForm provider`);return e}function s(){let e=t(r,null);if(!e)throw Error(`useFormContext must be used within a useForm provider`);return n(a,e),e}export{s as provideFormSub,i as useForm,o as useFormSub};

package/dist/components/hover-card/hover-card-compact.vue.d.ts

@@ -15,8 +15,8 @@ declare const __VLS_base: _$vue.DefineComponent<HoverCardCompactProps, {}, {}, {
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
 }>, {
-  open: boolean;
   defaultOpen: boolean;
+  open: boolean;
   showArrow: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/hover-card/hover-card-root.vue.d.ts

@@ -13,8 +13,8 @@ declare const __VLS_base: _$vue.DefineComponent<HoverCardRootProps, {}, {}, {},
 }, string, _$vue.PublicProps, Readonly<HoverCardRootProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
-  open: boolean;
   defaultOpen: boolean;
+  open: boolean;
   openDelay: number;
   closeDelay: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;