@soybeanjs/headless 0.30.0 → 0.40.0-beta.2

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

@@ -1,19 +1,18 @@
 import { AcceptableBooleanValue, DefinedValue, Placement } from "../../types/common.js";
 import "../../types/index.js";
-import { PopperArrowProps } from "../popper/types.js";
-import { PortalProps } from "../portal/types.js";
+import { PopperArrowProps, PopperPortalProps } from "../popper/types.js";
 import { MenuCheckboxOptionsCompactEmits, MenuCheckboxOptionsCompactProps, MenuCheckboxOptionsCompactSlots, MenuContentEmits, MenuContentProps, MenuOptionsCompactEmits, MenuOptionsCompactProps, MenuOptionsCompactSlots, MenuPopupProps, MenuRadioOptionsCompactEmits, MenuRadioOptionsCompactProps, MenuRadioOptionsCompactSlots, MenuRootEmits, MenuRootProps, MenuTriggerProps } from "../menu/types.js";
 import "../menu/index.js";
-import { ComputedRef, ShallowRef } from "vue";
+import { ComputedRef } from "vue";
 //#region src/components/dropdown-menu/types.d.ts
 /**
  * Supported dropdown menu trigger values.
  */
-type DropdownMenuTriggerType = 'click' | 'hover';
+export type DropdownMenuTriggerType = 'click' | 'hover';
 /**
  * Properties for the DropdownMenuRoot component.
  */
-interface DropdownMenuRootProps extends MenuRootProps {
+export interface DropdownMenuRootProps extends MenuRootProps {
   /**
    * The trigger type of the dropdown menu.
    *
@@ -39,23 +38,23 @@ interface DropdownMenuRootProps extends MenuRootProps {
 /**
  * Events for the DropdownMenuRoot component.
  */
-type DropdownMenuRootEmits = MenuRootEmits;
+export type DropdownMenuRootEmits = MenuRootEmits;
 /**
  * Properties for the DropdownMenuContent component.
  */
-interface DropdownMenuContentProps extends MenuContentProps {}
+export interface DropdownMenuContentProps extends MenuContentProps {}
 /**
  * Events for the DropdownMenuContent component.
  */
-type DropdownMenuContentEmits = MenuContentEmits;
+export type DropdownMenuContentEmits = MenuContentEmits;
 /**
  * Properties for the DropdownMenuTrigger component.
  */
-interface DropdownMenuTriggerProps extends MenuTriggerProps {}
+export interface DropdownMenuTriggerProps extends MenuTriggerProps {}
 /**
  * Properties for the DropdownMenuWrapperCompact component.
  */
-interface DropdownMenuWrapperCompactProps extends DropdownMenuRootProps {
+export interface DropdownMenuWrapperCompactProps extends DropdownMenuRootProps {
   /**
    * Whether the component is disabled.
    */
@@ -75,7 +74,7 @@ interface DropdownMenuWrapperCompactProps extends DropdownMenuRootProps {
   /**
    * Properties forwarded to the portal element.
    */
-  portalProps?: PortalProps;
+  portalProps?: PopperPortalProps;
   /**
    * Properties forwarded to the content element.
    */
@@ -92,19 +91,19 @@ interface DropdownMenuWrapperCompactProps extends DropdownMenuRootProps {
 /**
  * Events for the DropdownMenuWrapperCompact component.
  */
-type DropdownMenuWrapperCompactEmits = MenuRootEmits & MenuContentEmits;
+export type DropdownMenuWrapperCompactEmits = MenuRootEmits & MenuContentEmits;
 /**
  * Properties for the DropdownMenuCompact component.
  */
-interface DropdownMenuCompactProps<T extends DefinedValue = DefinedValue> extends DropdownMenuWrapperCompactProps, MenuOptionsCompactProps<T> {}
+export interface DropdownMenuCompactProps<T extends DefinedValue = DefinedValue> extends DropdownMenuWrapperCompactProps, MenuOptionsCompactProps<T> {}
 /**
  * Events for the DropdownMenuCompact component.
  */
-type DropdownMenuCompactEmits<T extends DefinedValue = DefinedValue> = DropdownMenuWrapperCompactEmits & MenuOptionsCompactEmits<T>;
+export type DropdownMenuCompactEmits<T extends DefinedValue = DefinedValue> = DropdownMenuWrapperCompactEmits & MenuOptionsCompactEmits<T>;
 /**
  * Slots for the DropdownMenuCompact component.
  */
-type DropdownMenuCompactSlots<T extends DefinedValue = DefinedValue> = MenuOptionsCompactSlots<T> & {
+export type DropdownMenuCompactSlots<T extends DefinedValue = DefinedValue> = MenuOptionsCompactSlots<T> & {
   /**
    * Custom content for the trigger slot.
    */
@@ -113,15 +112,15 @@ type DropdownMenuCompactSlots<T extends DefinedValue = DefinedValue> = MenuOptio
 /**
  * Properties for the DropdownMenuCheckboxCompact component.
  */
-interface DropdownMenuCheckboxCompactProps<T extends DefinedValue = DefinedValue> extends DropdownMenuWrapperCompactProps, MenuCheckboxOptionsCompactProps<T> {}
+export interface DropdownMenuCheckboxCompactProps<T extends DefinedValue = DefinedValue> extends DropdownMenuWrapperCompactProps, MenuCheckboxOptionsCompactProps<T> {}
 /**
  * Events for the DropdownMenuCheckboxCompact component.
  */
-type DropdownMenuCheckboxCompactEmits<T extends DefinedValue = DefinedValue> = DropdownMenuWrapperCompactEmits & MenuCheckboxOptionsCompactEmits<T>;
+export type DropdownMenuCheckboxCompactEmits<T extends DefinedValue = DefinedValue> = DropdownMenuWrapperCompactEmits & MenuCheckboxOptionsCompactEmits<T>;
 /**
  * Slots for the DropdownMenuCheckboxCompact component.
  */
-type DropdownMenuCheckboxCompactSlots<T extends DefinedValue = DefinedValue> = MenuCheckboxOptionsCompactSlots<T> & {
+export type DropdownMenuCheckboxCompactSlots<T extends DefinedValue = DefinedValue> = MenuCheckboxOptionsCompactSlots<T> & {
   /**
    * Custom content for the trigger slot.
    */
@@ -130,19 +129,18 @@ type DropdownMenuCheckboxCompactSlots<T extends DefinedValue = DefinedValue> = M
 /**
  * Properties for the DropdownMenuRadioCompact component.
  */
-interface DropdownMenuRadioCompactProps<T extends AcceptableBooleanValue = AcceptableBooleanValue> extends DropdownMenuWrapperCompactProps, MenuRadioOptionsCompactProps<T> {}
+export interface DropdownMenuRadioCompactProps<T extends AcceptableBooleanValue = AcceptableBooleanValue> extends DropdownMenuWrapperCompactProps, MenuRadioOptionsCompactProps<T> {}
 /**
  * Events for the DropdownMenuRadioCompact component.
  */
-type DropdownMenuRadioCompactEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue> = DropdownMenuWrapperCompactEmits & MenuRadioOptionsCompactEmits<T>;
+export type DropdownMenuRadioCompactEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue> = DropdownMenuWrapperCompactEmits & MenuRadioOptionsCompactEmits<T>;
 /**
  * Slots for the DropdownMenuRadioCompact component.
  */
-type DropdownMenuRadioCompactSlots<T extends AcceptableBooleanValue = AcceptableBooleanValue> = MenuRadioOptionsCompactSlots<T> & {
+export type DropdownMenuRadioCompactSlots<T extends AcceptableBooleanValue = AcceptableBooleanValue> = MenuRadioOptionsCompactSlots<T> & {
   /**
    * Custom content for the trigger slot.
    */
   trigger: () => any;
 };
-//#endregion
-export { DropdownMenuCheckboxCompactEmits, DropdownMenuCheckboxCompactProps, DropdownMenuCheckboxCompactSlots, DropdownMenuCompactEmits, DropdownMenuCompactProps, DropdownMenuCompactSlots, DropdownMenuContentEmits, DropdownMenuContentProps, DropdownMenuRadioCompactEmits, DropdownMenuRadioCompactProps, DropdownMenuRadioCompactSlots, DropdownMenuRootEmits, DropdownMenuRootProps, DropdownMenuTriggerProps, DropdownMenuTriggerType, DropdownMenuWrapperCompactEmits, DropdownMenuWrapperCompactProps };
+//#endregion

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

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

package/dist/components/editable/context.js

@@ -1 +1 @@
-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};
+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{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:{}},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};
+import{Primitive as e}from"../primitive/primitive.js";import{useEditableRootContext as t,useEditableUi as n}from"./context.js";import{computed as r,createBlock as i,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-cancel-trigger.js

@@ -1 +1 @@
-import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import t from"../button/button.js";import{useEditableRootContext as n,useEditableUi as r}from"./context.js";import{computed as i,createBlock as a,createTextVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,toDisplayString as d,unref as f,useAttrs as p,withCtx as m}from"vue";const h=s({name:`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};
+import{useLocaleMessages as e}from"../../locale/hooks.js";import t from"../button/button.js";import{useEditableRootContext as n,useEditableUi as r}from"./context.js";import{computed as i,createBlock as a,createTextVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,toDisplayString as d,unref as f,useAttrs as p,withCtx as m}from"vue";const h=s({name:`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-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,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};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.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-edit-trigger.js

@@ -1 +1 @@
-import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import t from"../button/button.js";import{useEditableRootContext as n,useEditableUi as r}from"./context.js";import{computed as i,createBlock as a,createTextVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,toDisplayString as d,unref as f,useAttrs as p,withCtx as m}from"vue";const h=s({name:`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};
+import{useLocaleMessages as e}from"../../locale/hooks.js";import t from"../button/button.js";import{useEditableRootContext as n,useEditableUi as r}from"./context.js";import{computed as i,createBlock as a,createTextVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,toDisplayString as d,unref as f,useAttrs as p,withCtx as m}from"vue";const h=s({name:`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-input.js

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/empty/context.js

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

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

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

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

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

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

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

package/dist/components/form/context.js

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

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

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