@soybeanjs/headless 0.30.0 → 0.40.0-beta.1

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

@@ -11,11 +11,11 @@ import { ComputedRef, Ref, ShallowRef, VNode } from "vue";
 /**
  * Supported dialog alert values.
  */
-type DialogAlertType = 'default' | 'info' | 'success' | 'warning' | 'error';
+export type DialogAlertType = 'default' | 'info' | 'success' | 'warning' | 'error';
 /**
  * Properties for the DialogBase component.
  */
-interface DialogBaseProps {
+export interface DialogBaseProps {
   /**
    * The controlled open state of the dialog. Can be bound with `v-model:open`.
    *
@@ -39,7 +39,7 @@ interface DialogBaseProps {
 /**
  * Properties for the DialogRoot component.
  */
-interface DialogRootProps extends DialogBaseProps {
+export interface DialogRootProps extends DialogBaseProps {
   /**
    * The text direction of the dialog
    */
@@ -78,7 +78,7 @@ interface DialogRootProps extends DialogBaseProps {
 /**
  * Events for the DialogRoot component.
  */
-type DialogRootEmits = {
+export type DialogRootEmits = {
   /** Event handler called when the open state of the dialog changes. */
   'update:open': [value: boolean];
 };
@@ -86,109 +86,109 @@ type DialogRootEmits = {
  * Events for the fullscreen state of the dialog. Kept separate from `DialogRootEmits`
  * because the latter is shared by other disclosure primitives (popover, menu, bottom-sheet).
  */
-type DialogFullscreenStateEmits = {
+export type DialogFullscreenStateEmits = {
   /** Event handler called when the fullscreen state of the dialog changes. */
   'update:fullscreen': [value: boolean];
 };
 /**
  * Properties for the DialogTrigger component.
  */
-interface DialogTriggerProps extends ButtonProps {}
+export interface DialogTriggerProps extends ButtonProps {}
 /**
  * Events for the DialogTrigger component.
  */
-type DialogTriggerEmits = {
+export type DialogTriggerEmits = {
   /** Event handler called when the dialog trigger is activated. */
   click: [event: PointerEvent];
 };
 /**
  * Properties for the DialogOverlay component.
  */
-interface DialogOverlayProps extends ForceMountProps, BaseProps {}
+export interface DialogOverlayProps extends ForceMountProps, BaseProps {}
 /**
  * Properties for the DialogPopupImpl component.
  */
-interface DialogPopupImplProps extends TrapFocusProps, DismissableLayerProps, PrimitiveWithBaseProps {}
+export interface DialogPopupImplProps extends TrapFocusProps, DismissableLayerProps, PrimitiveWithBaseProps {}
 /**
  * Events for the DialogPopupImpl component.
  */
-type DialogPopupImplEmits = DismissableLayerEmits & FocusScopeEmits;
+export type DialogPopupImplEmits = DismissableLayerEmits & FocusScopeEmits;
 /**
  * Properties for the DialogPopup component.
  */
-interface DialogPopupProps extends Omit<DialogPopupImplProps, 'trapFocus' | 'disableOutsidePointerEvents'>, ForceMountProps {}
+export interface DialogPopupProps extends Omit<DialogPopupImplProps, 'trapFocus' | 'disableOutsidePointerEvents'>, ForceMountProps {}
 /**
  * Events for the DialogPopup component.
  */
-type DialogPopupEmits = DialogPopupImplEmits;
+export type DialogPopupEmits = DialogPopupImplEmits;
 /**
  * Properties for the DialogTitle component.
  */
-interface DialogTitleProps extends BaseProps {}
+export interface DialogTitleProps extends BaseProps {}
 /**
  * Properties for the DialogDescription component.
  */
-interface DialogDescriptionProps extends BaseProps {}
+export interface DialogDescriptionProps extends BaseProps {}
 /**
  * Properties for the DialogClose component.
  */
-interface DialogCloseProps extends ButtonProps {}
+export interface DialogCloseProps extends ButtonProps {}
 /**
  * Events for the DialogClose component.
  */
-type DialogCloseEmits = {
+export type DialogCloseEmits = {
   /** Event handler called when the dialog is requested to be closed. */
   close: [event: MouseEvent];
 };
 /**
  * Properties for the DialogFullscreen component.
  */
-interface DialogFullscreenProps extends ButtonProps {}
+export interface DialogFullscreenProps extends ButtonProps {}
 /**
  * Events for the DialogFullscreen component.
  */
-type DialogFullscreenEmits = {
+export type DialogFullscreenEmits = {
   /** Event handler called when the fullscreen state of the dialog is requested to be toggled. */
   fullscreen: [event: MouseEvent];
 };
 /**
  * Properties for the DialogCancel component.
  */
-interface DialogCancelProps extends ButtonProps {}
+export interface DialogCancelProps extends ButtonProps {}
 /**
  * Events for the DialogCancel component.
  */
-type DialogCancelEmits = {
+export type DialogCancelEmits = {
   /** Event handler called when the dialog is requested to be canceled. */
   cancel: [event: MouseEvent];
 };
 /**
  * Properties for the DialogConfirm component.
  */
-interface DialogConfirmProps extends ButtonProps {}
+export interface DialogConfirmProps extends ButtonProps {}
 /**
  * Events for the DialogConfirm component.
  */
-type DialogConfirmEmits = {
+export type DialogConfirmEmits = {
   /** Event handler called when the dialog is requested to be closed by confirming. */
   confirm: [event: MouseEvent];
 };
 /**
  * Properties for the DialogHeader component.
  */
-interface DialogHeaderProps extends BaseProps {}
+export interface DialogHeaderProps extends BaseProps {}
 /**
  * Properties for the DialogContent component.
  */
-interface DialogContentProps extends BaseProps {}
+export interface DialogContentProps extends BaseProps {}
 /**
  * Properties for the DialogFooter component.
  */
-interface DialogFooterProps extends BaseProps {}
+export interface DialogFooterProps extends BaseProps {}
 /**
  * Properties for the DialogCompact component.
  */
-interface DialogCompactProps extends DialogRootProps {
+export interface DialogCompactProps extends DialogRootProps {
   /**
    * The title of the dialog. This is used for accessibility purposes and will be rendered in the header of the dialog if the `title` slot is not provided.
    */
@@ -303,11 +303,11 @@ interface DialogCompactProps extends DialogRootProps {
 /**
  * Events for the DialogCompact component.
  */
-type DialogCompactEmits = DialogRootEmits & DialogFullscreenStateEmits & DialogTriggerEmits & DialogPopupEmits & DialogCloseEmits & DialogFullscreenEmits & DialogConfirmEmits & DialogCancelEmits;
+export type DialogCompactEmits = DialogRootEmits & DialogFullscreenStateEmits & DialogTriggerEmits & DialogPopupEmits & DialogCloseEmits & DialogFullscreenEmits & DialogConfirmEmits & DialogCancelEmits;
 /**
  * Slot properties for the DialogCompactBase component.
  */
-interface DialogCompactBaseSlotProps {
+export interface DialogCompactBaseSlotProps {
   /**
    * Whether the component is open.
    */
@@ -320,7 +320,7 @@ interface DialogCompactBaseSlotProps {
 /**
  * Slots for the DialogCompact component.
  */
-type DialogCompactSlots = {
+export type DialogCompactSlots = {
   /**
    * Custom content for the default slot.
    */
@@ -361,15 +361,15 @@ type DialogCompactSlots = {
 /**
  * Available UI slots for the Dialog component.
  */
-type DialogUiSlot = 'overlay' | 'popup' | 'header' | 'content' | 'footer' | 'title' | 'icon' | 'description' | 'close' | 'fullscreen' | 'cancel' | 'confirm';
+export type DialogUiSlot = 'overlay' | 'popup' | 'header' | 'content' | 'footer' | 'title' | 'icon' | 'description' | 'close' | 'fullscreen' | 'cancel' | 'confirm';
 /**
  * UI class overrides for the Dialog component.
  */
-type DialogUi = UiClass<DialogUiSlot>;
+export type DialogUi = UiClass<DialogUiSlot>;
 /**
  * Type information for DialogT.
  */
-interface DialogT extends Pick<DialogCompactProps, 'open' | 'icon' | 'showCancel' | 'showConfirm'> {
+export interface DialogT extends Pick<DialogCompactProps, 'open' | 'icon' | 'showCancel' | 'showConfirm'> {
   /**
    * Id.
    */
@@ -422,11 +422,11 @@ interface DialogT extends Pick<DialogCompactProps, 'open' | 'icon' | 'showCancel
 /**
  * Type information for DialogExternal.
  */
-interface DialogExternal extends Omit<DialogT, 'id' | 'type' | 'title'> {
+export interface DialogExternal extends Omit<DialogT, 'id' | 'type' | 'title'> {
   /**
    * Id.
    */
   id?: number | string;
 }
 //#endregion
-export { DialogAlertType, DialogBaseProps, DialogCancelEmits, DialogCancelProps, DialogCloseEmits, DialogCloseProps, DialogCompactBaseSlotProps, DialogCompactEmits, DialogCompactProps, DialogCompactSlots, DialogConfirmEmits, DialogConfirmProps, DialogContentProps, DialogDescriptionProps, DialogExternal, DialogFooterProps, DialogFullscreenEmits, DialogFullscreenProps, DialogFullscreenStateEmits, DialogHeaderProps, DialogOverlayProps, DialogPopupEmits, DialogPopupImplEmits, DialogPopupImplProps, DialogPopupProps, type PortalProps as DialogPortalProps, DialogRootEmits, DialogRootProps, DialogT, DialogTitleProps, DialogTriggerEmits, DialogTriggerProps, DialogUi, DialogUiSlot };
+export type { PortalProps as DialogPortalProps };

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

@@ -1 +1 @@
-import{getDisclosureState as e}from"../../shared/value.js";import{useContext as t}from"../../composables/use-context.js";import{useDirection as n}from"../config-provider/context.js";import"../../shared/index.js";import"../../composables/index.js";import{DROPDOWN_MENU_HOVER_OPEN as r}from"./shared.js";import{computed as i,shallowRef as a,watchEffect as o}from"vue";const[s,c]=t(`DropdownMenuRoot`,t=>{let{open:r}=t,a=e=>{r.value=e},o=()=>{r.value=!r.value},s=n(t.dir),c=i(()=>e(r.value));return{...t,dir:s,dataState:c,onOpenChange:a,onOpenToggle:o}}),[l,u]=t(`DropdownMenuHover`,e=>{let{open:t,hoverable:n,delayDuration:i,skipDelayDuration:s}=e,c=a(!0),l=null,u=()=>{l&&(clearTimeout(l),l=null)},d=()=>{u(),l=setTimeout(()=>{c.value=!0},s.value)},f=()=>{u(),c.value=!1},p=a(!1),m=a(!1),h=null,g=()=>{h&&(clearTimeout(h),h=null)},_=()=>{g(),h=setTimeout(()=>{m.value=!0,t.value=!0},i.value)},v=()=>{g(),m.value=!1,t.value=!0},y=()=>{g(),t.value=!1},b=()=>{_()},x=()=>{c.value?b():v()},S=()=>{g()};return o(()=>{n.value&&(t.value?(f(),document.dispatchEvent(new CustomEvent(r))):d())}),{...e,isOpenDelayed:c,isPointerInTransitRef:p,onOpen:v,onClose:y,onTriggerEnter:x,onTriggerLeave:S}});export{l as provideDropdownMenuHoverContext,s as provideDropdownMenuRootContext,u as useDropdownMenuHoverContext,c as useDropdownMenuRootContext};
+import{useContext as e}from"../../composables/use-context.js";import{useDirection as t}from"../config-provider/context.js";const[n,r]=e(`DropdownMenuRoot`,e=>{let n=t(e.dir);return{...e,dir:n}});export{n as provideDropdownMenuRootContext,r as useDropdownMenuRootContext};

package/dist/components/dropdown-menu/dropdown-menu-checkbox-compact.js

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t,usePickProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import r from"../menu/menu-checkbox-options-compact.js";import i from"./dropdown-menu-wrapper-compact.js";import{computed as a,createBlock as o,createSlots as s,createVNode as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeProps as f,openBlock as p,renderList as m,renderSlot as h,toHandlers as g,unref as _,useSlots as v,withCtx as y}from"vue";import{keysOf as b}from"@soybeanjs/utils";const x=l({name:`DropdownMenuCheckboxCompact`,__name:`dropdown-menu-checkbox-compact`,props:{disabled:{type:Boolean},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},items:{},groupLabelProps:{},checkboxItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{default:void 0},defaultValue:{default:()=>[]},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:modelValue`,`select`],setup(l,{emit:x}){let S=l,C=x,w=v(),T=[`defaultOpen`,`open`,`dir`,`modal`,`trigger`,`delayDuration`,`skipDelayDuration`,`disabled`,`placement`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],E=n(S,[...T]),D=t(S,[...T]),O=e(C),k=a(()=>b(w).filter(e=>e!==`trigger`));return(e,t)=>(p(),o(i,d(_(E),g(_(O))),{trigger:y(()=>[h(e.$slots,`trigger`)]),default:y(()=>[c(r,d(_(D),{"portal-props":l.portalProps},g(_(O))),s({_:2},[m(k.value,t=>({name:t,fn:y(n=>[h(e.$slots,t,f(u(n)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{x as default};
+import{keysOf as e}from"../../shared/guard.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import{useOmitProps as n,usePickProps as r}from"../../composables/use-props.js";import i from"../menu/menu-checkbox-options-compact.js";import a from"./dropdown-menu-wrapper-compact.js";import{computed as o,createBlock as s,createSlots as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toHandlers as _,unref as v,useSlots as y,withCtx as b}from"vue";const x=u({name:`DropdownMenuCheckboxCompact`,__name:`dropdown-menu-checkbox-compact`,props:{disabled:{type:Boolean},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},items:{},groupLabelProps:{},checkboxItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{default:void 0},defaultValue:{default:()=>[]},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:modelValue`,`select`],setup(u,{emit:x}){let S=u,C=x,w=y(),T=[`defaultOpen`,`open`,`dir`,`modal`,`trigger`,`delayDuration`,`skipDelayDuration`,`disabled`,`placement`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],E=r(S,[...T]),D=n(S,[...T]),O=t(C),k=o(()=>e(w).filter(e=>e!==`trigger`));return(e,t)=>(m(),s(a,f(v(E),_(v(O))),{trigger:b(()=>[g(e.$slots,`trigger`)]),default:b(()=>[l(i,f(v(D),{"portal-props":u.portalProps},_(v(O))),c({_:2},[h(k.value,t=>({name:t,fn:b(n=>[g(e.$slots,t,p(d(n)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{x as default};

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

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t,usePickProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import r from"../menu/menu-options-compact.js";import i from"./dropdown-menu-wrapper-compact.js";import{computed as a,createBlock as o,createSlots as s,createVNode as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeProps as f,openBlock as p,renderList as m,renderSlot as h,toHandlers as g,unref as _,useSlots as v,withCtx as y}from"vue";import{keysOf as b}from"@soybeanjs/utils";const x=l({name:`DropdownMenuCompact`,__name:`dropdown-menu-compact`,props:{disabled:{type:Boolean},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},items:{},activeValue:{},itemProps:{},linkProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`select`],setup(l,{emit:x}){let S=l,C=x,w=v(),T=[`defaultOpen`,`open`,`dir`,`modal`,`trigger`,`delayDuration`,`skipDelayDuration`,`disabled`,`placement`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],E=n(S,[...T]),D=t(S,[...T]),O=e(C),k=a(()=>b(w).filter(e=>e!==`trigger`));return(e,t)=>(p(),o(i,d(_(E),g(_(O))),{trigger:y(()=>[h(e.$slots,`trigger`)]),default:y(()=>[c(r,d(_(D),{"portal-props":l.portalProps},g(_(O))),s({_:2},[m(k.value,t=>({name:t,fn:y(n=>[h(e.$slots,t,f(u(n)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{x as default};
+import{keysOf as e}from"../../shared/guard.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import{useOmitProps as n,usePickProps as r}from"../../composables/use-props.js";import i from"../menu/menu-options-compact.js";import a from"./dropdown-menu-wrapper-compact.js";import{computed as o,createBlock as s,createSlots as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toHandlers as _,unref as v,useSlots as y,withCtx as b}from"vue";const x=u({name:`DropdownMenuCompact`,__name:`dropdown-menu-compact`,props:{disabled:{type:Boolean},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},items:{},selectedValue:{},itemProps:{},linkProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`select`],setup(u,{emit:x}){let S=u,C=x,w=y(),T=[`defaultOpen`,`open`,`dir`,`modal`,`trigger`,`delayDuration`,`skipDelayDuration`,`disabled`,`placement`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],E=r(S,[...T]),D=n(S,[...T]),O=t(C),k=o(()=>e(w).filter(e=>e!==`trigger`));return(e,t)=>(m(),s(a,f(v(E),_(v(O))),{trigger:b(()=>[g(e.$slots,`trigger`)]),default:b(()=>[l(i,f(v(D),{"portal-props":u.portalProps},_(v(O))),c({_:2},[h(k.value,t=>({name:t,fn:b(n=>[g(e.$slots,t,p(d(n)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{x as default};

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

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

package/dist/components/dropdown-menu/dropdown-menu-radio-compact.js

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t,usePickProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import r from"../menu/menu-radio-options-compact.js";import i from"./dropdown-menu-wrapper-compact.js";import{computed as a,createBlock as o,createSlots as s,createVNode as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeProps as f,openBlock as p,renderList as m,renderSlot as h,toHandlers as g,unref as _,useSlots as v,withCtx as y}from"vue";import{keysOf as b}from"@soybeanjs/utils";const x=l({name:`DropdownMenuRadioCompact`,__name:`dropdown-menu-radio-compact`,props:{disabled:{type:Boolean},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},items:{},groupLabelProps:{},radioItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{default:void 0},defaultValue:{},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:modelValue`,`select`],setup(l,{emit:x}){let S=l,C=x,w=v(),T=[`defaultOpen`,`open`,`dir`,`modal`,`trigger`,`delayDuration`,`skipDelayDuration`,`disabled`,`placement`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],E=n(S,[...T]),D=t(S,[...T]),O=e(C),k=a(()=>b(w).filter(e=>e!==`trigger`));return(e,t)=>(p(),o(i,d(_(E),g(_(O))),{trigger:y(()=>[h(e.$slots,`trigger`)]),default:y(()=>[c(r,d(_(D),{"portal-props":l.portalProps},g(_(O))),s({_:2},[m(k.value,t=>({name:t,fn:y(n=>[h(e.$slots,t,f(u(n)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{x as default};
+import{keysOf as e}from"../../shared/guard.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import{useOmitProps as n,usePickProps as r}from"../../composables/use-props.js";import i from"../menu/menu-radio-options-compact.js";import a from"./dropdown-menu-wrapper-compact.js";import{computed as o,createBlock as s,createSlots as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toHandlers as _,unref as v,useSlots as y,withCtx as b}from"vue";const x=u({name:`DropdownMenuRadioCompact`,__name:`dropdown-menu-radio-compact`,props:{disabled:{type:Boolean},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},items:{},groupLabelProps:{},radioItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{default:void 0},defaultValue:{},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:modelValue`,`select`],setup(u,{emit:x}){let S=u,C=x,w=y(),T=[`defaultOpen`,`open`,`dir`,`modal`,`trigger`,`delayDuration`,`skipDelayDuration`,`disabled`,`placement`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],E=r(S,[...T]),D=n(S,[...T]),O=t(C),k=o(()=>e(w).filter(e=>e!==`trigger`));return(e,t)=>(m(),s(a,f(v(E),_(v(O))),{trigger:b(()=>[g(e.$slots,`trigger`)]),default:b(()=>[l(i,f(v(D),{"portal-props":u.portalProps},_(v(O))),c({_:2},[h(k.value,t=>({name:t,fn:b(n=>[g(e.$slots,t,p(d(n)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{x as default};

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

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

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

@@ -11,9 +11,9 @@ declare const __VLS_base: import("vue").DefineComponent<DropdownMenuRootProps, {
 }, string, import("vue").PublicProps, Readonly<DropdownMenuRootProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
-  open: boolean;
   delayDuration: number;
   skipDelayDuration: number;
+  open: boolean;
   modal: boolean;
   trigger: DropdownMenuTriggerType;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

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

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

@@ -2,9 +2,9 @@ import { AsTag } from "../primitive/types.js";
 import "../primitive/index.js";
 import { DropdownMenuTriggerProps } from "./types.js";
 //#region src/components/dropdown-menu/dropdown-menu-trigger.vue.d.ts
-declare var __VLS_16: {};
+declare var __VLS_11: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_16) => any;
+  default?: (props: typeof __VLS_11) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<DropdownMenuTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DropdownMenuTriggerProps> & Readonly<{}>, {
   as: AsTag | import("vue").Component;

package/dist/components/dropdown-menu/dropdown-menu-wrapper-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"../portal/portal.js";import r from"../popper/popper-arrow.js";import"../menu/index.js";import i from"./dropdown-menu-root.js";import a from"./dropdown-menu-trigger.js";import o from"./dropdown-menu-content.js";import{computed as s,createBlock as c,createCommentVNode as l,createVNode as u,defineComponent as d,guardReactiveProps as f,mergeProps as p,normalizeProps as m,openBlock as h,renderSlot as g,toHandlers as _,unref as v,withCtx as y}from"vue";const b=d({name:`DropdownMenuWrapperCompact`,__name:`dropdown-menu-wrapper-compact`,props:{disabled:{type:Boolean},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(d,{emit:b}){let x=d,S=b,C=t(x,[`disabled`,`placement`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`]),w=e(S),T=s(()=>({...x.triggerProps,asChild:x.triggerProps?.asChild??!0,disabled:x.disabled??x.triggerProps?.disabled})),E=s(()=>({...x.contentProps,popupProps:x.popupProps??x.contentProps?.popupProps,placement:x.placement??x.contentProps?.placement,sideOffset:x.contentProps?.sideOffset??(x.showArrow?0:8)}));return(e,t)=>(h(),c(i,p(v(C),{"onUpdate:open":t[0]||(t[0]=e=>S(`update:open`,e))}),{default:y(()=>[u(a,m(f(T.value)),{default:y(()=>[g(e.$slots,`trigger`)]),_:3},16),u(v(n),m(f(d.portalProps)),{default:y(()=>[u(o,p(E.value,_(v(w))),{default:y(()=>[g(e.$slots,`default`),d.showArrow?(h(),c(v(r),m(p({key:0},d.arrowProps)),null,16)):l(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16))}});export{b as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import n from"../popper/popper-portal.js";import r from"../popper/popper-arrow.js";import i from"./dropdown-menu-root.js";import a from"./dropdown-menu-trigger.js";import o from"./dropdown-menu-content.js";import{computed as s,createBlock as c,createCommentVNode as l,createVNode as u,defineComponent as d,guardReactiveProps as f,mergeProps as p,normalizeProps as m,openBlock as h,renderSlot as g,toHandlers as _,unref as v,withCtx as y}from"vue";const b=d({name:`DropdownMenuWrapperCompact`,__name:`dropdown-menu-wrapper-compact`,props:{disabled:{type:Boolean},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(d,{emit:b}){let x=d,S=b,C=t(x,[`disabled`,`placement`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`]),w=e(S),T=s(()=>({...x.triggerProps,asChild:x.triggerProps?.asChild??!0,disabled:x.disabled??x.triggerProps?.disabled})),E=s(()=>({...x.contentProps,popupProps:x.popupProps??x.contentProps?.popupProps,placement:x.placement??x.contentProps?.placement,sideOffset:x.contentProps?.sideOffset??(x.showArrow?0:8)}));return(e,t)=>(h(),c(i,p(v(C),{"onUpdate:open":t[0]||=e=>S(`update:open`,e)}),{default:y(()=>[u(a,m(f(T.value)),{default:y(()=>[g(e.$slots,`trigger`)]),_:3},16),u(v(n),m(f(d.portalProps)),{default:y(()=>[u(o,p(E.value,_(v(w))),{default:y(()=>[g(e.$slots,`default`),d.showArrow?(h(),c(v(r),m(p({key:0},d.arrowProps)),null,16)):l(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16))}});export{b as default};

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

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

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

@@ -1 +1 @@
-import e from"../popper/popper-anchor.js";import t from"../portal/portal.js";import n from"../popper/popper-arrow.js";import r from"../separator/separator-root.js";import i from"../menu/menu-group.js";import a from"../menu/menu-group-label.js";import o from"../menu/menu-item.js";import s from"../menu/menu-item-indicator.js";import c from"../menu/menu-checkbox-item.js";import l from"../menu/menu-radio-item.js";import u from"../menu/menu-sub.js";import d from"../menu/menu-sub-trigger.js";import f from"../menu/menu-sub-content.js";import p from"../menu/menu-checkbox-group.js";import m from"../menu/menu-radio-group.js";import"../menu/index.js";import h from"./dropdown-menu-root.js";import g from"./dropdown-menu-trigger.js";import _ from"./dropdown-menu-content.js";import v from"./dropdown-menu-wrapper-compact.js";import y from"./dropdown-menu-compact.js";import b from"./dropdown-menu-checkbox-compact.js";import x from"./dropdown-menu-radio-compact.js";export{e as DropdownMenuAnchor,n as DropdownMenuArrow,b as DropdownMenuCheckboxCompact,p as DropdownMenuCheckboxGroup,c as DropdownMenuCheckboxItem,y as DropdownMenuCompact,_ as DropdownMenuContent,i as DropdownMenuGroup,a as DropdownMenuGroupLabel,o as DropdownMenuItem,s as DropdownMenuItemIndicator,t as DropdownMenuPortal,x as DropdownMenuRadioCompact,m as DropdownMenuRadioGroup,l as DropdownMenuRadioItem,h as DropdownMenuRoot,r as DropdownMenuSeparator,u as DropdownMenuSub,f as DropdownMenuSubContent,d as DropdownMenuSubTrigger,g as DropdownMenuTrigger,v as DropdownMenuWrapperCompact};
+import e from"../popper/popper-anchor.js";import t from"../popper/popper-portal.js";import n from"../popper/popper-arrow.js";import r from"../separator/separator-root.js";import i from"../menu/menu-group.js";import a from"../menu/menu-group-label.js";import o from"../menu/menu-item.js";import s from"../menu/menu-item-indicator.js";import c from"../menu/menu-checkbox-item.js";import l from"../menu/menu-radio-item.js";import u from"../menu/menu-sub.js";import d from"../menu/menu-sub-trigger.js";import f from"../menu/menu-sub-content.js";import p from"../menu/menu-checkbox-group.js";import m from"../menu/menu-radio-group.js";import h from"./dropdown-menu-root.js";import g from"./dropdown-menu-trigger.js";import _ from"./dropdown-menu-content.js";import v from"./dropdown-menu-wrapper-compact.js";import y from"./dropdown-menu-compact.js";import b from"./dropdown-menu-checkbox-compact.js";import x from"./dropdown-menu-radio-compact.js";export{e as DropdownMenuAnchor,n as DropdownMenuArrow,b as DropdownMenuCheckboxCompact,p as DropdownMenuCheckboxGroup,c as DropdownMenuCheckboxItem,y as DropdownMenuCompact,_ as DropdownMenuContent,i as DropdownMenuGroup,a as DropdownMenuGroupLabel,o as DropdownMenuItem,s as DropdownMenuItemIndicator,t as DropdownMenuPortal,x as DropdownMenuRadioCompact,m as DropdownMenuRadioGroup,l as DropdownMenuRadioItem,h as DropdownMenuRoot,r as DropdownMenuSeparator,u as DropdownMenuSub,f as DropdownMenuSubContent,d as DropdownMenuSubTrigger,g as DropdownMenuTrigger,v as DropdownMenuWrapperCompact};

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};