@soybeanjs/headless 0.29.3 → 0.30.0-beta.1

package/dist/components/dropdown-menu/index.d.ts

@@ -1,28 +1,29 @@
 import { PopperAnchorProps, PopperArrowProps } from "../popper/types.js";
 import { PortalProps } from "../portal/types.js";
-import { _default } from "../popper/popper-anchor.vue.js";
-import { _default as _default$11 } from "../portal/portal.vue.js";
-import { _default as _default$1 } from "../popper/popper-arrow.vue.js";
+import _default from "../popper/popper-anchor.vue.js";
+import _default$11 from "../portal/portal.vue.js";
 import { SeparatorRootProps } from "../separator/types.js";
 import { MenuCheckboxGroupProps, MenuCheckboxItemEmits, MenuCheckboxItemProps, MenuGroupLabelProps, MenuGroupProps, MenuItemEmits, MenuItemIndicatorProps, MenuItemProps, MenuPopupProps, MenuRadioGroupEmits, MenuRadioGroupProps, MenuRadioItemEmits, MenuRadioItemProps, MenuSubContentEmits, MenuSubContentProps, MenuSubEmits, MenuSubProps, MenuSubTriggerProps, MenuUi, MenuUiSlot } from "../menu/types.js";
-import { _default as _default$7 } from "../menu/menu-group.vue.js";
-import { _default as _default$8 } from "../menu/menu-group-label.vue.js";
-import { _default as _default$9 } from "../menu/menu-item.vue.js";
-import { _default as _default$10 } from "../menu/menu-item-indicator.vue.js";
-import { _default as _default$4 } from "../menu/menu-checkbox-item.vue.js";
-import { _default as _default$14 } from "../menu/menu-radio-item.vue.js";
-import { _default as _default$17 } from "../menu/menu-sub.vue.js";
-import { _default as _default$19 } from "../menu/menu-sub-trigger.vue.js";
-import { _default as _default$18 } from "../menu/menu-sub-content.vue.js";
-import { _default as _default$16 } from "../separator/separator-root.vue.js";
-import { _default as _default$3 } from "../menu/menu-checkbox-group.vue.js";
-import { _default as _default$13 } from "../menu/menu-radio-group.vue.js";
+import _default$1 from "../popper/popper-arrow.vue.js";
+import _default$7 from "../menu/menu-group.vue.js";
+import _default$8 from "../menu/menu-group-label.vue.js";
+import _default$9 from "../menu/menu-item.vue.js";
+import _default$10 from "../menu/menu-item-indicator.vue.js";
+import _default$4 from "../menu/menu-checkbox-item.vue.js";
+import _default$14 from "../menu/menu-radio-item.vue.js";
+import _default$17 from "../menu/menu-sub.vue.js";
+import _default$19 from "../menu/menu-sub-trigger.vue.js";
+import _default$18 from "../menu/menu-sub-content.vue.js";
+import _default$16 from "../separator/separator-root.vue.js";
+import _default$3 from "../menu/menu-checkbox-group.vue.js";
+import _default$13 from "../menu/menu-radio-group.vue.js";
+import "../menu/index.js";
 import { DropdownMenuCheckboxCompactEmits, DropdownMenuCheckboxCompactProps, DropdownMenuCheckboxCompactSlots, DropdownMenuCompactEmits, DropdownMenuCompactProps, DropdownMenuCompactSlots, DropdownMenuContentEmits, DropdownMenuContentProps, DropdownMenuRadioCompactEmits, DropdownMenuRadioCompactProps, DropdownMenuRadioCompactSlots, DropdownMenuRootEmits, DropdownMenuRootProps, DropdownMenuTriggerProps, DropdownMenuTriggerType, DropdownMenuWrapperCompactEmits, DropdownMenuWrapperCompactProps } from "./types.js";
-import { _default as _default$15 } from "./dropdown-menu-root.vue.js";
-import { _default as _default$20 } from "./dropdown-menu-trigger.vue.js";
-import { _default as _default$6 } from "./dropdown-menu-content.vue.js";
-import { _default as _default$5 } from "./dropdown-menu-compact.vue.js";
-import { _default as _default$2 } from "./dropdown-menu-checkbox-compact.vue.js";
-import { _default as _default$12 } from "./dropdown-menu-radio-compact.vue.js";
-import { _default as _default$21 } from "./dropdown-menu-wrapper-compact.vue.js";
+import _default$15 from "./dropdown-menu-root.vue.js";
+import _default$20 from "./dropdown-menu-trigger.vue.js";
+import _default$6 from "./dropdown-menu-content.vue.js";
+import _default$5 from "./dropdown-menu-compact.vue.js";
+import _default$2 from "./dropdown-menu-checkbox-compact.vue.js";
+import _default$12 from "./dropdown-menu-radio-compact.vue.js";
+import _default$21 from "./dropdown-menu-wrapper-compact.vue.js";
 export { _default as DropdownMenuAnchor, type PopperAnchorProps as DropdownMenuAnchorProps, _default$1 as DropdownMenuArrow, type PopperArrowProps as DropdownMenuArrowProps, _default$2 as DropdownMenuCheckboxCompact, type DropdownMenuCheckboxCompactEmits, type DropdownMenuCheckboxCompactProps, type DropdownMenuCheckboxCompactSlots, _default$3 as DropdownMenuCheckboxGroup, type MenuCheckboxGroupProps as DropdownMenuCheckboxGroupEmits, type MenuCheckboxGroupProps as DropdownMenuCheckboxGroupProps, _default$4 as DropdownMenuCheckboxItem, type MenuCheckboxItemEmits as DropdownMenuCheckboxItemEmits, type MenuCheckboxItemProps as DropdownMenuCheckboxItemProps, _default$5 as DropdownMenuCompact, type DropdownMenuCompactEmits, type DropdownMenuCompactProps, type DropdownMenuCompactSlots, _default$6 as DropdownMenuContent, type DropdownMenuContentEmits, type DropdownMenuContentProps, _default$7 as DropdownMenuGroup, _default$8 as DropdownMenuGroupLabel, type MenuGroupLabelProps as DropdownMenuGroupLabelProps, type MenuGroupProps as DropdownMenuGroupProps, _default$9 as DropdownMenuItem, type MenuItemEmits as DropdownMenuItemEmits, _default$10 as DropdownMenuItemIndicator, type MenuItemIndicatorProps as DropdownMenuItemIndicatorProps, type MenuItemProps as DropdownMenuItemProps, type MenuPopupProps as DropdownMenuPopupProps, _default$11 as DropdownMenuPortal, type PortalProps as DropdownMenuPortalProps, _default$12 as DropdownMenuRadioCompact, type DropdownMenuRadioCompactEmits, type DropdownMenuRadioCompactProps, type DropdownMenuRadioCompactSlots, _default$13 as DropdownMenuRadioGroup, type MenuRadioGroupEmits as DropdownMenuRadioGroupEmits, type MenuRadioGroupProps as DropdownMenuRadioGroupProps, _default$14 as DropdownMenuRadioItem, type MenuRadioItemEmits as DropdownMenuRadioItemEmits, type MenuRadioItemProps as DropdownMenuRadioItemProps, _default$15 as DropdownMenuRoot, type DropdownMenuRootEmits, type DropdownMenuRootProps, _default$16 as DropdownMenuSeparator, type SeparatorRootProps as DropdownMenuSeparatorProps, _default$17 as DropdownMenuSub, _default$18 as DropdownMenuSubContent, type MenuSubContentEmits as DropdownMenuSubContentEmits, type MenuSubContentProps as DropdownMenuSubContentProps, type MenuSubEmits as DropdownMenuSubEmits, type MenuSubProps as DropdownMenuSubProps, _default$19 as DropdownMenuSubTrigger, type MenuSubTriggerProps as DropdownMenuSubTriggerProps, _default$20 as DropdownMenuTrigger, type DropdownMenuTriggerProps, type DropdownMenuTriggerType, type MenuUi as DropdownMenuUi, type MenuUiSlot as DropdownMenuUiSlot, _default$21 as DropdownMenuWrapperCompact, type DropdownMenuWrapperCompactEmits, type DropdownMenuWrapperCompactProps };

package/dist/components/dropdown-menu/types.d.ts

@@ -1,9 +1,10 @@
 import { AcceptableBooleanValue, DefinedValue, Placement } from "../../types/common.js";
+import "../../types/index.js";
 import { PopperArrowProps } from "../popper/types.js";
 import { PortalProps } from "../portal/types.js";
 import { MenuCheckboxOptionsCompactEmits, MenuCheckboxOptionsCompactProps, MenuCheckboxOptionsCompactSlots, MenuContentEmits, MenuContentProps, MenuOptionsCompactEmits, MenuOptionsCompactProps, MenuOptionsCompactSlots, MenuPopupProps, MenuRadioOptionsCompactEmits, MenuRadioOptionsCompactProps, MenuRadioOptionsCompactSlots, MenuRootEmits, MenuRootProps, MenuTriggerProps } from "../menu/types.js";
+import "../menu/index.js";
 import { ComputedRef, ShallowRef } from "vue";
-
 //#region src/components/dropdown-menu/types.d.ts
 /**
  * Supported dropdown menu trigger values.

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

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

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

@@ -1,5 +1,4 @@
 import { EditableAreaProps } from "./types.js";
-
 //#region src/components/editable/editable-area.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/editable/editable-cancel-trigger.vue.d.ts

@@ -1,5 +1,4 @@
 import { EditableCancelTriggerProps } from "./types.js";
-
 //#region src/components/editable/editable-cancel-trigger.vue.d.ts
 declare var __VLS_10: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,14 +1,13 @@
 import { EditableCompactProps, EditableCompactSlots, EditableEventState } from "./types.js";
-
 //#region src/components/editable/editable-compact.vue.d.ts
 type __VLS_Slots = EditableCompactSlots;
 declare const __VLS_base: import("vue").DefineComponent<EditableCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  submit: (value: string) => any;
   "update:modelValue": (value: string) => any;
+  submit: (value: string) => any;
   "update:state": (state: EditableEventState) => any;
 }, string, import("vue").PublicProps, Readonly<EditableCompactProps> & Readonly<{
-  onSubmit?: ((value: string) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onSubmit?: ((value: string) => any) | undefined;
   "onUpdate:state"?: ((state: EditableEventState) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
@@ -19,4 +18,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/editable/editable-edit-trigger.vue.d.ts

@@ -1,5 +1,4 @@
 import { EditableEditTriggerProps } from "./types.js";
-
 //#region src/components/editable/editable-edit-trigger.vue.d.ts
 declare var __VLS_10: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1 +1 @@
-import{getAriaLabel as e}from"../../shared/dom.js";import"../../shared/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{useEditableRootContext as n,useEditableUi as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,mergeProps as s,nextTick as c,onMounted as l,openBlock as u,renderSlot as d,unref as f,useAttrs as p,watch as m,withCtx as h}from"vue";const g=o({name:`EditableInput`,__name:`editable-input`,props:{id:{},asChild:{type:Boolean},as:{default:`input`}},setup(o){let g=o,_=p(),v=g,{dataDisabled:y,dataReadonly:b,dataState:x,id:S,inputElement:C,inputValue:w,isEditing:T,maxLength:E,placeholder:D,readonly:O,selectOnFocus:k,setInputElement:A,submitMode:j,disabled:M,cancel:N,submit:P}=n(`EditableInput`),F=r(`input`),I=i(()=>v.id||S.value),L=i(()=>{if(!_[`aria-labelledby`])return e(C.value,I.value,_[`aria-label`])});function R(){C.value?.focus({preventScroll:!0}),k.value&&C.value?.select()}function z(e){w.value=e.target.value}function B(e){if(!e.isComposing){if(e.key===`Escape`){e.preventDefault(),N();return}(j.value===`enter`||j.value===`both`)&&e.key===`Enter`&&!e.shiftKey&&!e.metaKey&&!e.ctrlKey&&!e.altKey&&(e.preventDefault(),P())}}return m(T,async e=>{e&&(await c(),R())}),l(()=>{T.value&&R()}),(e,n)=>(u(),a(f(t),s(g,{id:I.value,ref:f(A),as:o.as,"as-child":o.asChild,"data-soybean-editable-input":``,class:f(F),"aria-label":L.value,"data-disabled":f(y),"data-readonly":f(b),"data-state":f(x),disabled:f(M),hidden:!f(T),maxlength:f(E),placeholder:f(D).edit,readonly:f(O),value:f(w),onInput:z,onKeydown:B}),{default:h(()=>[d(e.$slots,`default`)]),_:3},16,[`id`,`as`,`as-child`,`class`,`aria-label`,`data-disabled`,`data-readonly`,`data-state`,`disabled`,`hidden`,`maxlength`,`placeholder`,`readonly`,`value`]))}});export{g as default};
+import{getAriaLabel as e}from"../../shared/dom.js";import"../../shared/index.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.js";import{useEditableRootContext as r,useEditableUi as i}from"./context.js";import{computed as a,createBlock as o,defineComponent as s,mergeProps as c,nextTick as l,onMounted as u,openBlock as d,renderSlot as f,unref as p,useAttrs as m,watch as h,withCtx as g}from"vue";const _=s({name:`EditableInput`,__name:`editable-input`,props:{id:{},asChild:{type:Boolean},as:{default:`input`}},setup(s){let _=s,v=m(),y=t(_,[`as`,`asChild`,`id`]),{dataDisabled:b,dataReadonly:x,dataState:S,id:C,inputElement:w,inputValue:T,isEditing:E,maxLength:D,placeholder:O,readonly:k,selectOnFocus:A,setInputElement:j,submitMode:M,disabled:N,cancel:P,submit:F}=r(`EditableInput`),I=i(`input`),L=a(()=>_.id||C.value),R=a(()=>{if(!v[`aria-labelledby`])return e(w.value,L.value,v[`aria-label`])});function z(){w.value?.focus({preventScroll:!0}),A.value&&w.value?.select()}function B(e){T.value=e.target.value}function V(e){if(!e.isComposing){if(e.key===`Escape`){e.preventDefault(),P();return}(M.value===`enter`||M.value===`both`)&&e.key===`Enter`&&!e.shiftKey&&!e.metaKey&&!e.ctrlKey&&!e.altKey&&(e.preventDefault(),F())}}return h(E,async e=>{e&&(await l(),z())}),u(()=>{E.value&&z()}),(e,t)=>(d(),o(p(n),c(p(y),{id:L.value,ref:p(j),as:s.as,"as-child":s.asChild,"data-soybean-editable-input":``,class:p(I),"aria-label":R.value,"data-disabled":p(b),"data-readonly":p(x),"data-state":p(S),disabled:p(N),hidden:!p(E),maxlength:p(D),placeholder:p(O).edit,readonly:p(k),value:p(T),onInput:B,onKeydown:V}),{default:g(()=>[f(e.$slots,`default`)]),_:3},16,[`id`,`as`,`as-child`,`class`,`aria-label`,`data-disabled`,`data-readonly`,`data-state`,`disabled`,`hidden`,`maxlength`,`placeholder`,`readonly`,`value`]))}});export{_ as default};

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

@@ -1,6 +1,6 @@
 import { AsTag } from "../primitive/types.js";
+import "../primitive/index.js";
 import { EditableInputProps } from "./types.js";
-
 //#region src/components/editable/editable-input.vue.d.ts
 declare var __VLS_11: {};
 type __VLS_Slots = {} & {
@@ -17,4 +17,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,6 +1,6 @@
 import { AsTag } from "../primitive/types.js";
+import "../primitive/index.js";
 import { EditablePreviewProps } from "./types.js";
-
 //#region src/components/editable/editable-preview.vue.d.ts
 declare var __VLS_11: {};
 type __VLS_Slots = {} & {
@@ -17,4 +17,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default 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=>{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,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};

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

@@ -1,5 +1,4 @@
 import { EditableActivationMode, EditableEventState, EditableRootProps, EditableSubmitMode } from "./types.js";
-
 //#region src/components/editable/editable-root.vue.d.ts
 declare function edit(): void;
 declare function cancel(): void;
@@ -21,12 +20,12 @@ declare const __VLS_base: import("vue").DefineComponent<EditableRootProps, {
   cancel: typeof cancel;
   submit: typeof submit;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  submit: (value: string) => any;
   "update:modelValue": (value: string) => any;
+  submit: (value: string) => any;
   "update:state": (state: EditableEventState) => any;
 }, string, import("vue").PublicProps, Readonly<EditableRootProps> & Readonly<{
-  onSubmit?: ((value: string) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onSubmit?: ((value: string) => any) | undefined;
   "onUpdate:state"?: ((state: EditableEventState) => any) | undefined;
 }>, {
   disabled: boolean;
@@ -46,4 +45,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/editable/editable-submit-trigger.vue.d.ts

@@ -1,5 +1,4 @@
 import { EditableSubmitTriggerProps } from "./types.js";
-
 //#region src/components/editable/editable-submit-trigger.vue.d.ts
 declare var __VLS_10: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,11 +1,11 @@
 import { EditableActivationMode, EditableAreaProps, EditableCancelTriggerProps, EditableCompactEmits, EditableCompactProps, EditableCompactSlots, EditableEditTriggerProps, EditableEventState, EditableInputProps, EditablePlaceholder, EditablePreviewProps, EditableRootEmits, EditableRootProps, EditableSubmitMode, EditableSubmitTriggerProps, EditableUi, EditableUiSlot, EditableViewState } from "./types.js";
-import { _default } from "./editable-area.vue.js";
-import { _default as _default$1 } from "./editable-cancel-trigger.vue.js";
-import { _default as _default$3 } from "./editable-edit-trigger.vue.js";
-import { _default as _default$4 } from "./editable-input.vue.js";
-import { _default as _default$5 } from "./editable-preview.vue.js";
-import { _default as _default$6 } from "./editable-root.vue.js";
-import { _default as _default$7 } from "./editable-submit-trigger.vue.js";
-import { _default as _default$2 } from "./editable-compact.vue.js";
+import _default from "./editable-area.vue.js";
+import _default$1 from "./editable-cancel-trigger.vue.js";
+import _default$3 from "./editable-edit-trigger.vue.js";
+import _default$4 from "./editable-input.vue.js";
+import _default$5 from "./editable-preview.vue.js";
+import _default$6 from "./editable-root.vue.js";
+import _default$7 from "./editable-submit-trigger.vue.js";
+import _default$2 from "./editable-compact.vue.js";
 import { provideEditableUi } from "./context.js";
 export { type EditableActivationMode, _default as EditableArea, type EditableAreaProps, _default$1 as EditableCancelTrigger, type EditableCancelTriggerProps, _default$2 as EditableCompact, type EditableCompactEmits, type EditableCompactProps, type EditableCompactSlots, _default$3 as EditableEditTrigger, type EditableEditTriggerProps, type EditableEventState, _default$4 as EditableInput, type EditableInputProps, type EditablePlaceholder, _default$5 as EditablePreview, type EditablePreviewProps, _default$6 as EditableRoot, type EditableRootEmits, type EditableRootProps, type EditableSubmitMode, _default$7 as EditableSubmitTrigger, type EditableSubmitTriggerProps, type EditableUi, type EditableUiSlot, type EditableViewState, provideEditableUi };

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

@@ -1,9 +1,9 @@
 import { Direction, UiClass } from "../../types/common.js";
 import { FormFieldCommonProps } from "../../types/component.js";
+import "../../types/index.js";
 import { PrimitiveWithBaseProps } from "../primitive/types.js";
 import { ButtonProps } from "../button/types.js";
 import { ComputedRef, ShallowRef } from "vue";
-
 //#region src/components/editable/types.d.ts
 /**
  * Type information for EditableActivationMode.
@@ -69,8 +69,11 @@ interface EditableRootProps extends FormFieldCommonProps, Omit<PrimitiveWithBase
  * Events for the EditableRoot component.
  */
 type EditableRootEmits = {
-  /** Event handler called whenever the model value changes. */'update:modelValue': [value: string]; /** Event handler called when a value is submitted. */
-  submit: [value: string]; /** Event handler called when the editable field changes state. */
+  /** Event handler called whenever the model value changes. */
+  'update:modelValue': [value: string];
+  /** Event handler called when a value is submitted. */
+  submit: [value: string];
+  /** Event handler called when the editable field changes state. */
   'update:state': [state: EditableEventState];
 };
 /**
@@ -206,4 +209,4 @@ type EditableCompactSlots = {
   'cancel-trigger'?: (props: EditableCompactSlotProps) => any;
 };
 //#endregion
-export { EditableActivationMode, EditableAreaProps, EditableCancelTriggerProps, EditableCompactEmits, EditableCompactProps, EditableCompactSlots, EditableEditTriggerProps, EditableEventState, EditableInputProps, EditablePlaceholder, EditablePreviewProps, EditableRootEmits, EditableRootProps, EditableSubmitMode, EditableSubmitTriggerProps, EditableUi, EditableUiSlot, EditableViewState };
+export { EditableActivationMode, EditableAreaProps, EditableCancelTriggerProps, EditableCompactEmits, EditableCompactProps, EditableCompactSlotProps, EditableCompactSlots, EditableEditTriggerProps, EditableEventState, EditableInputProps, EditablePlaceholder, EditablePreviewProps, EditableRootEmits, EditableRootProps, EditableSubmitMode, EditableSubmitTriggerProps, EditableUi, EditableUiSlot, EditableViewState };

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

@@ -1,6 +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";
 //#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/empty-compact.vue.d.ts

@@ -1,5 +1,4 @@
 import { EmptyCompactProps, EmptyCompactSlots } from "./types.js";
-
 //#region src/components/empty/empty-compact.vue.d.ts
 type __VLS_Slots = EmptyCompactSlots;
 declare const __VLS_base: import("vue").DefineComponent<EmptyCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<EmptyCompactProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -11,4 +10,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/empty/empty-content.vue.d.ts

@@ -1,5 +1,4 @@
 import { EmptyContentProps } from "./types.js";
-
 //#region src/components/empty/empty-content.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,5 +1,4 @@
 import { EmptyDescriptionProps } from "./types.js";
-
 //#region src/components/empty/empty-description.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/empty/empty-header.vue.d.ts

@@ -1,5 +1,4 @@
 import { EmptyHeaderProps } from "./types.js";
-
 //#region src/components/empty/empty-header.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/empty/empty-media.vue.d.ts

@@ -1,5 +1,4 @@
 import { EmptyMediaProps } from "./types.js";
-
 //#region src/components/empty/empty-media.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,5 +1,4 @@
 import { EmptyRootProps } from "./types.js";
-
 //#region src/components/empty/empty-root.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/empty/empty-title.vue.d.ts

@@ -1,5 +1,4 @@
 import { EmptyTitleProps } from "./types.js";
-
 //#region src/components/empty/empty-title.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,10 +1,10 @@
 import { EmptyCompactProps, EmptyCompactSlots, EmptyContentProps, EmptyDescriptionProps, EmptyHeaderProps, EmptyMediaProps, EmptyRootProps, EmptyTitleProps, EmptyUi, EmptyUiSlot } from "./types.js";
-import { _default } from "./empty-compact.vue.js";
-import { _default as _default$5 } from "./empty-root.vue.js";
-import { _default as _default$3 } from "./empty-header.vue.js";
-import { _default as _default$4 } from "./empty-media.vue.js";
-import { _default as _default$1 } from "./empty-content.vue.js";
-import { _default as _default$6 } from "./empty-title.vue.js";
-import { _default as _default$2 } from "./empty-description.vue.js";
+import _default from "./empty-compact.vue.js";
+import _default$5 from "./empty-root.vue.js";
+import _default$3 from "./empty-header.vue.js";
+import _default$4 from "./empty-media.vue.js";
+import _default$1 from "./empty-content.vue.js";
+import _default$6 from "./empty-title.vue.js";
+import _default$2 from "./empty-description.vue.js";
 import { provideEmptyUi } from "./context.js";
 export { _default as EmptyCompact, type EmptyCompactProps, type EmptyCompactSlots, _default$1 as EmptyContent, type EmptyContentProps, _default$2 as EmptyDescription, type EmptyDescriptionProps, _default$3 as EmptyHeader, type EmptyHeaderProps, _default$4 as EmptyMedia, type EmptyMediaProps, _default$5 as EmptyRoot, type EmptyRootProps, _default$6 as EmptyTitle, type EmptyTitleProps, type EmptyUi, type EmptyUiSlot, provideEmptyUi };

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

@@ -1,7 +1,7 @@
 import { UiClass } from "../../types/common.js";
 import { BaseProps } from "../../types/vue.js";
+import "../../types/index.js";
 import { IconValue } from "../_icon/types.js";
-
 //#region src/components/empty/types.d.ts
 /**
  * Properties for the EmptyRoot component.

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

@@ -1,6 +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";
 //#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/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;break;default:}}export{r as updateFormState};
+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};

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

@@ -1,8 +1,8 @@
 import { ArrayElement, MaybePromise } from "../../../types/common.js";
 import { Path, PathValue } from "../../../types/path.js";
+import "../../../types/index.js";
 import { ComputedRef, Ref, ShallowRef, WritableComputedRef } from "vue";
 import { StandardSchemaV1 } from "@standard-schema/spec";
-
 //#region src/components/form/core/types.d.ts
 /**
  * Type information for InferStandardSchemaInput.
@@ -23,11 +23,11 @@ type FormValues = Record<string, any>;
 /**
  * Type information for FormErrors.
  */
-type FormErrors<Values extends FormValues> = { [K in keyof Path<Values>]?: string };
+type FormErrors<Values extends FormValues> = { [K in keyof Path<Values>]?: string; };
 /**
  * Type information for FormTouched.
  */
-type FormTouched<Values extends FormValues> = { [K in keyof Path<Values>]?: boolean };
+type FormTouched<Values extends FormValues> = { [K in keyof Path<Values>]?: boolean; };
 /**
  * Type information for FormFieldMeta.
  */
@@ -91,25 +91,25 @@ type FormMessage<Values extends FormValues = FormValues, Name extends Path<Value
  */
 {
   type: 'SubmitAttempt';
-}
+} |
 /**
  * Type.
  */
 /**
  * Type.
  */
-| {
+{
   type: 'SubmitSuccess';
-}
+} |
 /**
  * Type.
  */
 /**
  * Type.
  */
-| {
+{
   type: 'SubmitFailure';
-}
+} |
 /**
  * Payload.
  */
@@ -122,10 +122,10 @@ type FormMessage<Values extends FormValues = FormValues, Name extends Path<Value
 /**
  * Type.
  */
-| {
+{
   type: 'SetValues';
   payload: Values;
-}
+} |
 /**
  * Payload.
  */
@@ -138,7 +138,7 @@ type FormMessage<Values extends FormValues = FormValues, Name extends Path<Value
 /**
  * Type.
  */
-| {
+{
   type: 'SetFieldValue';
   payload: {
     name: Name;
@@ -156,7 +156,7 @@ type FormMessage<Values extends FormValues = FormValues, Name extends Path<Value
     name: Name;
     touched?: boolean;
   };
-}
+} |
 /**
  * Payload.
  */
@@ -169,7 +169,7 @@ type FormMessage<Values extends FormValues = FormValues, Name extends Path<Value
 /**
  * Type.
  */
-| {
+{
   type: 'SetErrors';
   payload: FormErrors<Values>;
 } | {
@@ -184,7 +184,7 @@ type FormMessage<Values extends FormValues = FormValues, Name extends Path<Value
     name: Name;
     error: string | undefined;
   };
-}
+} |
 /**
  * Whether payload.
  */
@@ -197,10 +197,10 @@ type FormMessage<Values extends FormValues = FormValues, Name extends Path<Value
 /**
  * Type.
  */
-| {
+{
   type: 'SetIsSubmitting';
   payload: boolean;
-}
+} |
 /**
  * Whether payload.
  */
@@ -213,10 +213,10 @@ type FormMessage<Values extends FormValues = FormValues, Name extends Path<Value
 /**
  * Type.
  */
-| {
+{
   type: 'SetIsValidating';
   payload: boolean;
-}
+} |
 /**
  * Payload.
  */
@@ -229,7 +229,7 @@ type FormMessage<Values extends FormValues = FormValues, Name extends Path<Value
 /**
  * Type.
  */
-| {
+{
   type: 'ResetForm';
   payload: FormResetState<Values>;
 };
@@ -538,4 +538,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, UseFormStateReturn, UseHeadlessFormOptions, UseHeadlessFormReturn, UseRegisterFieldArrayOptions };
+export { FormErrors, FormEventHandler, FormFieldArrayState, FormFieldArrayStates, FormFieldMeta, FormFieldState, FormFieldValidator, FormMessage, FormRegisterOptions, FormResetState, FormState, FormSubmitHelper, FormTouched, FormValidateMode, FormValues, InferStandardSchemaInput, InferStandardSchemaOutput, UseFormStateReturn, UseHeadlessFormOptions, UseHeadlessFormReturn, UseRegisterFieldArrayOptions };

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

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){return p({dirty:c(()=>V(e)),error:c(()=>z(e)),touched:c(()=>B(e))})}function z(e){return i(w.errors.value,e)}function B(e){return i(w.touched.value,e,!1)}function V(e){return!m(i(x,e),i(w.values,e))}async function H(t){if(E[t]&&e(E[t].validate)){o(w,{type:`SetIsValidating`,payload:!0});let e=await X(t,i(w.values,t));return F(t,e),o(w,{type:`SetIsValidating`,payload:!1}),e}return Promise.resolve()}let U=(e,t)=>{if((e=>n(e))(e)){P(e,!0);return}let{name:r,id:i}=e.target,a=t??(r||i);a&&P(a,!0)},W=()=>{O.value===`change`&&Z(w.values)},G=()=>{O.value===`input`&&Z(w.values)};function K(e){let t=R(e);return p({name:e,value:L(e),meta:t,onBlur:U,onChange:W,onInput:G})}function q(e){o(w,{type:`SetIsSubmitting`,payload:e})}let J={setSubmitting:q,get initialValues(){return g(x||{})}};async function Y(t){let n=r(E).filter(t=>e(E?.[t]?.validate)),o=n.map(e=>X(e,i(t,e)));return Promise.all(o).then(e=>e.reduce((e,t,r)=>(t&&a(e,n[r],t),e),{}))}function X(e,t){return Promise.resolve(E[e]?.validate?.(t))}async function Z(e=w.values){return o(w,{type:`SetIsValidating`,payload:!0}),Promise.all([Y(e),s(e,_.schema)]).then(([e,t])=>{let n=h(e,t);return M(n),n}).finally(()=>{o(w,{type:`SetIsValidating`,payload:!1})})}function Q(e){let t=g(e?.values||x),n=g(e?.errors||S),r=g(e?.touched||C);x=g(t),S=g(n),C=g(r),o(w,{type:`ResetForm`,payload:{values:t,touched:r,errors:n,submitCount:typeof e?.submitCount==`number`?e.submitCount:0}}),Object.values(D).forEach(e=>{e?.reset?.()})}return l(()=>{v&&Z(x)}),{formState:w,dirty:T,submitHelper:J,setSubmitting:q,registerField:k,registerFieldArray:A,validateField:H,getFieldValue:L,getFieldMeta:R,getFieldError:z,getFieldTouched:B,getFieldDirty:V,getFieldState:K,setValues:j,setErrors:M,setFieldValue:N,setFieldTouched:P,setFieldError:F,setFieldArrayValue:I,validateForm:Z,resetForm:Q}}export{_ as useFormState};
+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};