@soybeanjs/headless 0.17.0 → 0.19.0

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;
@@ -32,10 +31,9 @@ declare const __VLS_base: _$vue.DefineComponent<EditableRootProps, {
   "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,27 +1,28 @@
 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
 /**
- * Type information for the editable activation mode component.
+ * Type information for EditableActivationMode.
  */
 type EditableActivationMode = 'focus' | 'dblclick' | 'none';
 /**
- * Type information for the editable submit mode component.
+ * Type information for EditableSubmitMode.
  */
 type EditableSubmitMode = 'blur' | 'enter' | 'none' | 'both';
 /**
- * State values for the editable component.
+ * State values for EditableEventState.
  */
 type EditableEventState = 'edit' | 'submit' | 'cancel';
 /**
- * State values for the editable component.
+ * State values for EditableViewState.
  */
 type EditableViewState = 'preview' | 'edit';
 /**
- * Type information for the editable placeholder component.
+ * Type information for EditablePlaceholder.
  */
 interface EditablePlaceholder {
   /**
@@ -34,9 +35,9 @@ interface EditablePlaceholder {
   preview?: string;
 }
 /**
- * Props for the editable root component.
+ * 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. */
@@ -65,7 +66,7 @@ interface EditableRootProps extends PrimitiveProps, FormFieldCommonProps, /** @v
   id?: string;
 }
 /**
- * Emits for the editable root component.
+ * 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. */
@@ -73,77 +74,77 @@ type EditableRootEmits = {
   'update:state': [state: EditableEventState];
 };
 /**
- * Props for the editable area component.
+ * Properties for the EditableArea component.
  */
-interface EditableAreaProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface EditableAreaProps extends PrimitiveWithBaseProps {}
 /**
- * Props for the editable preview component.
+ * Properties for the EditablePreview component.
  */
-interface EditablePreviewProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface EditablePreviewProps extends PrimitiveWithBaseProps {}
 /**
- * Props for the editable input component.
+ * Properties for the EditableInput component.
  */
-interface EditableInputProps extends PrimitiveProps, /** @vue-ignore */Omit<InputHTMLAttributes, 'id'> {
+interface EditableInputProps extends Omit<PrimitiveWithBaseProps, 'id'> {
   /**
    * Id.
    */
   id?: string;
 }
 /**
- * Props for the editable edit trigger component.
+ * Properties for the EditableEditTrigger component.
  */
-interface EditableEditTriggerProps extends PrimitiveProps, /** @vue-ignore */ButtonHTMLAttributes {}
+interface EditableEditTriggerProps extends ButtonProps {}
 /**
- * Props for the editable submit trigger component.
+ * Properties for the EditableSubmitTrigger component.
  */
-interface EditableSubmitTriggerProps extends PrimitiveProps, /** @vue-ignore */ButtonHTMLAttributes {}
+interface EditableSubmitTriggerProps extends ButtonProps {}
 /**
- * Props for the editable cancel trigger component.
+ * Properties for the EditableCancelTrigger component.
  */
-interface EditableCancelTriggerProps extends PrimitiveProps, /** @vue-ignore */ButtonHTMLAttributes {}
+interface EditableCancelTriggerProps extends ButtonProps {}
 /**
- * Available UI slots for the editable component.
+ * Available UI slots for the Editable component.
  */
 type EditableUiSlot = 'root' | 'area' | 'preview' | 'input' | 'controls' | 'editTrigger' | 'submitTrigger' | 'cancelTrigger';
 /**
- * UI class overrides for the editable component.
+ * UI class overrides for the Editable component.
  */
 type EditableUi = UiClass<EditableUiSlot>;
 /**
- * Props for the editable compact component.
+ * Properties for the EditableCompact component.
  */
 interface EditableCompactProps extends EditableRootProps {
   /**
-   * Props forwarded to the area element.
+   * Properties forwarded to the area element.
    */
   areaProps?: EditableAreaProps;
   /**
-   * Props forwarded to the preview element.
+   * Properties forwarded to the preview element.
    */
   previewProps?: EditablePreviewProps;
   /**
-   * Props forwarded to the input element.
+   * Properties forwarded to the input element.
    */
   inputProps?: EditableInputProps;
   /**
-   * Props forwarded to the edit trigger element.
+   * Properties forwarded to the edit trigger element.
    */
   editTriggerProps?: EditableEditTriggerProps;
   /**
-   * Props forwarded to the submit trigger element.
+   * Properties forwarded to the submit trigger element.
    */
   submitTriggerProps?: EditableSubmitTriggerProps;
   /**
-   * Props forwarded to the cancel trigger element.
+   * Properties forwarded to the cancel trigger element.
    */
   cancelTriggerProps?: EditableCancelTriggerProps;
 }
 /**
- * Emits for the editable compact component.
+ * Events for the EditableCompact component.
  */
 type EditableCompactEmits = EditableRootEmits;
 /**
- * Slot props for the editable compact component.
+ * Slot properties for the EditableCompact component.
  */
 interface EditableCompactSlotProps {
   /**
@@ -176,7 +177,7 @@ interface EditableCompactSlotProps {
   submit: () => void;
 }
 /**
- * Slots for the editable compact component.
+ * Slots for the EditableCompact component.
  */
 interface EditableCompactSlots {
   /**

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

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

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

@@ -0,0 +1,15 @@
+import { EmptyCompactProps, EmptyCompactSlots } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/empty/empty-compact.vue.d.ts
+type __VLS_Slots = EmptyCompactSlots;
+declare const __VLS_base: _$vue.DefineComponent<EmptyCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<EmptyCompactProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/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`,{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`,{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`,{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`,{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`,{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`,{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/index.d.ts

@@ -1,9 +1,10 @@
-import { EmptyContentProps, EmptyDescriptionProps, EmptyHeaderProps, EmptyMediaProps, EmptyRootProps, EmptyTitleProps, EmptyUi, EmptyUiSlot } from "./types.js";
-import { _default as _default$4 } from "./empty-root.vue.js";
-import { _default as _default$2 } from "./empty-header.vue.js";
-import { _default as _default$3 } from "./empty-media.vue.js";
-import { _default } from "./empty-content.vue.js";
-import { _default as _default$5 } from "./empty-title.vue.js";
-import { _default as _default$1 } from "./empty-description.vue.js";
+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 { provideEmptyUi } from "./context.js";
-export { _default as EmptyContent, type EmptyContentProps, _default$1 as EmptyDescription, type EmptyDescriptionProps, _default$2 as EmptyHeader, type EmptyHeaderProps, _default$3 as EmptyMedia, type EmptyMediaProps, _default$4 as EmptyRoot, type EmptyRootProps, _default$5 as EmptyTitle, type EmptyTitleProps, type EmptyUi, type EmptyUiSlot, provideEmptyUi };
+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/index.js

@@ -1 +1 @@
-import{provideEmptyUi as e}from"./context.js";import t from"./empty-root.js";import n from"./empty-header.js";import r from"./empty-media.js";import i from"./empty-content.js";import a from"./empty-title.js";import o from"./empty-description.js";export{i as EmptyContent,o as EmptyDescription,n as EmptyHeader,r as EmptyMedia,t as EmptyRoot,a as EmptyTitle,e as provideEmptyUi};
+import{provideEmptyUi as e}from"./context.js";import t from"./empty-content.js";import n from"./empty-description.js";import r from"./empty-header.js";import i from"./empty-media.js";import a from"./empty-root.js";import o from"./empty-title.js";import s from"./empty-compact.js";export{s as EmptyCompact,t as EmptyContent,n as EmptyDescription,r as EmptyHeader,i as EmptyMedia,a as EmptyRoot,o as EmptyTitle,e as provideEmptyUi};

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

@@ -1,38 +1,101 @@
 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
 /**
- * Props for the empty root component.
+ * Properties for the EmptyRoot component.
  */
-interface EmptyRootProps extends /** @vue-ignore */HTMLAttributes {}
+interface EmptyRootProps extends BaseProps {}
 /**
- * Props for the empty header component.
+ * Properties for the EmptyHeader component.
  */
-interface EmptyHeaderProps extends /** @vue-ignore */HTMLAttributes {}
+interface EmptyHeaderProps extends BaseProps {}
 /**
- * Props for the empty media component.
+ * Properties for the EmptyMedia component.
  */
-interface EmptyMediaProps extends /** @vue-ignore */HTMLAttributes {}
+interface EmptyMediaProps extends BaseProps {}
 /**
- * Props for the empty content component.
+ * Properties for the EmptyContent component.
  */
-interface EmptyContentProps extends /** @vue-ignore */HTMLAttributes {}
+interface EmptyContentProps extends BaseProps {}
 /**
- * Props for the empty title component.
+ * Properties for the EmptyTitle component.
  */
-interface EmptyTitleProps extends /** @vue-ignore */HTMLAttributes {}
+interface EmptyTitleProps extends BaseProps {}
 /**
- * Props for the empty description component.
+ * Properties for the EmptyDescription component.
  */
-interface EmptyDescriptionProps extends /** @vue-ignore */HTMLAttributes {}
+interface EmptyDescriptionProps extends BaseProps {}
 /**
- * Available UI slots for the empty component.
+ * Available UI slots for the Empty component.
  */
 type EmptyUiSlot = 'root' | 'header' | 'media' | 'content' | 'title' | 'description';
 /**
- * UI class overrides for the empty component.
+ * UI class overrides for the Empty component.
  */
 type EmptyUi = UiClass<EmptyUiSlot>;
+/**
+ * Properties for the EmptyCompact component.
+ */
+interface EmptyCompactProps extends EmptyRootProps {
+  /**
+   * Title text rendered by the component.
+   */
+  title?: string;
+  /**
+   * Description text rendered by the component.
+   */
+  description?: string;
+  /**
+   * Icon rendered by the component.
+   */
+  icon?: IconValue;
+  /**
+   * Properties forwarded to the header element.
+   */
+  headerProps?: EmptyHeaderProps;
+  /**
+   * Properties forwarded to the media element.
+   */
+  mediaProps?: EmptyMediaProps;
+  /**
+   * Properties forwarded to the content element.
+   */
+  contentProps?: EmptyContentProps;
+  /**
+   * Properties forwarded to the title element.
+   */
+  titleProps?: EmptyTitleProps;
+  /**
+   * Properties forwarded to the description element.
+   */
+  descriptionProps?: EmptyDescriptionProps;
+}
+/**
+ * Slots for the EmptyCompact component.
+ */
+type EmptyCompactSlots = {
+  /**
+   * Custom content for the default slot.
+   */
+  default?: () => any;
+  /**
+   * Custom content for the media slot.
+   */
+  media?: () => any;
+  /**
+   * Custom content for the title slot.
+   */
+  title?: () => any;
+  /**
+   * Custom content for the description slot.
+   */
+  description?: () => any;
+  /**
+   * Custom content for the content slot.
+   */
+  content?: () => any;
+};
 //#endregion
-export { EmptyContentProps, EmptyDescriptionProps, EmptyHeaderProps, EmptyMediaProps, EmptyRootProps, EmptyTitleProps, EmptyUi, EmptyUiSlot };
+export { EmptyCompactProps, EmptyCompactSlots, EmptyContentProps, EmptyDescriptionProps, EmptyHeaderProps, EmptyMediaProps, EmptyRootProps, EmptyTitleProps, EmptyUi, EmptyUiSlot };

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

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

package/dist/components/form/context.js

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