@soybeanjs/headless 0.18.0 → 0.20.0

package/dist/components/dropdown-menu/dropdown-menu-checkbox-compact.vue.d.ts

@@ -8,7 +8,6 @@ import * as _$vue from "vue";
 declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: _$vue.PublicProps & __VLS_PrettifyLocal<DropdownMenuCheckboxCompactProps<T> & {
     onSelect?: ((item: MenuCheckboxOptionData<T>, event: Event) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
@@ -16,6 +15,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
     onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
     onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -23,7 +23,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   expose: (exposed: {}) => void;
   attrs: any;
   slots: DropdownMenuCheckboxCompactSlots<T>;
-  emit: ((evt: "select", item: MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
+  emit: ((evt: "select", item: MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "entryFocus", event: Event) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/dropdown-menu/dropdown-menu-content.js

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useGraceArea as t}from"../../composables/use-grace-area.js";import"../../composables/index.js";import{useMenuContext as n}from"../menu/context.js";import r from"../menu/menu-content.js";import"../menu/index.js";import{DROPDOWN_MENU_HOVER_OPEN as i}from"./shared.js";import{useDropdownMenuHoverContext as a,useDropdownMenuRootContext as o}from"./context.js";import{computed as s,createBlock as c,defineComponent as l,mergeProps as u,onWatcherCleanup as d,openBlock as f,renderSlot as p,toHandlers as m,unref as h,watchPostEffect as g,withCtx as _}from"vue";const v=l({name:`DropdownMenuContent`,__name:`dropdown-menu-content`,props:{popupProps:{},placement:{},side:{},sideOffset:{default:8},sideFlip:{type:Boolean,default:!0},align:{},alignOffset:{},alignFlip:{type:Boolean,default:!0},avoidCollisions:{type:Boolean,default:!0},collisionBoundary:{},collisionPadding:{},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{},forceMount:{type:Boolean},loop:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(l,{emit:v}){let y=l,b=e(v),{popupElement:x,triggerElement:S}=n(`DropdownMenuContent`),{modal:C}=o(`DropdownMenuContent`),{isPointerInTransitRef:w,hoverable:T,onClose:E}=a(`DropdownMenuContent`);t({triggerElement:S,areaElement:x,onPointerInTransitChange:e=>{w.value=e},onPointerExit:()=>{E()},subAreaAttribute:`data-soybean-menu-sub-popup`,disabled:s(()=>!T.value)});let D=!1,O=e=>{e.defaultPrevented||T.value||D||(setTimeout(()=>{S.value?.focus()},0),D=!1,e.preventDefault())},k=e=>{if(e.defaultPrevented)return;let t=e.detail.originalEvent,n=t.button===0&&t.ctrlKey===!0,r=t.button===2||n;(!C.value||r)&&(D=!0),S.value?.contains(e.target)&&e.preventDefault()};return g(()=>{if(!T.value)return;let e=e=>{e.target?.contains(S.value)&&E()};window.addEventListener(`scroll`,e),window.addEventListener(i,E),d(()=>{window.removeEventListener(`scroll`,e),window.removeEventListener(i,E)})}),(e,t)=>(f(),c(h(r),u(y,m(h(b)),{onCloseAutoFocus:O,onInteractOutside:k}),{default:_(()=>[p(e.$slots,`default`)]),_:3},16))}});export{v as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useGraceArea as t}from"../../composables/use-grace-area.js";import"../../composables/index.js";import{useMenuContext as n}from"../menu/context.js";import r from"../menu/menu-content.js";import"../menu/index.js";import{DROPDOWN_MENU_HOVER_OPEN as i}from"./shared.js";import{useDropdownMenuHoverContext as a,useDropdownMenuRootContext as o}from"./context.js";import{computed as s,createBlock as c,defineComponent as l,mergeProps as u,onWatcherCleanup as d,openBlock as f,renderSlot as p,toHandlers as m,unref as h,watchPostEffect as g,withCtx as _}from"vue";const v=l({name:`DropdownMenuContent`,__name:`dropdown-menu-content`,props:{popupProps:{},placement:{},side:{},sideOffset:{default:8},sideFlip:{type:Boolean,default:!0},align:{},alignOffset:{},alignFlip:{type:Boolean,default:!0},avoidCollisions:{type:Boolean,default:!0},collisionBoundary:{},collisionPadding:{},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{},forceMount:{type:Boolean},loop:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(l,{emit:v}){let y=l,b=e(v),{popupElement:x,triggerElement:S}=n(`DropdownMenuContent`),{modal:C}=o(`DropdownMenuContent`),{isPointerInTransitRef:w,hoverable:T,onClose:E}=a(`DropdownMenuContent`);t({triggerElement:S,areaElement:x,onPointerInTransitChange:e=>{w.value=e},onPointerExit:()=>{E()},subAreaAttribute:`data-soybean-menu-sub-popup`,disabled:s(()=>!T.value)});let D=!1,O=e=>{e.defaultPrevented||T.value||D||(setTimeout(()=>{S.value?.focus()},0),D=!1,e.preventDefault())},k=e=>{if(e.defaultPrevented)return;let t=e.detail.originalEvent,n=t.button===0&&t.ctrlKey===!0,r=t.button===2||n;(!C.value||r)&&(D=!0),S.value?.contains(e.target)&&e.preventDefault()};return g(()=>{if(!T.value)return;let e=e=>{e.target?.contains(S.value)&&E()};window.addEventListener(`scroll`,e),window.addEventListener(i,E),d(()=>{window.removeEventListener(`scroll`,e),window.removeEventListener(i,E)})}),(e,t)=>(f(),c(h(r),u(y,{"data-soybean-dropdown-menu-content":``},m(h(b)),{onCloseAutoFocus:O,onInteractOutside:k}),{default:_(()=>[p(e.$slots,`default`)]),_:3},16))}});export{v as default};

package/dist/components/dropdown-menu/dropdown-menu-radio-compact.vue.d.ts

@@ -8,7 +8,6 @@ import * as _$vue from "vue";
 declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: _$vue.PublicProps & __VLS_PrettifyLocal<DropdownMenuRadioCompactProps<T> & {
     onSelect?: ((item: MenuRadioOptionData<T>, event: Event) => any) | undefined;
-    "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
@@ -16,6 +15,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
     onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((payload: Exclude<T, undefined>) => any) | undefined;
     onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -23,7 +23,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
   expose: (exposed: {}) => void;
   attrs: any;
   slots: DropdownMenuRadioCompactSlots<T>;
-  emit: ((evt: "select", item: MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
+  emit: ((evt: "select", item: MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "update:modelValue", payload: Exclude<T, undefined>) => void) & ((evt: "entryFocus", event: Event) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/dropdown-menu/dropdown-menu-root.js

@@ -1 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import n from"../menu/menu-root.js";import"../menu/index.js";import{provideDropdownMenuHoverContext as r,provideDropdownMenuRootContext as i}from"./context.js";import{computed as a,createBlock as o,defineComponent as s,isRef as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=s({name:`DropdownMenuRoot`,inheritAttrs:!1,__name:`dropdown-menu-root`,props:{trigger:{default:`click`},delayDuration:{default:150},skipDelayDuration:{default:300},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0}},emits:[`update:open`],setup(s,{emit:p}){let m=s,h=p,g=t(()=>m.open,e=>{h(`update:open`,e??!1)},m.defaultOpen),_=a(()=>m.trigger===`hover`),v=a(()=>m.modal&&m.trigger!==`hover`),{dir:y}=i({...e(m,[`open`,`dir`]),modal:v,open:g});return r({...e(m,[`delayDuration`,`skipDelayDuration`]),hoverable:_,open:g}),(e,t)=>(l(),o(d(n),{open:d(g),"onUpdate:open":t[0]||(t[0]=e=>c(g)?g.value=e:null),"default-open":s.defaultOpen,dir:d(y),modal:v.value},{default:f(()=>[u(e.$slots,`default`,{open:d(g)})]),_:3},8,[`open`,`default-open`,`dir`,`modal`]))}});export{p as default};
+import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import n from"../menu/menu-root.js";import"../menu/index.js";import{provideDropdownMenuHoverContext as r,provideDropdownMenuRootContext as i}from"./context.js";import{computed as a,createBlock as o,defineComponent as s,isRef as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=s({name:`DropdownMenuRoot`,inheritAttrs:!1,__name:`dropdown-menu-root`,props:{trigger:{default:`click`},delayDuration:{default:150},skipDelayDuration:{default:300},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0}},emits:[`update:open`],setup(s,{emit:p}){let m=s,h=p,g=t(()=>m.open,e=>{h(`update:open`,e)},m.defaultOpen),_=a(()=>m.trigger===`hover`),v=a(()=>m.modal&&m.trigger!==`hover`),{dir:y}=i({...e(m,[`open`,`dir`]),modal:v,open:g});return r({...e(m,[`delayDuration`,`skipDelayDuration`]),hoverable:_,open:g}),(e,t)=>(l(),o(d(n),{open:d(g),"onUpdate:open":t[0]||(t[0]=e=>c(g)?g.value=e:null),"default-open":s.defaultOpen,dir:d(y),modal:v.value},{default:f(()=>[u(e.$slots,`default`,{open:d(g)})]),_:3},8,[`open`,`default-open`,`dir`,`modal`]))}});export{p as default};

package/dist/components/dropdown-menu/dropdown-menu-root.vue.d.ts

@@ -3,7 +3,7 @@ import * as _$vue from "vue";
 
 //#region src/components/dropdown-menu/dropdown-menu-root.vue.d.ts
 declare var __VLS_8: {
-  open: boolean | undefined;
+  open: boolean;
 };
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
@@ -14,8 +14,8 @@ declare const __VLS_base: _$vue.DefineComponent<DropdownMenuRootProps, {}, {}, {
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
   open: boolean;
-  trigger: DropdownMenuTriggerType;
   modal: boolean;
+  trigger: DropdownMenuTriggerType;
   delayDuration: number;
   skipDelayDuration: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

package/dist/components/dropdown-menu/dropdown-menu-trigger.js

@@ -1 +1 @@
-import{SELECTION_KEYS as e}from"../../constants/common.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.js";import r from"../popper/popper-anchor.js";import{useMenuContext as i}from"../menu/context.js";import"../menu/index.js";import{useDropdownMenuHoverContext as a,useDropdownMenuRootContext as o}from"./context.js";import{computed as s,createBlock as c,createVNode as l,defineComponent as u,mergeProps as d,nextTick as f,openBlock as p,renderSlot as m,toHandlers as h,unref as g,withCtx as _,withKeys as v}from"vue";const y=u({name:`DropdownMenuTrigger`,__name:`dropdown-menu-trigger`,props:{disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},setup(u){let y=u,{popupId:b,triggerId:x,initTriggerId:S,onTriggerElementChange:C}=i(`DropdownMenuTrigger`),[w,T]=t(C),{open:E,dataState:D,onOpenToggle:O,onOpenChange:k}=o(`DropdownMenuTrigger`),{isPointerInTransitRef:A,hoverable:j,onTriggerEnter:M,onTriggerLeave:N,onClose:P}=a(`DropdownMenuTrigger`),F=s(()=>y.as===`button`?`button`:void 0),I=s(()=>E.value?b:void 0),L=s(()=>y.disabled?!0:void 0),R=s(()=>y.disabled?``:void 0),z=async e=>{y.disabled||j.value||e.button===0&&e.ctrlKey===!1&&(O(),await f(),E.value&&e.preventDefault())},B=t=>{y.disabled||(e.includes(t.key)&&O(),t.key===`ArrowDown`&&k(!0),[...e,`ArrowDown`].includes(t.key)&&t.preventDefault())},V=!1,H=e=>{y.disabled||e.pointerType!==`touch`&&!V&&!A.value&&(M(),V=!0)},U=()=>{y.disabled||(N(),V=!1)},W=s(()=>j.value?{blur:P,pointermove:H,pointerleave:U}:{click:z});return S(),(e,t)=>(p(),c(g(r),{"as-child":``},{default:_(()=>[l(g(n),d({id:g(x),ref:g(T),as:u.as,"as-child":u.asChild,type:F.value,"aria-controls":I.value,"aria-disabled":L.value,"aria-expanded":g(E),"aria-haspopup":`menu`,"data-disabled":R.value,"data-state":g(D),onKeydown:v(B,[`enter`,`space`,`arrow-down`])},h(W.value)),{default:_(()=>[m(e.$slots,`default`)]),_:3},16,[`id`,`as`,`as-child`,`type`,`aria-controls`,`aria-disabled`,`aria-expanded`,`data-disabled`,`data-state`])]),_:3}))}});export{y as default};
+import{SELECTION_KEYS as e}from"../../constants/common.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.js";import r from"../popper/popper-anchor.js";import{useMenuContext as i}from"../menu/context.js";import"../menu/index.js";import{useDropdownMenuHoverContext as a,useDropdownMenuRootContext as o}from"./context.js";import{computed as s,createBlock as c,createVNode as l,defineComponent as u,mergeProps as d,nextTick as f,openBlock as p,renderSlot as m,toHandlers as h,unref as g,withCtx as _,withKeys as v}from"vue";const y=u({name:`DropdownMenuTrigger`,__name:`dropdown-menu-trigger`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},setup(u){let y=u,{popupId:b,triggerId:x,initTriggerId:S,onTriggerElementChange:C}=i(`DropdownMenuTrigger`),[w,T]=t(C),{open:E,dataState:D,onOpenToggle:O,onOpenChange:k}=o(`DropdownMenuTrigger`),{isPointerInTransitRef:A,hoverable:j,onTriggerEnter:M,onTriggerLeave:N,onClose:P}=a(`DropdownMenuTrigger`),F=s(()=>y.as===`button`?`button`:void 0),I=s(()=>E.value?b:void 0),L=s(()=>y.disabled?!0:void 0),R=s(()=>y.disabled?``:void 0),z=async e=>{y.disabled||j.value||e.button===0&&e.ctrlKey===!1&&(O(),await f(),E.value&&e.preventDefault())},B=t=>{y.disabled||(e.includes(t.key)&&O(),t.key===`ArrowDown`&&k(!0),[...e,`ArrowDown`].includes(t.key)&&t.preventDefault())},V=!1,H=e=>{y.disabled||e.pointerType!==`touch`&&!V&&!A.value&&(M(),V=!0)},U=()=>{y.disabled||(N(),V=!1)},W=s(()=>j.value?{blur:P,pointermove:H,pointerleave:U}:{click:z});return S(),(e,t)=>(p(),c(g(r),{"as-child":``},{default:_(()=>[l(g(n),d({id:g(x),ref:g(T),as:u.as,"as-child":u.asChild,"data-soybean-dropdown-menu-trigger":``,type:F.value,"aria-controls":I.value,"aria-disabled":L.value,"aria-expanded":g(E),"aria-haspopup":`menu`,"data-disabled":R.value,"data-state":g(D),onKeydown:v(B,[`enter`,`space`,`arrow-down`])},h(W.value)),{default:_(()=>[m(e.$slots,`default`)]),_:3},16,[`id`,`as`,`as-child`,`type`,`aria-controls`,`aria-disabled`,`aria-expanded`,`data-disabled`,`data-state`])]),_:3}))}});export{y as default};

package/dist/components/editable/context.js

@@ -1 +1 @@
-import{useContext as e}from"../../composables/use-context.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import{useUiContext as n}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{useDirection as r}from"../config-provider/context.js";import{computed as i}from"vue";const[a,o]=e(`EditableRoot`,e=>{let n=r(()=>e.dir.value),[a,o]=t(),s=i(()=>e.disabled.value?``:void 0),c=i(()=>e.readonly.value?``:void 0),l=i(()=>e.isEditing.value?`edit`:`preview`);return{...e,dir:n,inputElement:a,setInputElement:o,dataDisabled:s,dataReadonly:c,dataState:l}}),[s,c]=n(`EditableUi`);export{a as provideEditableRootContext,s as provideEditableUi,o as useEditableRootContext,c as useEditableUi};
+import{useContext as e}from"../../composables/use-context.js";import{useDirection as t}from"../config-provider/context.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import{useUiContext as r}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{computed as i}from"vue";const[a,o]=e(`EditableRoot`,e=>{let{isEditing:r,disabled:a,readonly:o}=e,s=t(()=>e.dir.value),[c,l]=n(),u=i(()=>a.value?``:void 0),d=i(()=>o.value?``:void 0),f=i(()=>r.value?`edit`:`preview`);return{...e,dir:s,inputElement:c,setInputElement:l,dataDisabled:u,dataReadonly:d,dataState:f}}),[s,c]=r(`EditableUi`);export{a as provideEditableRootContext,s as provideEditableUi,o as useEditableRootContext,c as useEditableUi};

package/dist/components/editable/editable-area.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,defineComponent as a,mergeProps as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";const d=a({name:`EditableArea`,__name:`editable-area`,props:{asChild:{type:Boolean},as:{default:`div`}},setup(a){let d=a,{autoResize:f,dataDisabled:p,dataReadonly:m,dataState:h,isEmpty:g}=t(`EditableArea`),_=n(`area`),v=r(()=>f.value?{display:`inline-grid`}:void 0);return(t,n)=>(s(),i(l(e),o(d,{class:l(_),"data-disabled":l(p),"data-empty":l(g)?``:void 0,"data-placeholder-shown":l(g)?``:void 0,"data-readonly":l(m),"data-state":l(h),style:v.value}),{default:u(()=>[c(t.$slots,`default`)]),_:3},16,[`class`,`data-disabled`,`data-empty`,`data-placeholder-shown`,`data-readonly`,`data-state`,`style`]))}});export{d as default};
+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,defineComponent as a,mergeProps as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";const d=a({name:`EditableArea`,__name:`editable-area`,props:{asChild:{type:Boolean},as:{}},setup(a){let d=a,{autoResize:f,dataDisabled:p,dataReadonly:m,dataState:h,isEmpty:g}=t(`EditableArea`),_=n(`area`),v=r(()=>f.value?{display:`inline-grid`}:void 0);return(t,n)=>(s(),i(l(e),o(d,{"data-soybean-editable-area":``,class:l(_),"data-disabled":l(p),"data-empty":l(g)?``:void 0,"data-placeholder-shown":l(g)?``:void 0,"data-readonly":l(m),"data-state":l(h),style:v.value}),{default:u(()=>[c(t.$slots,`default`)]),_:3},16,[`class`,`data-disabled`,`data-empty`,`data-placeholder-shown`,`data-readonly`,`data-state`,`style`]))}});export{d as default};

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

@@ -1,4 +1,3 @@
-import { AsTag } from "../primitive/types.js";
 import { EditableAreaProps } from "./types.js";
 import * as _$vue from "vue";
 
@@ -7,9 +6,7 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: _$vue.DefineComponent<EditableAreaProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<EditableAreaProps> & Readonly<{}>, {
-  as: AsTag | _$vue.Component;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<EditableAreaProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<EditableAreaProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/editable/editable-cancel-trigger.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,unref as u,useAttrs as d,withCtx as f}from"vue";const p=o({name:`EditableCancelTrigger`,__name:`editable-cancel-trigger`,props:{asChild:{type:Boolean},as:{default:`button`}},setup(o){let p=o,m=d(),{dataDisabled:h,dataReadonly:g,dataState:_,disabled:v,cancel:y,isEditing:b}=t(`EditableCancelTrigger`),x=n(`cancelTrigger`),S=r(()=>p.as===`button`?`button`:void 0),C=r(()=>{if(!m[`aria-labelledby`])return m[`aria-label`]||`Cancel`});function w(){y()}return(t,n)=>(c(),i(u(e),s(p,{"aria-label":C.value,class:u(x),"data-disabled":u(h),"data-readonly":u(g),"data-state":u(_),disabled:u(v),hidden:!u(b),type:S.value,onClick:w}),{default:f(()=>[l(t.$slots,`default`,{},()=>[n[0]||(n[0]=a(`Cancel`,-1))])]),_:3},16,[`aria-label`,`class`,`data-disabled`,`data-readonly`,`data-state`,`disabled`,`hidden`,`type`]))}});export{p as default};
+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:`EditableCancelTrigger`,__name:`editable-cancel-trigger`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let h=s,g=p(),{dataReadonly:_,dataState:v,disabled:y,readonly:b,cancel:x,isEditing:S}=n(`EditableCancelTrigger`),C=r(`cancelTrigger`),w=e(),T=i(()=>y.value||b.value),E=i(()=>{if(!g[`aria-labelledby`])return g[`aria-label`]||w.value.editable.cancel});function D(){x()}return(e,n)=>(l(),a(t,c(h,{"data-soybean-editable-cancel-trigger":``,class:f(C),"aria-label":E.value,"data-readonly":f(_),"data-state":f(v),disabled:T.value,hidden:!f(S),onClick:D}),{default:m(()=>[u(e.$slots,`default`,{},()=>[o(d(f(w).editable.cancel),1)])]),_:3},16,[`class`,`aria-label`,`data-readonly`,`data-state`,`disabled`,`hidden`]))}});export{h as default};

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

@@ -1,4 +1,3 @@
-import { AsTag } from "../primitive/types.js";
 import { EditableCancelTriggerProps } from "./types.js";
 import * as _$vue from "vue";
 
@@ -7,9 +6,7 @@ declare var __VLS_10: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
-declare const __VLS_base: _$vue.DefineComponent<EditableCancelTriggerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<EditableCancelTriggerProps> & Readonly<{}>, {
-  as: AsTag | _$vue.Component;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<EditableCancelTriggerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<EditableCancelTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import{useEditableUi as r}from"./context.js";import i from"./editable-area.js";import a from"./editable-cancel-trigger.js";import o from"./editable-edit-trigger.js";import s from"./editable-input.js";import c from"./editable-preview.js";import l from"./editable-root.js";import u from"./editable-submit-trigger.js";import{createBlock as d,createElementVNode as f,createVNode as p,defineComponent as m,guardReactiveProps as h,mergeProps as g,normalizeClass as _,normalizeProps as v,openBlock as y,renderSlot as b,toHandlers as x,unref as S,withCtx as C}from"vue";const w=m({name:`EditableCompact`,__name:`editable-compact`,props:{areaProps:{},previewProps:{},inputProps:{},editTriggerProps:{},submitTriggerProps:{},cancelTriggerProps:{},defaultValue:{},modelValue:{},placeholder:{},dir:{},disabled:{type:Boolean},readonly:{type:Boolean},activationMode:{},selectOnFocus:{type:Boolean},submitMode:{},startWithEditMode:{type:Boolean},maxLength:{},autoResize:{type:Boolean},id:{},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`submit`,`update:state`],setup(m,{emit:w}){let T=m,E=w,D=t(T,[`areaProps`,`previewProps`,`inputProps`,`editTriggerProps`,`submitTriggerProps`,`cancelTriggerProps`]),O=e(E),k=r();return(e,t)=>(y(),d(l,g(S(D),x(S(O))),{default:C(t=>[b(e.$slots,`default`,v(h(t)),()=>[p(i,v(h(m.areaProps)),{default:C(()=>[b(e.$slots,`preview`,v(h(t)),()=>[p(c,v(h(m.previewProps)),null,16)]),b(e.$slots,`input`,v(h(t)),()=>[p(s,v(h(m.inputProps)),null,16)]),f(`div`,{class:_(S(k).controls)},[b(e.$slots,`edit-trigger`,v(h(t)),()=>[p(o,v(h(m.editTriggerProps)),{default:C(()=>[p(n,{icon:`lucide:pencil-line`,"aria-hidden":!0})]),_:1},16)]),b(e.$slots,`submit-trigger`,v(h(t)),()=>[p(u,v(h(m.submitTriggerProps)),{default:C(()=>[p(n,{icon:`lucide:check`,"aria-hidden":!0})]),_:1},16)]),b(e.$slots,`cancel-trigger`,v(h(t)),()=>[p(a,v(h(m.cancelTriggerProps)),{default:C(()=>[p(n,{icon:`lucide:x`,"aria-hidden":!0})]),_:1},16)])],2)]),_:2},1040)])]),_:3},16))}});export{w as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import{useEditableUi as r}from"./context.js";import i from"./editable-area.js";import a from"./editable-cancel-trigger.js";import o from"./editable-edit-trigger.js";import s from"./editable-input.js";import c from"./editable-preview.js";import l from"./editable-root.js";import u from"./editable-submit-trigger.js";import{createBlock as d,createCommentVNode as f,createElementVNode as p,createVNode as m,defineComponent as h,guardReactiveProps as g,mergeProps as _,normalizeClass as v,normalizeProps as y,openBlock as b,renderSlot as x,toHandlers as S,unref as C,withCtx as w}from"vue";const T=h({name:`EditableCompact`,__name:`editable-compact`,props:{areaProps:{},previewProps:{},inputProps:{},editTriggerProps:{},submitTriggerProps:{},cancelTriggerProps:{},defaultValue:{},modelValue:{},placeholder:{},dir:{},disabled:{type:Boolean},readonly:{type:Boolean},activationMode:{},selectOnFocus:{type:Boolean},submitMode:{},startWithEditMode:{type:Boolean},maxLength:{},autoResize:{type:Boolean},id:{},name:{},required:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`submit`,`update:state`],setup(h,{emit:T}){let E=h,D=T,O=t(E,[`areaProps`,`previewProps`,`inputProps`,`editTriggerProps`,`submitTriggerProps`,`cancelTriggerProps`]),k=e(D),A=r();return(e,t)=>(b(),d(l,_(C(O),S(C(k))),{default:w(t=>[x(e.$slots,`default`,y(g(t)),()=>[m(i,y(g(h.areaProps)),{default:w(()=>[x(e.$slots,`preview`,y(g(t)),()=>[m(c,y(g(h.previewProps)),null,16)]),x(e.$slots,`input`,y(g(t)),()=>[m(s,y(g(h.inputProps)),null,16)]),p(`div`,{class:v(C(A).controls)},[x(e.$slots,`edit-trigger`,y(g(t)),()=>[t.isEditing?f(`v-if`,!0):(b(),d(o,y(_({key:0},h.editTriggerProps)),{default:w(()=>[m(n,{icon:`lucide:pencil-line`,"aria-hidden":!0})]),_:1},16))]),x(e.$slots,`submit-trigger`,y(g(t)),()=>[t.isEditing?(b(),d(u,y(_({key:0},h.submitTriggerProps)),{default:w(()=>[m(n,{icon:`lucide:check`,"aria-hidden":!0})]),_:1},16)):f(`v-if`,!0)]),x(e.$slots,`cancel-trigger`,y(g(t)),()=>[t.isEditing?(b(),d(a,y(_({key:0},h.cancelTriggerProps)),{default:w(()=>[m(n,{icon:`lucide:x`,"aria-hidden":!0})]),_:1},16)):f(`v-if`,!0)])],2)]),_:2},1040)])]),_:3},16))}});export{T as default};

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

@@ -4,12 +4,12 @@ import * as _$vue from "vue";
 //#region src/components/editable/editable-compact.vue.d.ts
 type __VLS_Slots = EditableCompactSlots;
 declare const __VLS_base: _$vue.DefineComponent<EditableCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  submit: (value: string) => any;
   "update:modelValue": (value: string) => any;
+  submit: (value: string) => any;
   "update:state": (state: EditableEventState) => any;
 }, string, _$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, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/editable/editable-edit-trigger.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,unref as u,useAttrs as d,withCtx as f}from"vue";const p=o({name:`EditableEditTrigger`,__name:`editable-edit-trigger`,props:{asChild:{type:Boolean},as:{default:`button`}},setup(o){let p=o,m=d(),{dataDisabled:h,dataReadonly:g,dataState:_,disabled:v,edit:y,isEditing:b,readonly:x}=t(`EditableEditTrigger`),S=n(`editTrigger`),C=r(()=>p.as===`button`?`button`:void 0),w=r(()=>v.value||x.value),T=r(()=>{if(!m[`aria-labelledby`])return m[`aria-label`]||`Edit`});function E(){y()}return(t,n)=>(c(),i(u(e),s(p,{"aria-label":T.value,class:u(S),"data-disabled":u(h),"data-readonly":u(g),"data-state":u(_),disabled:w.value,hidden:u(b),type:C.value,onClick:E}),{default:f(()=>[l(t.$slots,`default`,{},()=>[n[0]||(n[0]=a(`Edit`,-1))])]),_:3},16,[`aria-label`,`class`,`data-disabled`,`data-readonly`,`data-state`,`disabled`,`hidden`,`type`]))}});export{p as default};
+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:`EditableEditTrigger`,__name:`editable-edit-trigger`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let h=s,g=p(),{dataReadonly:_,dataState:v,disabled:y,edit:b,isEditing:x,readonly:S}=n(`EditableEditTrigger`),C=r(`editTrigger`),w=e(),T=i(()=>y.value||S.value),E=i(()=>{if(!g[`aria-labelledby`])return g[`aria-label`]||w.value.editable.edit});function D(){b()}return(e,n)=>(l(),a(t,c(h,{"data-soybean-editable-edit-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.edit),1)])]),_:3},16,[`class`,`aria-label`,`data-readonly`,`data-state`,`disabled`,`hidden`]))}});export{h as default};

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

@@ -1,4 +1,3 @@
-import { AsTag } from "../primitive/types.js";
 import { EditableEditTriggerProps } from "./types.js";
 import * as _$vue from "vue";
 
@@ -7,9 +6,7 @@ declare var __VLS_10: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
-declare const __VLS_base: _$vue.DefineComponent<EditableEditTriggerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<EditableEditTriggerProps> & Readonly<{}>, {
-  as: AsTag | _$vue.Component;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<EditableEditTriggerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<EditableEditTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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:{}},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:g.as||`input`,"as-child":g.asChild,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{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};

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

@@ -1,3 +1,4 @@
+import { AsTag } from "../primitive/types.js";
 import { EditableInputProps } from "./types.js";
 import * as _$vue from "vue";
 
@@ -6,7 +7,9 @@ declare var __VLS_11: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_11) => any;
 };
-declare const __VLS_base: _$vue.DefineComponent<EditableInputProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<EditableInputProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<EditableInputProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<EditableInputProps> & Readonly<{}>, {
+  as: AsTag | _$vue.Component;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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,{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"../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};

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

@@ -1 +1 @@
-import{isFormControl as e,transformPropsToContext as t}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import{useFocusOutside as r,usePointerdownOutside as i}from"../../composables/use-dismissable-layer.js";import{useForwardElement as a}from"../../composables/use-forward-element.js";import{useOmitProps as o}from"../../composables/use-props.js";import"../../composables/index.js";import{useDirection as s}from"../config-provider/context.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:{},asChild:{type:Boolean},as:{default:`div`},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`submit`,`update:state`],setup(h,{expose:C,emit:w}){let T=h,E=w,[D,O]=a(),k=d(`root`),A=o(T,[`defaultValue`,`modelValue`,`placeholder`,`dir`,`disabled`,`readonly`,`activationMode`,`selectOnFocus`,`submitMode`,`startWithEditMode`,`maxLength`,`id`,`name`,`required`,`autoResize`]),j=s(()=>T.dir),M=n(()=>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=i(D,()=>{H()},P),W=r(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),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=>{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,4 +1,3 @@
-import { AsTag } from "../primitive/types.js";
 import { EditableActivationMode, EditableEventState, EditableRootProps, EditableSubmitMode } from "./types.js";
 import * as _$vue from "vue";
 
@@ -7,7 +6,7 @@ declare function edit(): void;
 declare function cancel(): void;
 declare function submit(): void;
 declare var __VLS_12: {
-  modelValue: string | undefined;
+  modelValue: string;
   inputValue: string;
   isEditing: boolean;
   isEmpty: boolean;
@@ -23,19 +22,18 @@ declare const __VLS_base: _$vue.DefineComponent<EditableRootProps, {
   cancel: typeof cancel;
   submit: typeof submit;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  submit: (value: string) => any;
   "update:modelValue": (value: string) => any;
+  submit: (value: string) => any;
   "update:state": (state: EditableEventState) => any;
 }, string, _$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;
-  as: AsTag | _$vue.Component;
   modelValue: string;
-  readonly: boolean;
   activationMode: EditableActivationMode;
+  readonly: boolean;
   selectOnFocus: boolean;
   submitMode: EditableSubmitMode;
   startWithEditMode: boolean;

package/dist/components/editable/editable-submit-trigger.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,unref as u,useAttrs as d,withCtx as f}from"vue";const p=o({name:`EditableSubmitTrigger`,__name:`editable-submit-trigger`,props:{asChild:{type:Boolean},as:{default:`button`}},setup(o){let p=o,m=d(),{dataDisabled:h,dataReadonly:g,dataState:_,disabled:v,isEditing:y,submit:b}=t(`EditableSubmitTrigger`),x=n(`submitTrigger`),S=r(()=>p.as===`button`?`button`:void 0),C=r(()=>{if(!m[`aria-labelledby`])return m[`aria-label`]||`Submit`});function w(){b()}return(t,n)=>(c(),i(u(e),s(p,{"aria-label":C.value,class:u(x),"data-disabled":u(h),"data-readonly":u(g),"data-state":u(_),disabled:u(v),hidden:!u(y),type:S.value,onClick:w}),{default:f(()=>[l(t.$slots,`default`,{},()=>[n[0]||(n[0]=a(`Submit`,-1))])]),_:3},16,[`aria-label`,`class`,`data-disabled`,`data-readonly`,`data-state`,`disabled`,`hidden`,`type`]))}});export{p as default};
+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};

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

@@ -1,4 +1,3 @@
-import { AsTag } from "../primitive/types.js";
 import { EditableSubmitTriggerProps } from "./types.js";
 import * as _$vue from "vue";
 
@@ -7,9 +6,7 @@ declare var __VLS_10: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
-declare const __VLS_base: _$vue.DefineComponent<EditableSubmitTriggerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<EditableSubmitTriggerProps> & Readonly<{}>, {
-  as: AsTag | _$vue.Component;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<EditableSubmitTriggerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<EditableSubmitTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1,7 +1,8 @@
 import { Direction, UiClass } from "../../types/common.js";
 import { FormFieldCommonProps } from "../../types/component.js";
-import { PrimitiveProps } from "../primitive/types.js";
-import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, InputHTMLAttributes, ShallowRef } from "vue";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
+import { ButtonProps } from "../button/types.js";
+import { ComputedRef, ShallowRef } from "vue";
 
 //#region src/components/editable/types.d.ts
 /**
@@ -36,7 +37,7 @@ interface EditablePlaceholder {
 /**
  * Properties for the EditableRoot component.
  */
-interface EditableRootProps extends PrimitiveProps, FormFieldCommonProps, /** @vue-ignore */Omit<HTMLAttributes, 'onSubmit' | 'placeholder'> {
+interface EditableRootProps extends FormFieldCommonProps, Omit<PrimitiveWithBaseProps, 'onSubmit' | 'placeholder'> {
   /** The default value of the editable field. */
   defaultValue?: string;
   /** The controlled value of the editable field. */
@@ -75,15 +76,15 @@ type EditableRootEmits = {
 /**
  * Properties for the EditableArea component.
  */
-interface EditableAreaProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface EditableAreaProps extends PrimitiveWithBaseProps {}
 /**
  * Properties for the EditablePreview component.
  */
-interface EditablePreviewProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface EditablePreviewProps extends PrimitiveWithBaseProps {}
 /**
  * Properties for the EditableInput component.
  */
-interface EditableInputProps extends PrimitiveProps, /** @vue-ignore */Omit<InputHTMLAttributes, 'id'> {
+interface EditableInputProps extends Omit<PrimitiveWithBaseProps, 'id'> {
   /**
    * Id.
    */
@@ -92,15 +93,15 @@ interface EditableInputProps extends PrimitiveProps, /** @vue-ignore */Omit<Inpu
 /**
  * Properties for the EditableEditTrigger component.
  */
-interface EditableEditTriggerProps extends PrimitiveProps, /** @vue-ignore */ButtonHTMLAttributes {}
+interface EditableEditTriggerProps extends ButtonProps {}
 /**
  * Properties for the EditableSubmitTrigger component.
  */
-interface EditableSubmitTriggerProps extends PrimitiveProps, /** @vue-ignore */ButtonHTMLAttributes {}
+interface EditableSubmitTriggerProps extends ButtonProps {}
 /**
  * Properties for the EditableCancelTrigger component.
  */
-interface EditableCancelTriggerProps extends PrimitiveProps, /** @vue-ignore */ButtonHTMLAttributes {}
+interface EditableCancelTriggerProps extends ButtonProps {}
 /**
  * Available UI slots for the Editable component.
  */
@@ -178,7 +179,7 @@ interface EditableCompactSlotProps {
 /**
  * Slots for the EditableCompact component.
  */
-interface EditableCompactSlots {
+type EditableCompactSlots = {
   /**
    * Custom content for the default slot.
    */
@@ -203,6 +204,6 @@ interface EditableCompactSlots {
    * Custom content for the cancel trigger slot.
    */
   '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 };

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

@@ -1 +1 @@
-import{useEmptyUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`EmptyContent`,__name:`empty-content`,setup(n){let s=e(`content`);return(e,n)=>(i(),t(`div`,{"data-slot":`content`,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};
+import{useEmptyUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`EmptyContent`,__name:`empty-content`,setup(n){let s=e(`content`);return(e,n)=>(i(),t(`div`,{"data-soybean-empty-content":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -1 +1 @@
-import{useEmptyUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`EmptyDescription`,__name:`empty-description`,setup(n){let s=e(`description`);return(e,n)=>(i(),t(`p`,{"data-slot":`description`,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};
+import{useEmptyUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`EmptyDescription`,__name:`empty-description`,setup(n){let s=e(`description`);return(e,n)=>(i(),t(`p`,{"data-soybean-empty-description":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -1 +1 @@
-import{useEmptyUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`EmptyHeader`,__name:`empty-header`,setup(n){let s=e(`header`);return(e,n)=>(i(),t(`div`,{"data-slot":`header`,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};
+import{useEmptyUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`EmptyHeader`,__name:`empty-header`,setup(n){let s=e(`header`);return(e,n)=>(i(),t(`div`,{"data-soybean-empty-header":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -1 +1 @@
-import{useEmptyUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`EmptyMedia`,__name:`empty-media`,setup(n){let s=e(`media`);return(e,n)=>(i(),t(`div`,{"data-slot":`media`,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};
+import{useEmptyUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`EmptyMedia`,__name:`empty-media`,setup(n){let s=e(`media`);return(e,n)=>(i(),t(`div`,{"data-soybean-empty-media":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -1 +1 @@
-import{useEmptyUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`EmptyRoot`,__name:`empty-root`,setup(n){let s=e(`root`);return(e,n)=>(i(),t(`div`,{"data-slot":`root`,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};
+import{useEmptyUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`EmptyRoot`,__name:`empty-root`,setup(n){let s=e(`root`);return(e,n)=>(i(),t(`div`,{"data-soybean-empty-root":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -1 +1 @@
-import{useEmptyUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`EmptyTitle`,__name:`empty-title`,setup(n){let s=e(`title`);return(e,n)=>(i(),t(`h3`,{"data-slot":`title`,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};
+import{useEmptyUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`EmptyTitle`,__name:`empty-title`,setup(n){let s=e(`title`);return(e,n)=>(i(),t(`h3`,{"data-soybean-empty-title":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -1,32 +1,32 @@
-import { IconValue } from "../_icon/types.js";
 import { UiClass } from "../../types/common.js";
-import { HTMLAttributes } from "vue";
+import { BaseProps } from "../../types/vue.js";
+import { IconValue } from "../_icon/types.js";
 
 //#region src/components/empty/types.d.ts
 /**
  * Properties for the EmptyRoot component.
  */
-interface EmptyRootProps extends /** @vue-ignore */HTMLAttributes {}
+interface EmptyRootProps extends BaseProps {}
 /**
  * Properties for the EmptyHeader component.
  */
-interface EmptyHeaderProps extends /** @vue-ignore */HTMLAttributes {}
+interface EmptyHeaderProps extends BaseProps {}
 /**
  * Properties for the EmptyMedia component.
  */
-interface EmptyMediaProps extends /** @vue-ignore */HTMLAttributes {}
+interface EmptyMediaProps extends BaseProps {}
 /**
  * Properties for the EmptyContent component.
  */
-interface EmptyContentProps extends /** @vue-ignore */HTMLAttributes {}
+interface EmptyContentProps extends BaseProps {}
 /**
  * Properties for the EmptyTitle component.
  */
-interface EmptyTitleProps extends /** @vue-ignore */HTMLAttributes {}
+interface EmptyTitleProps extends BaseProps {}
 /**
  * Properties for the EmptyDescription component.
  */
-interface EmptyDescriptionProps extends /** @vue-ignore */HTMLAttributes {}
+interface EmptyDescriptionProps extends BaseProps {}
 /**
  * Available UI slots for the Empty component.
  */

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/form/form-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),{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"../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};