@soybeanjs/headless 0.30.0 → 0.40.0-beta.1

package/dist/components/editable/editable-preview.js

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useEditableRootContext as t,useEditableUi as n}from"./context.js";import{computed as r,createBlock as i,createTextVNode as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,toDisplayString as u,unref as d,withCtx as f}from"vue";const p=o({name:`EditablePreview`,__name:`editable-preview`,props:{asChild:{type:Boolean},as:{default:`span`}},setup(o){let p=o,{activationMode:m,dataDisabled:h,dataReadonly:g,dataState:_,disabled:v,edit:y,isEditing:b,isEmpty:x,modelValue:S,placeholder:C}=t(`EditablePreview`),w=n(`preview`),T=r(()=>C.value.preview),E=r(()=>v.value?-1:0);function D(){m.value===`focus`&&y()}function O(){m.value===`dblclick`&&y()}return(t,n)=>(c(),i(d(e),s(p,{"data-soybean-editable-preview":``,class:d(w),"data-disabled":d(h),"data-placeholder-shown":d(x)?``:void 0,"data-readonly":d(g),"data-state":d(_),hidden:d(b),tabindex:E.value,onDblclick:O,onFocusin:D}),{default:f(()=>[l(t.$slots,`default`,{},()=>[a(u(d(S)||T.value),1)])]),_:3},16,[`class`,`data-disabled`,`data-placeholder-shown`,`data-readonly`,`data-state`,`hidden`,`tabindex`]))}});export{p as default};
+import{Primitive as e}from"../primitive/primitive.js";import{useEditableRootContext as t,useEditableUi as n}from"./context.js";import{computed as r,createBlock as i,createTextVNode as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,toDisplayString as u,unref as d,withCtx as f}from"vue";const p=o({name:`EditablePreview`,__name:`editable-preview`,props:{asChild:{type:Boolean},as:{default:`span`}},setup(o){let p=o,{activationMode:m,dataDisabled:h,dataReadonly:g,dataState:_,disabled:v,edit:y,isEditing:b,isEmpty:x,modelValue:S,placeholder:C}=t(`EditablePreview`),w=n(`preview`),T=r(()=>C.value.preview),E=r(()=>v.value?-1:0);function D(){m.value===`focus`&&y()}function O(){m.value===`dblclick`&&y()}return(t,n)=>(c(),i(d(e),s(p,{"data-soybean-editable-preview":``,class:d(w),"data-disabled":d(h),"data-placeholder-shown":d(x)?``:void 0,"data-readonly":d(g),"data-state":d(_),hidden:d(b),tabindex:E.value,onDblclick:O,onFocusin:D}),{default:f(()=>[l(t.$slots,`default`,{},()=>[a(u(d(S)||T.value),1)])]),_:3},16,[`class`,`data-disabled`,`data-placeholder-shown`,`data-readonly`,`data-state`,`hidden`,`tabindex`]))}});export{p as default};

package/dist/components/editable/editable-root.js

@@ -1 +1 @@
-import{isFormControl as e,transformPropsToContext as t}from"../../shared/vue.js";import{useDirection as n}from"../config-provider/context.js";import"../../shared/index.js";import{useControllableState as r}from"../../composables/use-controllable-state.js";import{useFocusOutside as i,usePointerdownOutside as a}from"../../composables/use-dismissable-layer.js";import{useForwardElement as o}from"../../composables/use-forward-element.js";import{useOmitProps as s}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as c}from"../primitive/primitive.js";import"../primitive/index.js";import l from"../visually-hidden/visually-hidden-input.js";import{provideEditableRootContext as u,useEditableUi as d}from"./context.js";import{computed as f,createBlock as p,createCommentVNode as m,defineComponent as h,mergeProps as g,openBlock as _,renderSlot as v,shallowRef as y,unref as b,watch as x,withCtx as S}from"vue";const C=h({name:`EditableRoot`,__name:`editable-root`,props:{defaultValue:{},modelValue:{default:void 0},placeholder:{},dir:{},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},activationMode:{default:`focus`},selectOnFocus:{type:Boolean,default:!1},submitMode:{default:`blur`},startWithEditMode:{type:Boolean,default:!1},maxLength:{},autoResize:{type:Boolean,default:!1},id:{},name:{},required:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`submit`,`update:state`],setup(h,{expose:C,emit:w}){let T=h,E=w,[D,O]=o(),k=d(`root`),A=s(T,[`defaultValue`,`modelValue`,`placeholder`,`dir`,`disabled`,`readonly`,`activationMode`,`selectOnFocus`,`submitMode`,`startWithEditMode`,`maxLength`,`id`,`name`,`required`,`autoResize`]),j=n(()=>T.dir),M=r(()=>T.modelValue,e=>{E(`update:modelValue`,e)},T.defaultValue??``),N=y(M.value??``),P=y(T.startWithEditMode),F=f(()=>e(D.value)),I=f(()=>typeof T.placeholder==`string`?{edit:T.placeholder,preview:T.placeholder}:T.placeholder??{}),L=f(()=>P.value?N.value:M.value),R=f(()=>!L.value);x(M,e=>{P.value||(N.value=e??``)},{immediate:!0});function z(){T.disabled||T.readonly||P.value||(N.value=M.value??``,P.value=!0,E(`update:state`,`edit`))}function B(){P.value&&(N.value=M.value??``,P.value=!1,E(`update:state`,`cancel`))}function V(){if(!P.value)return;let e=N.value??``;M.value=e,P.value=!1,E(`update:state`,`submit`),E(`submit`,e)}function H(){if(P.value){if(T.submitMode===`blur`||T.submitMode===`both`){V();return}B()}}let U=a(D,()=>{H()},P),W=i(D,()=>{H()},P),{dataDisabled:G,dataReadonly:K,dataState:q}=u({...t(T,[`id`,`name`,`maxLength`,`disabled`,`readonly`,`activationMode`,`submitMode`,`selectOnFocus`,`startWithEditMode`,`dir`,`required`,`autoResize`]),modelValue:M,inputValue:N,placeholder:I,isEditing:P,isEmpty:R,edit:z,cancel:B,submit:V});return C({edit:z,cancel:B,submit:V}),(e,t)=>(_(),p(b(c),g(b(A),{ref:b(O),"data-soybean-editable-root":``,class:b(k),dir:b(j),"data-dismissable-layer":``,"data-disabled":b(G),"data-readonly":b(K),"data-state":b(q),onFocusCapture:b(W).onFocusCapture,onBlurCapture:b(W).onBlurCapture,onPointerdownCapture:b(U).onPointerdownCapture}),{default:S(()=>[v(e.$slots,`default`,{modelValue:b(M),inputValue:N.value,isEditing:P.value,isEmpty:R.value,edit:z,cancel:B,submit:V}),F.value&&h.name?(_(),p(l,{key:0,type:`text`,value:b(M),name:h.name,disabled:h.disabled,readonly:h.readonly,required:h.required},null,8,[`value`,`name`,`disabled`,`readonly`,`required`])):m(`v-if`,!0)]),_:3},16,[`class`,`dir`,`data-disabled`,`data-readonly`,`data-state`,`onFocusCapture`,`onBlurCapture`,`onPointerdownCapture`]))}});export{C as default};
+import{isFormControl as e,toContext as t}from"../../shared/vue.js";import{useDirection as n}from"../config-provider/context.js";import{useControllableState as r}from"../../composables/use-controllable-state.js";import{useFocusOutside as i,usePointerdownOutside as a}from"../../composables/use-dismissable-layer.js";import{useForwardElement as o}from"../../composables/use-forward-element.js";import{useOmitProps as s}from"../../composables/use-props.js";import{Primitive as c}from"../primitive/primitive.js";import l from"../visually-hidden/visually-hidden-input.js";import{provideEditableRootContext as u,useEditableUi as d}from"./context.js";import{computed as f,createBlock as p,createCommentVNode as m,defineComponent as h,mergeProps as g,openBlock as _,renderSlot as v,shallowRef as y,unref as b,watch as x,withCtx as S}from"vue";const C=h({name:`EditableRoot`,__name:`editable-root`,props:{defaultValue:{},modelValue:{default:void 0},placeholder:{},dir:{},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},activationMode:{default:`focus`},selectOnFocus:{type:Boolean,default:!1},submitMode:{default:`blur`},startWithEditMode:{type:Boolean,default:!1},maxLength:{},autoResize:{type:Boolean,default:!1},id:{},name:{},required:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`submit`,`update:state`],setup(h,{expose:C,emit:w}){let T=h,E=w,[D,O]=o(),k=d(`root`),A=s(T,[`defaultValue`,`modelValue`,`placeholder`,`dir`,`disabled`,`readonly`,`activationMode`,`selectOnFocus`,`submitMode`,`startWithEditMode`,`maxLength`,`id`,`name`,`required`,`autoResize`]),j=n(()=>T.dir),M=r(()=>T.modelValue,e=>{E(`update:modelValue`,e)},T.defaultValue??``),N=y(M.value??``),P=y(T.startWithEditMode),F=f(()=>e(D.value)),I=f(()=>typeof T.placeholder==`string`?{edit:T.placeholder,preview:T.placeholder}:T.placeholder??{}),L=f(()=>P.value?N.value:M.value),R=f(()=>!L.value);x(M,e=>{P.value||(N.value=e??``)},{immediate:!0});function z(){T.disabled||T.readonly||P.value||(N.value=M.value??``,P.value=!0,E(`update:state`,`edit`))}function B(){P.value&&(N.value=M.value??``,P.value=!1,E(`update:state`,`cancel`))}function V(){if(!P.value)return;let e=N.value??``;M.value=e,P.value=!1,E(`update:state`,`submit`),E(`submit`,e)}function H(){if(P.value){if(T.submitMode===`blur`||T.submitMode===`both`){V();return}B()}}let U=a(D,()=>{H()},P),W=i(D,()=>{H()},P),{dataDisabled:G,dataReadonly:K,dataState:q}=u({...t(T,[`id`,`name`,`maxLength`,`disabled`,`readonly`,`activationMode`,`submitMode`,`selectOnFocus`,`startWithEditMode`,`dir`,`required`,`autoResize`]),modelValue:M,inputValue:N,placeholder:I,isEditing:P,isEmpty:R,edit:z,cancel:B,submit:V});return C({edit:z,cancel:B,submit:V}),(e,t)=>(_(),p(b(c),g(b(A),{ref:b(O),"data-soybean-editable-root":``,class:b(k),dir:b(j),"data-dismissable-layer":``,"data-disabled":b(G),"data-readonly":b(K),"data-state":b(q),onFocusCapture:b(W).onFocusCapture,onBlurCapture:b(W).onBlurCapture,onPointerdownCapture:b(U).onPointerdownCapture}),{default:S(()=>[v(e.$slots,`default`,{modelValue:b(M),inputValue:N.value,isEditing:P.value,isEmpty:R.value,edit:z,cancel:B,submit:V}),F.value&&h.name?(_(),p(l,{key:0,type:`text`,value:b(M),name:h.name,disabled:h.disabled,readonly:h.readonly,required:h.required},null,8,[`value`,`name`,`disabled`,`readonly`,`required`])):m(`v-if`,!0)]),_:3},16,[`class`,`dir`,`data-disabled`,`data-readonly`,`data-state`,`onFocusCapture`,`onBlurCapture`,`onPointerdownCapture`]))}});export{C as default};

package/dist/components/editable/editable-root.vue.d.ts

@@ -30,8 +30,8 @@ declare const __VLS_base: import("vue").DefineComponent<EditableRootProps, {
 }>, {
   disabled: boolean;
   modelValue: string;
-  activationMode: EditableActivationMode;
   readonly: boolean;
+  activationMode: EditableActivationMode;
   selectOnFocus: boolean;
   submitMode: EditableSubmitMode;
   startWithEditMode: boolean;

package/dist/components/editable/editable-submit-trigger.js

@@ -1 +1 @@
-import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import t from"../button/button.js";import{useEditableRootContext as n,useEditableUi as r}from"./context.js";import{computed as i,createBlock as a,createTextVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,toDisplayString as d,unref as f,useAttrs as p,withCtx as m}from"vue";const h=s({name:`EditableSubmitTrigger`,__name:`editable-submit-trigger`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let h=s,g=p(),{dataReadonly:_,dataState:v,disabled:y,readonly:b,isEditing:x,submit:S}=n(`EditableSubmitTrigger`),C=r(`submitTrigger`),w=e(),T=i(()=>y.value||b.value),E=i(()=>{if(!g[`aria-labelledby`])return g[`aria-label`]||w.value.editable.submit});function D(){S()}return(e,n)=>(l(),a(t,c(h,{"data-soybean-editable-submit-trigger":``,class:f(C),"aria-label":E.value,"data-readonly":f(_),"data-state":f(v),disabled:T.value,hidden:!f(x),onClick:D}),{default:m(()=>[u(e.$slots,`default`,{},()=>[o(d(f(w).editable.submit),1)])]),_:3},16,[`class`,`aria-label`,`data-readonly`,`data-state`,`disabled`,`hidden`]))}});export{h as default};
+import{useLocaleMessages as e}from"../../locale/hooks.js";import t from"../button/button.js";import{useEditableRootContext as n,useEditableUi as r}from"./context.js";import{computed as i,createBlock as a,createTextVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,toDisplayString as d,unref as f,useAttrs as p,withCtx as m}from"vue";const h=s({name:`EditableSubmitTrigger`,__name:`editable-submit-trigger`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let h=s,g=p(),{dataReadonly:_,dataState:v,disabled:y,readonly:b,isEditing:x,submit:S}=n(`EditableSubmitTrigger`),C=r(`submitTrigger`),w=e(),T=i(()=>y.value||b.value),E=i(()=>{if(!g[`aria-labelledby`])return g[`aria-label`]||w.value.editable.submit});function D(){S()}return(e,n)=>(l(),a(t,c(h,{"data-soybean-editable-submit-trigger":``,class:f(C),"aria-label":E.value,"data-readonly":f(_),"data-state":f(v),disabled:T.value,hidden:!f(x),onClick:D}),{default:m(()=>[u(e.$slots,`default`,{},()=>[o(d(f(w).editable.submit),1)])]),_:3},16,[`class`,`aria-label`,`data-readonly`,`data-state`,`disabled`,`hidden`]))}});export{h as default};

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

@@ -8,23 +8,23 @@ import { ComputedRef, ShallowRef } from "vue";
 /**
  * Type information for EditableActivationMode.
  */
-type EditableActivationMode = 'focus' | 'dblclick' | 'none';
+export type EditableActivationMode = 'focus' | 'dblclick' | 'none';
 /**
  * Type information for EditableSubmitMode.
  */
-type EditableSubmitMode = 'blur' | 'enter' | 'none' | 'both';
+export type EditableSubmitMode = 'blur' | 'enter' | 'none' | 'both';
 /**
  * State values for EditableEventState.
  */
-type EditableEventState = 'edit' | 'submit' | 'cancel';
+export type EditableEventState = 'edit' | 'submit' | 'cancel';
 /**
  * State values for EditableViewState.
  */
-type EditableViewState = 'preview' | 'edit';
+export type EditableViewState = 'preview' | 'edit';
 /**
  * Type information for EditablePlaceholder.
  */
-interface EditablePlaceholder {
+export interface EditablePlaceholder {
   /**
    * Edit.
    */
@@ -37,7 +37,7 @@ interface EditablePlaceholder {
 /**
  * Properties for the EditableRoot component.
  */
-interface EditableRootProps extends FormFieldCommonProps, Omit<PrimitiveWithBaseProps, 'onSubmit' | 'placeholder'> {
+export interface EditableRootProps extends FormFieldCommonProps, Omit<PrimitiveWithBaseProps, 'onSubmit' | 'placeholder'> {
   /** The default value of the editable field. */
   defaultValue?: string;
   /** The controlled value of the editable field. */
@@ -68,7 +68,7 @@ interface EditableRootProps extends FormFieldCommonProps, Omit<PrimitiveWithBase
 /**
  * Events for the EditableRoot component.
  */
-type EditableRootEmits = {
+export type EditableRootEmits = {
   /** Event handler called whenever the model value changes. */
   'update:modelValue': [value: string];
   /** Event handler called when a value is submitted. */
@@ -79,15 +79,15 @@ type EditableRootEmits = {
 /**
  * Properties for the EditableArea component.
  */
-interface EditableAreaProps extends PrimitiveWithBaseProps {}
+export interface EditableAreaProps extends PrimitiveWithBaseProps {}
 /**
  * Properties for the EditablePreview component.
  */
-interface EditablePreviewProps extends PrimitiveWithBaseProps {}
+export interface EditablePreviewProps extends PrimitiveWithBaseProps {}
 /**
  * Properties for the EditableInput component.
  */
-interface EditableInputProps extends Omit<PrimitiveWithBaseProps, 'id'> {
+export interface EditableInputProps extends Omit<PrimitiveWithBaseProps, 'id'> {
   /**
    * Id.
    */
@@ -96,27 +96,27 @@ interface EditableInputProps extends Omit<PrimitiveWithBaseProps, 'id'> {
 /**
  * Properties for the EditableEditTrigger component.
  */
-interface EditableEditTriggerProps extends ButtonProps {}
+export interface EditableEditTriggerProps extends ButtonProps {}
 /**
  * Properties for the EditableSubmitTrigger component.
  */
-interface EditableSubmitTriggerProps extends ButtonProps {}
+export interface EditableSubmitTriggerProps extends ButtonProps {}
 /**
  * Properties for the EditableCancelTrigger component.
  */
-interface EditableCancelTriggerProps extends ButtonProps {}
+export interface EditableCancelTriggerProps extends ButtonProps {}
 /**
  * Available UI slots for the Editable component.
  */
-type EditableUiSlot = 'root' | 'area' | 'preview' | 'input' | 'controls' | 'editTrigger' | 'submitTrigger' | 'cancelTrigger';
+export type EditableUiSlot = 'root' | 'area' | 'preview' | 'input' | 'controls' | 'editTrigger' | 'submitTrigger' | 'cancelTrigger';
 /**
  * UI class overrides for the Editable component.
  */
-type EditableUi = UiClass<EditableUiSlot>;
+export type EditableUi = UiClass<EditableUiSlot>;
 /**
  * Properties for the EditableCompact component.
  */
-interface EditableCompactProps extends EditableRootProps {
+export interface EditableCompactProps extends EditableRootProps {
   /**
    * Properties forwarded to the area element.
    */
@@ -145,11 +145,11 @@ interface EditableCompactProps extends EditableRootProps {
 /**
  * Events for the EditableCompact component.
  */
-type EditableCompactEmits = EditableRootEmits;
+export type EditableCompactEmits = EditableRootEmits;
 /**
  * Slot properties for the EditableCompact component.
  */
-interface EditableCompactSlotProps {
+export interface EditableCompactSlotProps {
   /**
    * Current model value.
    */
@@ -182,7 +182,7 @@ interface EditableCompactSlotProps {
 /**
  * Slots for the EditableCompact component.
  */
-type EditableCompactSlots = {
+export type EditableCompactSlots = {
   /**
    * Custom content for the default slot.
    */
@@ -208,5 +208,4 @@ type EditableCompactSlots = {
    */
   'cancel-trigger'?: (props: EditableCompactSlotProps) => any;
 };
-//#endregion
-export { EditableActivationMode, EditableAreaProps, EditableCancelTriggerProps, EditableCompactEmits, EditableCompactProps, EditableCompactSlotProps, EditableCompactSlots, EditableEditTriggerProps, EditableEventState, EditableInputProps, EditablePlaceholder, EditablePreviewProps, EditableRootEmits, EditableRootProps, EditableSubmitMode, EditableSubmitTriggerProps, EditableUi, EditableUiSlot, EditableViewState };
+//#endregion

package/dist/components/empty/context.d.ts

@@ -1,8 +1,8 @@
 import { UiClass } from "../../types/common.js";
-import { UseUiConsumer } from "../../composables/use-ui-context.js";
-import "../../composables/index.js";
 import { EmptyUiSlot } from "./types.js";
 import "../../index.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/index.js";
 //#region src/components/empty/context.d.ts
 declare const provideEmptyUi: (ui: import("vue").ComputedRef<Partial<UiClass<EmptyUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<EmptyUiSlot>>>, useEmptyUi: UseUiConsumer<EmptyUiSlot>;
 //#endregion

package/dist/components/empty/context.js

@@ -1 +1 @@
-import{useUiContext as e}from"../../composables/use-ui-context.js";import"../../composables/index.js";const[t,n]=e(`EmptyUi`);export{t as provideEmptyUi,n as useEmptyUi};
+import{useUiContext as e}from"../../composables/use-ui-context.js";const[t,n]=e(`EmptyUi`);export{t as provideEmptyUi,n as useEmptyUi};

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

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../_icon/icon.js";import n from"./empty-content.js";import r from"./empty-description.js";import i from"./empty-header.js";import a from"./empty-media.js";import o from"./empty-root.js";import s from"./empty-title.js";import{computed as c,createBlock as l,createCommentVNode as u,createTextVNode as d,createVNode as f,defineComponent as p,guardReactiveProps as m,mergeProps as h,normalizeProps as g,openBlock as _,renderSlot as v,toDisplayString as y,unref as b,useSlots as x,withCtx as S}from"vue";const C=p({name:`EmptyCompact`,__name:`empty-compact`,props:{title:{},description:{},icon:{},headerProps:{},mediaProps:{},contentProps:{},titleProps:{},descriptionProps:{}},setup(p){let C=p,w=x(),T=e(C,[`title`,`description`,`icon`,`headerProps`,`mediaProps`,`contentProps`,`titleProps`,`descriptionProps`]),E=c(()=>!!(w.media||C.icon)),D=c(()=>!!(E.value||w.title||w.description||C.title||C.description));return(e,c)=>(_(),l(o,g(m(b(T))),{default:S(()=>[D.value?(_(),l(i,g(h({key:0},p.headerProps)),{default:S(()=>[E.value?(_(),l(a,g(h({key:0},p.mediaProps)),{default:S(()=>[v(e.$slots,`media`,{},()=>[p.icon?(_(),l(t,{key:0,icon:p.icon},null,8,[`icon`])):u(`v-if`,!0)])]),_:3},16)):u(`v-if`,!0),b(w).title||p.title?(_(),l(s,g(h({key:1},p.titleProps)),{default:S(()=>[v(e.$slots,`title`,{},()=>[d(y(p.title),1)])]),_:3},16)):u(`v-if`,!0),b(w).description||p.description?(_(),l(r,g(h({key:2},p.descriptionProps)),{default:S(()=>[v(e.$slots,`description`,{},()=>[d(y(p.description),1)])]),_:3},16)):u(`v-if`,!0)]),_:3},16)):u(`v-if`,!0),f(n,g(m(p.contentProps)),{default:S(()=>[v(e.$slots,`content`)]),_:3},16),v(e.$slots,`default`)]),_:3},16))}});export{C as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import t from"../_icon/icon.js";import n from"./empty-content.js";import r from"./empty-description.js";import i from"./empty-header.js";import a from"./empty-media.js";import o from"./empty-root.js";import s from"./empty-title.js";import{computed as c,createBlock as l,createCommentVNode as u,createTextVNode as d,createVNode as f,defineComponent as p,guardReactiveProps as m,mergeProps as h,normalizeProps as g,openBlock as _,renderSlot as v,toDisplayString as y,unref as b,useSlots as x,withCtx as S}from"vue";const C=p({name:`EmptyCompact`,__name:`empty-compact`,props:{title:{},description:{},icon:{},headerProps:{},mediaProps:{},contentProps:{},titleProps:{},descriptionProps:{}},setup(p){let C=p,w=x(),T=e(C,[`title`,`description`,`icon`,`headerProps`,`mediaProps`,`contentProps`,`titleProps`,`descriptionProps`]),E=c(()=>!!(w.media||C.icon)),D=c(()=>!!(E.value||w.title||w.description||C.title||C.description));return(e,c)=>(_(),l(o,g(m(b(T))),{default:S(()=>[D.value?(_(),l(i,g(h({key:0},p.headerProps)),{default:S(()=>[E.value?(_(),l(a,g(h({key:0},p.mediaProps)),{default:S(()=>[v(e.$slots,`media`,{},()=>[p.icon?(_(),l(t,{key:0,icon:p.icon},null,8,[`icon`])):u(`v-if`,!0)])]),_:3},16)):u(`v-if`,!0),b(w).title||p.title?(_(),l(s,g(h({key:1},p.titleProps)),{default:S(()=>[v(e.$slots,`title`,{},()=>[d(y(p.title),1)])]),_:3},16)):u(`v-if`,!0),b(w).description||p.description?(_(),l(r,g(h({key:2},p.descriptionProps)),{default:S(()=>[v(e.$slots,`description`,{},()=>[d(y(p.description),1)])]),_:3},16)):u(`v-if`,!0)]),_:3},16)):u(`v-if`,!0),f(n,g(m(p.contentProps)),{default:S(()=>[v(e.$slots,`content`)]),_:3},16),v(e.$slots,`default`)]),_:3},16))}});export{C as default};

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

@@ -6,39 +6,39 @@ import { IconValue } from "../_icon/types.js";
 /**
  * Properties for the EmptyRoot component.
  */
-interface EmptyRootProps extends BaseProps {}
+export interface EmptyRootProps extends BaseProps {}
 /**
  * Properties for the EmptyHeader component.
  */
-interface EmptyHeaderProps extends BaseProps {}
+export interface EmptyHeaderProps extends BaseProps {}
 /**
  * Properties for the EmptyMedia component.
  */
-interface EmptyMediaProps extends BaseProps {}
+export interface EmptyMediaProps extends BaseProps {}
 /**
  * Properties for the EmptyContent component.
  */
-interface EmptyContentProps extends BaseProps {}
+export interface EmptyContentProps extends BaseProps {}
 /**
  * Properties for the EmptyTitle component.
  */
-interface EmptyTitleProps extends BaseProps {}
+export interface EmptyTitleProps extends BaseProps {}
 /**
  * Properties for the EmptyDescription component.
  */
-interface EmptyDescriptionProps extends BaseProps {}
+export interface EmptyDescriptionProps extends BaseProps {}
 /**
  * Available UI slots for the Empty component.
  */
-type EmptyUiSlot = 'root' | 'header' | 'media' | 'content' | 'title' | 'description';
+export type EmptyUiSlot = 'root' | 'header' | 'media' | 'content' | 'title' | 'description';
 /**
  * UI class overrides for the Empty component.
  */
-type EmptyUi = UiClass<EmptyUiSlot>;
+export type EmptyUi = UiClass<EmptyUiSlot>;
 /**
  * Properties for the EmptyCompact component.
  */
-interface EmptyCompactProps extends EmptyRootProps {
+export interface EmptyCompactProps extends EmptyRootProps {
   /**
    * Title text rendered by the component.
    */
@@ -75,7 +75,7 @@ interface EmptyCompactProps extends EmptyRootProps {
 /**
  * Slots for the EmptyCompact component.
  */
-type EmptyCompactSlots = {
+export type EmptyCompactSlots = {
   /**
    * Custom content for the default slot.
    */
@@ -97,5 +97,4 @@ type EmptyCompactSlots = {
    */
   content?: () => any;
 };
-//#endregion
-export { EmptyCompactProps, EmptyCompactSlots, EmptyContentProps, EmptyDescriptionProps, EmptyHeaderProps, EmptyMediaProps, EmptyRootProps, EmptyTitleProps, EmptyUi, EmptyUiSlot };
+//#endregion

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

@@ -1,8 +1,8 @@
 import { UiClass } from "../../types/common.js";
-import { UseUiConsumer } from "../../composables/use-ui-context.js";
-import "../../composables/index.js";
 import { FormFieldUiSlot, FormUiSlot } from "./types.js";
 import "../../index.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/index.js";
 //#region src/components/form/context.d.ts
 declare const provideFormUi: (ui: import("vue").ComputedRef<Partial<UiClass<FormUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<FormUiSlot>>>, useFormUi: UseUiConsumer<FormUiSlot>;
 declare const provideFormFieldUi: (ui: import("vue").ComputedRef<Partial<UiClass<FormFieldUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<FormFieldUiSlot>>>, useFormFieldUi: UseUiConsumer<FormFieldUiSlot>;

package/dist/components/form/context.js

@@ -1 +1 @@
-import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{computed as n,useId as r}from"vue";const[i,a]=e(`FormField`,e=>{let{error:t}=e,i=r(),a=`form-field-${i}`,o=`form-field-description-${i}`,s=`form-field-error-${i}`;return{formFieldId:a,formDescriptionId:o,formErrorId:s,ariaDescribedBy:n(()=>t.value?`${o} ${s}`:o),ariaInvalid:n(()=>!!t.value)}}),[o,s]=e(`FormCompact`),[c,l]=t(`FormUi`),[u,d]=t(`FormFieldUi`);export{o as provideFormCompactContext,i as provideFormFieldContext,u as provideFormFieldUi,c as provideFormUi,s as useFormCompactContext,a as useFormFieldContext,d as useFormFieldUi,l as useFormUi};
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import{computed as n,useId as r}from"vue";const[i,a]=e(`FormField`,e=>{let{error:t}=e,i=r(),a=`form-field-${i}`,o=`form-field-description-${i}`,s=`form-field-error-${i}`;return{formFieldId:a,formDescriptionId:o,formErrorId:s,ariaDescribedBy:n(()=>t.value?`${o} ${s}`:o),ariaInvalid:n(()=>!!t.value)}}),[o,s]=e(`FormCompact`),[c,l]=t(`FormUi`),[u,d]=t(`FormFieldUi`);export{o as provideFormCompactContext,i as provideFormFieldContext,u as provideFormFieldUi,c as provideFormUi,s as useFormCompactContext,a as useFormFieldContext,d as useFormFieldUi,l as useFormUi};

package/dist/components/form/core/shared.js

@@ -1 +1 @@
-import{keysOf as e}from"../../../shared/guard.js";import{setValue as t}from"../../../shared/value.js";import"../../../shared/index.js";import{klona as n}from"klona/full";function r(i,a){switch(a.type){case`SubmitAttempt`:i.isSubmitting.value=!0,i.submitCount.value+=1;break;case`SubmitSuccess`:i.isSubmitting.value=!1;break;case`SubmitFailure`:i.isSubmitting.value=!1;break;case`SetValues`:e(i.values).forEach(e=>{delete i.values[e]}),e(a.payload).forEach(e=>{i.values[e]=a.payload[e]});break;case`SetFieldValue`:t(i.values,a.payload.name,n(a.payload.value));break;case`SetTouched`:t(i.touched.value,a.payload.name,a.payload.touched);break;case`SetErrors`:i.errors.value=a.payload;break;case`SetFieldError`:t(i.errors.value,a.payload.name,a.payload.error);break;case`SetIsSubmitting`:i.isSubmitting.value=a.payload;break;case`SetIsValidating`:i.isValidating.value=a.payload;break;case`ResetForm`:r(i,{type:`SetValues`,payload:a.payload.values}),i.touched.value=a.payload.touched,i.errors.value=a.payload.errors,i.submitCount.value=a.payload.submitCount}}export{r as updateFormState};
+import{keysOf as e}from"../../../shared/guard.js";import{klona as t}from"../../../shared/object.js";import{setValue as n}from"../../../shared/value.js";function r(i,a){switch(a.type){case`SubmitAttempt`:i.isSubmitting.value=!0,i.submitCount.value+=1;break;case`SubmitSuccess`:i.isSubmitting.value=!1;break;case`SubmitFailure`:i.isSubmitting.value=!1;break;case`SetValues`:e(i.values).forEach(e=>{delete i.values[e]}),e(a.payload).forEach(e=>{i.values[e]=a.payload[e]});break;case`SetFieldValue`:n(i.values,a.payload.name,t(a.payload.value));break;case`SetTouched`:n(i.touched.value,a.payload.name,a.payload.touched);break;case`SetErrors`:i.errors.value=a.payload;break;case`SetFieldError`:n(i.errors.value,a.payload.name,a.payload.error);break;case`SetIsSubmitting`:i.isSubmitting.value=a.payload;break;case`SetIsValidating`:i.isValidating.value=a.payload;break;case`ResetForm`:r(i,{type:`SetValues`,payload:a.payload.values}),i.touched.value=a.payload.touched,i.errors.value=a.payload.errors,i.submitCount.value=a.payload.submitCount}}export{r as updateFormState};

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

@@ -7,31 +7,31 @@ import { StandardSchemaV1 } from "@standard-schema/spec";
 /**
  * Type information for InferStandardSchemaInput.
  */
-type InferStandardSchemaInput<S extends StandardSchemaV1<FormValues, FormValues>> = NonNullable<S['~standard']['types']>['input'];
+export 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'];
+export type InferStandardSchemaOutput<S extends StandardSchemaV1<FormValues, FormValues>> = NonNullable<S['~standard']['types']>['output'];
 /**
  * Type information for FormValidateMode.
  */
-type FormValidateMode = 'blur' | 'input' | 'change' | 'submit';
+export type FormValidateMode = 'blur' | 'input' | 'change' | 'submit';
 /**
  * Type information for FormValues.
  */
-type FormValues = Record<string, any>;
+export type FormValues = Record<string, any>;
 /**
  * Type information for FormErrors.
  */
-type FormErrors<Values extends FormValues> = { [K in keyof Path<Values>]?: string; };
+export 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; };
+export type FormTouched<Values extends FormValues> = { [K in keyof Path<Values>]?: boolean; };
 /**
  * Type information for FormFieldMeta.
  */
-type FormFieldMeta = {
+export type FormFieldMeta = {
   /**
    * Whether dirty.
    */
@@ -48,7 +48,7 @@ type FormFieldMeta = {
 /**
  * Type information for FormSubmitHelper.
  */
-interface FormSubmitHelper<Values extends FormValues> {
+export interface FormSubmitHelper<Values extends FormValues> {
   /**
    * Set submitting.
    */
@@ -61,7 +61,7 @@ interface FormSubmitHelper<Values extends FormValues> {
 /**
  * State values for FormResetState.
  */
-interface FormResetState<Values extends FormValues = FormValues> {
+export interface FormResetState<Values extends FormValues = FormValues> {
   /**
    * Values.
    */
@@ -82,7 +82,7 @@ interface FormResetState<Values extends FormValues = FormValues> {
 /**
  * Type information for FormMessage.
  */
-type FormMessage<Values extends FormValues = FormValues, Name extends Path<Values> = Path<Values>> =
+export type FormMessage<Values extends FormValues = FormValues, Name extends Path<Values> = Path<Values>> =
 /**
  * Type.
  */
@@ -236,7 +236,7 @@ type FormMessage<Values extends FormValues = FormValues, Name extends Path<Value
 /**
  * State values for FormState.
  */
-interface FormState<Values extends FormValues> {
+export interface FormState<Values extends FormValues> {
   /**
    * Values.
    */
@@ -265,7 +265,7 @@ interface FormState<Values extends FormValues> {
 /**
  * Type information for UseHeadlessFormOptions.
  */
-interface UseHeadlessFormOptions<S extends StandardSchemaV1<FormValues, FormValues>> {
+export interface UseHeadlessFormOptions<S extends StandardSchemaV1<FormValues, FormValues>> {
   /**
    * Schema.
    */
@@ -306,11 +306,11 @@ interface UseHeadlessFormOptions<S extends StandardSchemaV1<FormValues, FormValu
 /**
  * Type information for FormFieldValidator.
  */
-type FormFieldValidator<Value> = (value: Value) => MaybePromise<string | undefined>;
+export type FormFieldValidator<Value> = (value: Value) => MaybePromise<string | undefined>;
 /**
  * Type information for FormRegisterOptions.
  */
-interface FormRegisterOptions<Value> {
+export interface FormRegisterOptions<Value> {
   /**
    * Validate.
    */
@@ -323,7 +323,7 @@ interface FormRegisterOptions<Value> {
 /**
  * Type information for FormEventHandler.
  */
-interface FormEventHandler<S = string> {
+export interface FormEventHandler<S = string> {
   /**
    * Callback invoked when the blur event fires.
    */
@@ -340,7 +340,7 @@ interface FormEventHandler<S = string> {
 /**
  * State values for FormFieldState.
  */
-interface FormFieldState<Values extends FormValues, Name extends Path<Values>> extends FormEventHandler<Name> {
+export interface FormFieldState<Values extends FormValues, Name extends Path<Values>> extends FormEventHandler<Name> {
   /**
    * Name.
    */
@@ -357,7 +357,7 @@ interface FormFieldState<Values extends FormValues, Name extends Path<Values>> e
 /**
  * State values for FormFieldArrayState.
  */
-interface FormFieldArrayState<Values extends FormValues, Name extends Path<Values>> extends FormEventHandler<Name> {
+export interface FormFieldArrayState<Values extends FormValues, Name extends Path<Values>> extends FormEventHandler<Name> {
   /**
    * Name.
    */
@@ -374,7 +374,7 @@ interface FormFieldArrayState<Values extends FormValues, Name extends Path<Value
 /**
  * Type information for UseFormStateReturn.
  */
-interface UseFormStateReturn<Values extends FormValues> {
+export interface UseFormStateReturn<Values extends FormValues> {
   /**
    * Form state.
    */
@@ -466,7 +466,7 @@ interface UseFormStateReturn<Values extends FormValues> {
 /**
  * Context for UseHeadlessFormReturn.
  */
-interface UseHeadlessFormReturn<Values extends FormValues> extends Omit<UseFormStateReturn<Values>, 'formState' | 'submitHelper'>, FormState<Values> {
+export interface UseHeadlessFormReturn<Values extends FormValues> extends Omit<UseFormStateReturn<Values>, 'formState' | 'submitHelper'>, FormState<Values> {
   /**
    * Handle submit used by the component context.
    */
@@ -487,11 +487,11 @@ interface UseHeadlessFormReturn<Values extends FormValues> extends Omit<UseFormS
 /**
  * Type information for UseRegisterFieldArrayOptions.
  */
-interface UseRegisterFieldArrayOptions<Values extends FormValues> extends Pick<UseFormStateReturn<Values>, 'getFieldState' | 'getFieldValue' | 'setFieldValue' | 'setFieldArrayValue' | 'registerFieldArray'> {}
+export 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>> {
+export interface FormFieldArrayStates<Values extends FormValues, Name extends Path<Values>> {
   /**
    * Name.
    */
@@ -537,5 +537,4 @@ interface FormFieldArrayStates<Values extends FormValues, Name extends Path<Valu
    */
   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, InferStandardSchemaOutput, UseFormStateReturn, UseHeadlessFormOptions, UseHeadlessFormReturn, UseRegisterFieldArrayOptions };
+//#endregion

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

@@ -1 +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){let n=e(g.value,t);m(l,n,e,{argA:void 0})}function b(e){let t=r(g.value,e);m(l,t,r,{argA:void 0})}function x(e){let t=i(g.value,e);m(l,t,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){let r=t(g.value,e,n);m(l,r,t,{argA:e,argB:void 0})}function T(e,t){if(!(e in g.value))return;let n=o(g.value,e,t);m(l,n,o,{argA:e,argB:void 0})}function E(e){let t=[...e];m(l,t,e=>e,{})}let D=f(l),O={name:l,fields:_,meta:s(()=>D.value.meta),append:y,prepend:b,remove:x,swap:S,move:C,insert:w,update:T,replace:E};return c(O)}export{l as useRegisterFieldArray};
+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{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){let n=e(g.value,t);m(l,n,e,{argA:void 0})}function b(e){let t=r(g.value,e);m(l,t,r,{argA:void 0})}function x(e){let t=i(g.value,e);m(l,t,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){let r=t(g.value,e,n);m(l,r,t,{argA:e,argB:void 0})}function T(e,t){if(!(e in g.value))return;let n=o(g.value,e,t);m(l,n,o,{argA:e,argB:void 0})}function E(e){let t=[...e];m(l,t,e=>e,{})}let D=f(l),O={name:l,fields:_,meta:s(()=>D.value.meta),append:y,prepend:b,remove:x,swap:S,move:C,insert:w,update:T,replace:E};return c(O)}export{l as useRegisterFieldArray};

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

@@ -1 +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){let t={dirty:c(()=>V(e)),error:c(()=>z(e)),touched:c(()=>B(e))};return p(t)}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),n={name:e,value:L(e),meta:t,onBlur:U,onChange:W,onInput:G};return p(n)}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};
+import{isFunction as e,isNullish as t,isString as n,keysOf as r}from"../../../shared/guard.js";import{defu as i,isEqual as a,klona as o}from"../../../shared/object.js";import{getValue as s,setValue as c}from"../../../shared/value.js";import{updateFormState as l}from"./shared.js";import{validateStandardSchema as u}from"./standard.js";import{computed as d,onMounted as f,reactive as p,ref as m,shallowRef as h,toRef as g}from"vue";function _(_){let{validateOnMounted:v=!1,validateMode:y=`submit`,reValidateMode:b=`change`}=_,x=o(_.initialValues||{}),S=o(_.initialErrors||{}),C=o(_.initialTouched||{}),w={values:p(o(x)),touched:m(o(C)),errors:m(o(S)),submitCount:h(0),isSubmitting:h(!1),isValidating:h(!1)},T=d(()=>!a(w.values,x)),E={},D={},O=d(()=>w.submitCount.value===0?y:b);function k(e,t,n){let r=e;r in w.values||c(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 l(w,{type:`SetValues`,payload:e}),(t(n)?O.value===`change`:n)?Z(w.values):Promise.resolve()}function M(e){l(w,{type:`SetErrors`,payload:e})}function N(e,t,n=!0){return l(w,{type:`SetFieldValue`,payload:{name:e,value:t}}),n?Z(w.values):Promise.resolve()}function P(e,t){l(w,{type:`SetTouched`,payload:{name:e,touched:t}})}function F(e,t){l(w,{type:`SetFieldError`,payload:{name:e,error:t}})}function I(e,t,n,i,a=!0){if(n&&i){if(r(w.errors.value).length&&Array.isArray(s(w.errors.value,e))){let t=n(s(w.errors.value,e),i.argA,i.argB);a&&F(e,t)}if(r(w.touched.value).length&&Array.isArray(s(w.touched.value,e))){let t=n(s(w.touched.value,e),i.argA,i.argB);a&&l(w,{type:`SetTouched`,payload:{name:e,touched:t}})}}return N(e,t)}function L(e){return d({get(){return s(w.values,e)},set(t){N(e,t)}})}function R(e){let t={dirty:d(()=>V(e)),error:d(()=>z(e)),touched:d(()=>B(e))};return g(t)}function z(e){return s(w.errors.value,e)}function B(e){return s(w.touched.value,e,!1)}function V(e){return!a(s(x,e),s(w.values,e))}async function H(t){if(E[t]&&e(E[t].validate)){l(w,{type:`SetIsValidating`,payload:!0});let e=await X(t,s(w.values,t));return F(t,e),l(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),n={name:e,value:L(e),meta:t,onBlur:U,onChange:W,onInput:G};return g(n)}function q(e){l(w,{type:`SetIsSubmitting`,payload:e})}let J={setSubmitting:q,get initialValues(){return o(x||{})}};async function Y(t){let n=r(E).filter(t=>e(E?.[t]?.validate)),i=n.map(e=>X(e,s(t,e)));return Promise.all(i).then(e=>e.reduce((e,t,r)=>(t&&c(e,n[r],t),e),{}))}function X(e,t){return Promise.resolve(E[e]?.validate?.(t))}async function Z(e=w.values){return l(w,{type:`SetIsValidating`,payload:!0}),Promise.all([Y(e),u(e,_.schema)]).then(([e,t])=>{let n=i(e,t);return M(n),n}).finally(()=>{l(w,{type:`SetIsValidating`,payload:!1})})}function Q(e){let t=o(e?.values||x),n=o(e?.errors||S),r=o(e?.touched||C);x=o(t),S=o(n),C=o(r),l(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 f(()=>{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

@@ -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{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};
+import{isNullish as e,keysOf as t}from"../../../shared/guard.js";import{klona as n}from"../../../shared/object.js";import{updateFormState as r}from"./shared.js";import{useRegisterFieldArray as i}from"./use-field-array.js";import{useFormState as a}from"./use-form-state.js";function o(o){let{onSubmit:s=()=>Promise.resolve(),onInvalid:c}=o,{formState:l,submitHelper:u,...d}=a(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(i){i?.preventDefault(),r(l,{type:`SubmitAttempt`}),p().then(i=>{if(t(i).length===0){let t=s(n(l.values),u);if(e(t))return;t.then(e=>(r(l,{type:`SubmitSuccess`}),e)).catch(()=>{r(l,{type:`SubmitFailure`})})}else r(l,{type:`SubmitFailure`}),c?.(i)})}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

@@ -1 +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};
+import{toContext as e}from"../../shared/vue.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-field-array-compact.js

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

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

@@ -1 +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(()=>{let e=C.isFieldArray?E.fieldArrayProps.value:E.fieldProps.value;return p({...e},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,error:d.error}),{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`,`error`]))}});export{C as default};
+import{useOmitProps as e}from"../../composables/use-props.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(()=>{let e=C.isFieldArray?E.fieldArrayProps.value:E.fieldProps.value;return p({...e},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,error:d.error}),{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`,`error`]))}});export{C as default};

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

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