@soybeanjs/headless 0.29.3 → 0.30.0-beta.1

package/dist/components/menu/menu-sub-content.vue.d.ts

@@ -1,26 +1,28 @@
 import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
+import "../../types/index.js";
 import { MenuSubContentProps } from "./types.js";
+import "../../index.js";
 //#region src/components/menu/menu-sub-content.vue.d.ts
 declare var __VLS_14: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<MenuSubContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  entryFocus: (event: Event) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
-  entryFocus: (event: Event) => any;
 }, string, import("vue").PublicProps, Readonly<MenuSubContentProps> & Readonly<{
+  onEntryFocus?: ((event: Event) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
-  onEntryFocus?: ((event: Event) => any) | undefined;
 }>, {
   prioritizePosition: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -32,4 +34,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1 +1 @@
-import{isMouseEvent as e}from"../../shared/event.js";import"../../shared/index.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import"../../composables/index.js";import n from"../popper/popper-anchor.js";import"../popper/index.js";import{useMenuContentContext as r,useMenuContext as i,useMenuRootContext as a,useMenuSubAttributeContext as o,useMenuUi as s}from"./context.js";import{SUB_OPEN_KEYS as c}from"./shared.js";import l from"./menu-item-impl.js";import{computed as u,createBlock as d,createVNode as f,defineComponent as p,mergeProps as m,nextTick as h,openBlock as g,renderSlot as _,unref as v,withCtx as y}from"vue";const b=p({__name:`menu-sub-trigger`,props:{disabled:{type:Boolean},textValue:{},asChild:{type:Boolean},as:{}},setup(p){let b=p,{open:x,dataState:S,popupElement:C,popupId:w,triggerId:T,onTriggerElementChange:E,initTriggerId:D,onOpenChange:O}=i(`MenuSubTrigger`),{dir:k}=a(`MenuSubTrigger`),A=o(),{pointerGraceTimer:j,searchRef:M,onPointerGraceIntentChange:N,resetPointerGraceIntent:P,onItemEnter:F,onTriggerLeave:I}=r(`MenuSubTrigger`),[L,R]=t(E),z=u(()=>m(b,{...A?.subTrigger?.value})),B=s(`subTrigger`),V=null,H=()=>{V&&window.clearTimeout(V),V=null},U=e=>{b.disabled||e.defaultPrevented||(e.currentTarget.focus(),x.value||O(!0))},W=t=>{e(t)&&(F(t)||b.disabled||x.value||V||(P(),V=window.setTimeout(()=>{O(!0),H()},100)))},G=t=>{if(!e(t))return;H();let n=C.value?.getBoundingClientRect();if(n?.width){let e=C.value?.dataset.side,r=e===`right`,i=r?-5:5,a=n[r?`left`:`right`],o=n[r?`right`:`left`];N({area:[{x:t.clientX+i,y:t.clientY},{x:a,y:n.top},{x:o,y:n.top},{x:o,y:n.bottom},{x:a,y:n.bottom}],side:e}),window.clearTimeout(j.value),j.value=window.setTimeout(()=>N(null),300)}else{if(I(t))return;P()}},K=async e=>{b.disabled||M.value!==``&&e.key===` `||c[k.value].includes(e.key)&&(O(!0),await h(),C.value?.focus(),e.preventDefault())};return D(),(e,t)=>(g(),d(v(n),{"as-child":``},{default:y(()=>[f(l,m(z.value,{id:v(T),ref:v(R),"data-soybean-menu-sub-trigger":``,class:v(B),"aria-haspopup":`menu`,"aria-expanded":v(x),"aria-controls":v(w),"data-state":v(S),onClick:U,onPointermove:W,onPointerleave:G,onKeydown:K}),{default:y(()=>[_(e.$slots,`default`)]),_:3},16,[`id`,`class`,`aria-expanded`,`aria-controls`,`data-state`])]),_:3}))}});export{b as default};
+import{isMouseEvent as e}from"../../shared/event.js";import"../../shared/index.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import"../../composables/index.js";import n from"../popper/popper-anchor.js";import"../popper/index.js";import{useMenuContentContext as r,useMenuContext as i,useMenuRootContext as a,useMenuSubAttributeContext as o,useMenuUi as s}from"./context.js";import{SUB_OPEN_KEYS as c}from"./shared.js";import l from"./menu-item-impl.js";import{computed as u,createBlock as d,createVNode as f,defineComponent as p,mergeProps as m,nextTick as h,openBlock as g,renderSlot as _,unref as v,withCtx as y}from"vue";const b=p({__name:`menu-sub-trigger`,props:{disabled:{type:Boolean},textValue:{},asChild:{type:Boolean},as:{}},setup(p){let b=p,{open:x,dataState:S,popupElement:C,popupId:w,triggerId:T,onTriggerElementChange:E,initTriggerId:D,onOpenChange:O}=i(`MenuSubTrigger`),{dir:k}=a(`MenuSubTrigger`),A=o(),{pointerGraceTimer:j,searchRef:M,onPointerGraceIntentChange:N,resetPointerGraceIntent:P,onItemEnter:F,onTriggerLeave:I}=r(`MenuSubTrigger`),[L,R]=t(E),z=u(()=>m(b,{...A?.subTrigger?.value})),B=s(`subTrigger`),V=null,H=()=>{V&&window.clearTimeout(V),V=null},U=e=>{b.disabled||e.defaultPrevented||(e.currentTarget.focus(),x.value||O(!0))},W=t=>{e(t)&&(F(t)||b.disabled||x.value||V||(P(),V=window.setTimeout(()=>{O(!0),H()},100)))},G=t=>{if(!e(t))return;H();let n=C.value?.getBoundingClientRect();if(n?.width){let e=C.value?.dataset.side,r=e===`right`,i=r?-5:5,a=n[r?`left`:`right`],o=n[r?`right`:`left`];N({area:[{x:t.clientX+i,y:t.clientY},{x:a,y:n.top},{x:o,y:n.top},{x:o,y:n.bottom},{x:a,y:n.bottom}],side:e}),window.clearTimeout(j.value),j.value=window.setTimeout(()=>N(null),300)}else{if(I(t))return;P()}},K=async e=>{b.disabled||(M.value===``||e.key!==` `)&&c[k.value].includes(e.key)&&(O(!0),await h(),C.value?.focus(),e.preventDefault())};return D(),(e,t)=>(g(),d(v(n),{"as-child":``},{default:y(()=>[f(l,m(z.value,{id:v(T),ref:v(R),"data-soybean-menu-sub-trigger":``,class:v(B),"aria-haspopup":`menu`,"aria-expanded":v(x),"aria-controls":v(w),"data-state":v(S),onClick:U,onPointermove:W,onPointerleave:G,onKeydown:K}),{default:y(()=>[_(e.$slots,`default`)]),_:3},16,[`id`,`class`,`aria-expanded`,`aria-controls`,`data-state`])]),_:3}))}});export{b as default};

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

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

package/dist/components/menu/menu-sub.vue.d.ts

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

package/dist/components/menu/shared.js

@@ -1 +1 @@
-import{SELECTION_KEYS as e}from"../../constants/common.js";const t={popupTransformOrigin:`--soybean-menu-popup-transform-origin`,popupAvailableWidth:`--soybean-menu-popup-available-width`,popupAvailableHeight:`--soybean-menu-popup-available-height`,triggerWidth:`--soybean-menu-trigger-width`,triggerHeight:`--soybean-menu-trigger-height`},n={popupTransformOrigin:`--soybean-sub-menu-popup-transform-origin`,popupAvailableWidth:`--soybean-sub-menu-popup-available-width`,popupAvailableHeight:`--soybean-sub-menu-popup-available-height`,triggerWidth:`--soybean-sub-menu-trigger-width`,triggerHeight:`--soybean-sub-menu-trigger-height`},r=`data-soybean-menu-popup`,i=`menu.itemSelect`,a=[`ArrowDown`,`PageUp`,`Home`],o=[`ArrowUp`,`PageDown`,`End`],s=[...a,...o],c={ltr:[...e,`ArrowRight`],rtl:[...e,`ArrowLeft`]},l={ltr:[`ArrowLeft`],rtl:[`ArrowRight`]},u=[`item`,`item-leading`,`item-trailing`];export{u as COMMON_SLOTS,s as FIRST_LAST_KEYS,i as ITEM_SELECT,o as LAST_KEYS,r as MENU_POPUP_DATA_ATTRIBUTE,l as SUB_CLOSE_KEYS,c as SUB_OPEN_KEYS,t as menuCssVars,n as subMenuCssVars};
+import{SELECTION_KEYS as e}from"../../constants/common.js";const t={popupTransformOrigin:`--soybean-menu-popup-transform-origin`,popupAvailableWidth:`--soybean-menu-popup-available-width`,popupAvailableHeight:`--soybean-menu-popup-available-height`,triggerWidth:`--soybean-menu-trigger-width`,triggerHeight:`--soybean-menu-trigger-height`},n={popupTransformOrigin:`--soybean-sub-menu-popup-transform-origin`,popupAvailableWidth:`--soybean-sub-menu-popup-available-width`,popupAvailableHeight:`--soybean-sub-menu-popup-available-height`,triggerWidth:`--soybean-sub-menu-trigger-width`,triggerHeight:`--soybean-sub-menu-trigger-height`},r=`data-soybean-menu-popup`,i=`menu.itemSelect`,a=[`ArrowDown`,`PageUp`,`Home`],o=[`ArrowUp`,`PageDown`,`End`],s=[...a,...o],c={ltr:[...e,`ArrowRight`],rtl:[...e,`ArrowLeft`]},l={ltr:[`ArrowLeft`],rtl:[`ArrowRight`]},u=[`item`,`item-leading`,`item-trailing`];export{u as COMMON_SLOTS,a as FIRST_KEYS,s as FIRST_LAST_KEYS,i as ITEM_SELECT,o as LAST_KEYS,r as MENU_POPUP_DATA_ATTRIBUTE,l as SUB_CLOSE_KEYS,c as SUB_OPEN_KEYS,t as menuCssVars,n as subMenuCssVars};

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

@@ -1,10 +1,11 @@
 import { AcceptableBooleanValue, CheckedState, DefinedValue, Direction, UiClass } from "../../types/common.js";
 import { DismissableLayerEmits, FocusScopeEmits, ForceMountProps } from "../../types/component.js";
 import { BaseProps } from "../../types/vue.js";
+import "../../types/index.js";
 import { IconValue } from "../_icon/types.js";
 import { PrimitiveWithBaseProps } from "../primitive/types.js";
 import { ButtonProps } from "../button/types.js";
-import { LinkBaseProps, LinkProps } from "../link/types.js";
+import { LinkBaseProps, LinkExtraProps } from "../link/types.js";
 import { PopperPopupProps, PopperPositionerProps } from "../popper/types.js";
 import { PortalProps } from "../portal/types.js";
 import { DialogBaseProps, DialogRootEmits } from "../dialog/types.js";
@@ -12,7 +13,6 @@ import { RovingFocusGroupEmits, RovingFocusGroupProps } from "../roving-focus/ty
 import { KbdProps, KbdValue } from "../kbd/types.js";
 import { SeparatorRootProps } from "../separator/types.js";
 import { ComputedRef, ShallowRef } from "vue";
-
 //#region src/components/menu/types.d.ts
 /**
  * Properties for the MenuRoot component.
@@ -121,7 +121,8 @@ interface MenuCheckboxItemProps extends MenuItemImplProps {
  * Events for the MenuCheckboxItem component.
  */
 type MenuCheckboxItemEmits = MenuItemEmits & {
-  /** Event handler called when the checked state of the item changes. */'update:modelValue': [value: CheckedState];
+  /** Event handler called when the checked state of the item changes. */
+  'update:modelValue': [value: CheckedState];
 };
 /**
  * Properties for the MenuCheckboxGroup component.
@@ -142,7 +143,8 @@ interface MenuCheckboxGroupProps<T extends DefinedValue = DefinedValue> extends
  * Events for the MenuCheckboxGroup component.
  */
 type MenuCheckboxGroupEmits<T extends DefinedValue = DefinedValue> = {
-  /** Event handler called when the value of the checkbox group changes. */'update:modelValue': [value: T[]];
+  /** Event handler called when the value of the checkbox group changes. */
+  'update:modelValue': [value: T[]];
 };
 /**
  * Properties for the MenuRadioItem component.
@@ -160,7 +162,7 @@ type MenuRadioItemEmits = MenuItemEmits;
  */
 interface MenuRadioGroupProps<T = AcceptableBooleanValue> extends MenuGroupProps {
   /** The controlled value of the radio item to check. Can be bound as `v-model`. */
-  modelValue?: T;
+  modelValue?: T | null;
   /**
    * The value of the radio item that should be checked when initially rendered. Use when you do not need to control the
    * state of the radio items.
@@ -173,7 +175,8 @@ interface MenuRadioGroupProps<T = AcceptableBooleanValue> extends MenuGroupProps
  * Events for the MenuRadioGroup component.
  */
 type MenuRadioGroupEmits<T = AcceptableBooleanValue> = {
-  /** Event handler called when the radio group value changes */'update:modelValue': [payload: Exclude<T, undefined>];
+  /** Event handler called when the radio group value changes */
+  'update:modelValue': [payload: Exclude<T, undefined> | null];
 };
 /**
  * Properties for the MenuSubTrigger component.
@@ -221,7 +224,7 @@ interface MenuOptionCompactProps<T extends DefinedValue = DefinedValue> {
   /**
    * Properties forwarded to the link element.
    */
-  linkProps?: LinkProps;
+  linkProps?: LinkExtraProps;
   /**
    * Properties forwarded to the group element.
    */
@@ -479,4 +482,4 @@ type MenuUiSlot = 'positioner' | 'popup' | 'arrow' | 'subPositioner' | 'subPopup
  */
 type MenuUi = UiClass<MenuUiSlot>;
 //#endregion
-export { MenuCheckboxGroupEmits, MenuCheckboxGroupProps, MenuCheckboxItemEmits, MenuCheckboxItemProps, MenuCheckboxOptionData, MenuCheckboxOptionsCompactEmits, MenuCheckboxOptionsCompactProps, MenuCheckboxOptionsCompactSelectEmits, MenuCheckboxOptionsCompactSlots, MenuContentEmits, MenuContentProps, MenuGroupLabelProps, MenuGroupProps, MenuItemEmits, MenuItemIndicatorProps, MenuItemProps, MenuOptionCompactEmits, MenuOptionCompactProps, MenuOptionCompactSelectEmits, MenuOptionCompactSlots, MenuOptionData, MenuOptionsCompactEmits, MenuOptionsCompactProps, MenuOptionsCompactSlots, MenuPopupProps, MenuRadioGroupEmits, MenuRadioGroupProps, MenuRadioItemEmits, MenuRadioItemProps, MenuRadioOptionData, MenuRadioOptionsCompactEmits, MenuRadioOptionsCompactProps, MenuRadioOptionsCompactSelectEmits, MenuRadioOptionsCompactSlots, MenuRootEmits, MenuRootProps, MenuShortcutProps, MenuSubContentEmits, MenuSubContentProps, MenuSubEmits, MenuSubProps, MenuSubTriggerProps, MenuTriggerProps, MenuUi, MenuUiSlot };
+export { MenuCheckboxGroupEmits, MenuCheckboxGroupProps, MenuCheckboxItemEmits, MenuCheckboxItemProps, MenuCheckboxOptionData, MenuCheckboxOptionsCompactEmits, MenuCheckboxOptionsCompactProps, MenuCheckboxOptionsCompactSelectEmits, MenuCheckboxOptionsCompactSlots, MenuContentEmits, MenuContentImplEmits, MenuContentProps, MenuGroupLabelProps, MenuGroupProps, MenuItemEmits, MenuItemImplProps, MenuItemIndicatorProps, MenuItemProps, MenuOptionCompactEmits, MenuOptionCompactProps, MenuOptionCompactSelectEmits, MenuOptionCompactSlots, MenuOptionData, MenuOptionsCompactEmits, MenuOptionsCompactProps, MenuOptionsCompactSlots, MenuPopupProps, MenuRadioGroupEmits, MenuRadioGroupProps, MenuRadioItemEmits, MenuRadioItemProps, MenuRadioOptionData, MenuRadioOptionsCompactEmits, MenuRadioOptionsCompactProps, MenuRadioOptionsCompactSelectEmits, MenuRadioOptionsCompactSlots, MenuRootEmits, MenuRootProps, MenuShortcutProps, MenuSubContentEmits, MenuSubContentProps, MenuSubEmits, MenuSubProps, MenuSubTriggerProps, MenuTriggerProps, MenuUi, MenuUiSlot };

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

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

package/dist/components/menubar/context.js

@@ -1 +1 @@
-import{useContext as e}from"../../composables/use-context.js";import{useDirection as t}from"../config-provider/context.js";import{useCollection as n}from"../../composables/use-collection.js";import{useUiContext as r}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{provideMenuUi as i}from"../menu/context.js";import{shallowRef as a}from"vue";const{provideCollectionContext:o,useCollectionContext:s,useCollectionItem:c}=n(`Menubar`),[l,u]=e(`MenubarRoot`,e=>{let{modelValue:n,currentTabStopId:r}=e,i=t(e.dir),o=a(!1),s=e=>{o.value=!1,n.value=e,r.value=String(e)},c=()=>{o.value=!1,n.value=``},l=e=>{o.value=!1,n.value=n.value?``:e,r.value=String(e)},u=()=>{o.value=!0,n.value=``};return{...e,dir:i,isLinkTriggerHovered:o,onMenuOpen:s,onMenuClose:c,onMenuToggle:l,setTriggerLink:u}}),[d,f]=e(`MenubarMenu`,e=>e),[p,m]=r(`MenubarUi`,e=>(i(e),e));export{o as provideMenubarCollectionContext,d as provideMenubarMenuContext,l as provideMenubarRootContext,p as provideMenubarUi,s as useMenubarCollectionContext,c as useMenubarCollectionItem,f as useMenubarMenuContext,u as useMenubarRootContext,m as useMenubarUi};
+import{useContext as e}from"../../composables/use-context.js";import{useDirection as t}from"../config-provider/context.js";import{useCollection as n}from"../../composables/use-collection.js";import{useUiContext as r}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{provideMenuUi as i}from"../menu/context.js";import{computed as a,shallowRef as o,watchEffect as s}from"vue";const{provideCollectionContext:c,useCollectionContext:l,useCollectionItem:u}=n(`Menubar`),[d,f]=e(`MenubarRoot`,e=>{let{modelValue:n,currentTabStopId:r}=e,i=t(e.dir),c=a(()=>e.trigger.value===`hover`),l=o(!1),u=o(!0),d=null,f=null,p=()=>{d&&(clearTimeout(d),d=null)},m=()=>{p(),d=setTimeout(()=>{u.value=!0},e.skipDelayDuration.value)},h=()=>{p(),u.value=!1},g=()=>{f&&(clearTimeout(f),f=null)},_=t=>{g(),f=setTimeout(()=>{v(t)},e.delayDuration.value)},v=e=>{g(),l.value=!1,n.value=e,r.value=String(e)},y=()=>{g(),l.value=!1,n.value=``},b=e=>{g(),l.value=!1,n.value=n.value?``:e,r.value=String(e)},x=()=>{g(),l.value=!0,n.value=``},S=e=>{n.value||!u.value?v(e):_(e)},C=()=>{g()};return s(()=>{c.value&&(n.value?h():m())}),{...e,dir:i,hoverable:c,isLinkTriggerHovered:l,onMenuOpen:v,onMenuClose:y,onMenuToggle:b,onHoverPointerEnter:S,onHoverPointerLeave:C,setTriggerLink:x}}),[p,m]=e(`MenubarMenu`,e=>e),[h,g]=r(`MenubarUi`,e=>(i(e),e));export{c as provideMenubarCollectionContext,p as provideMenubarMenuContext,d as provideMenubarRootContext,h as provideMenubarUi,l as useMenubarCollectionContext,u as useMenubarCollectionItem,m as useMenubarMenuContext,f as useMenubarRootContext,g as useMenubarUi};

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

@@ -1,22 +1,23 @@
-import { _default as _default$10 } from "../portal/portal.vue.js";
-import { _default } from "../popper/popper-arrow.vue.js";
-import { _default as _default$5 } from "../menu/menu-group.vue.js";
-import { _default as _default$6 } from "../menu/menu-group-label.vue.js";
-import { _default as _default$7 } from "../menu/menu-item.vue.js";
-import { _default as _default$8 } from "../menu/menu-item-indicator.vue.js";
-import { _default as _default$2 } from "../menu/menu-checkbox-item.vue.js";
-import { _default as _default$12 } from "../menu/menu-radio-item.vue.js";
-import { _default as _default$15 } from "../menu/menu-sub.vue.js";
-import { _default as _default$14 } from "../separator/separator-root.vue.js";
-import { _default as _default$1 } from "../menu/menu-checkbox-group.vue.js";
-import { _default as _default$11 } from "../menu/menu-radio-group.vue.js";
-import { MenubarCompactEmits, MenubarCompactProps, MenubarCompactSlots, MenubarContentEmits, MenubarContentProps, MenubarMenuProps, MenubarRootEmits, MenubarRootProps, MenubarSubContentEmits, MenubarSubContentProps, MenubarSubTriggerProps, MenubarTriggerProps, MenubarUi, MenubarUiSlot } from "./types.js";
-import { _default as _default$13 } from "./menubar-root.vue.js";
-import { _default as _default$9 } from "./menubar-menu.vue.js";
-import { _default as _default$18 } from "./menubar-trigger.vue.js";
-import { _default as _default$4 } from "./menubar-content.vue.js";
-import { _default as _default$17 } from "./menubar-sub-trigger.vue.js";
-import { _default as _default$16 } from "./menubar-sub-content.vue.js";
-import { _default as _default$3 } from "./menubar-compact.vue.js";
+import _default$10 from "../portal/portal.vue.js";
+import _default from "../popper/popper-arrow.vue.js";
+import _default$5 from "../menu/menu-group.vue.js";
+import _default$6 from "../menu/menu-group-label.vue.js";
+import _default$7 from "../menu/menu-item.vue.js";
+import _default$8 from "../menu/menu-item-indicator.vue.js";
+import _default$2 from "../menu/menu-checkbox-item.vue.js";
+import _default$12 from "../menu/menu-radio-item.vue.js";
+import _default$15 from "../menu/menu-sub.vue.js";
+import _default$14 from "../separator/separator-root.vue.js";
+import _default$1 from "../menu/menu-checkbox-group.vue.js";
+import _default$11 from "../menu/menu-radio-group.vue.js";
+import "../menu/index.js";
+import { MenubarCompactEmits, MenubarCompactProps, MenubarCompactSlots, MenubarContentEmits, MenubarContentProps, MenubarMenuProps, MenubarRootEmits, MenubarRootProps, MenubarSubContentEmits, MenubarSubContentProps, MenubarSubTriggerProps, MenubarTriggerProps, MenubarTriggerType, MenubarUi, MenubarUiSlot } from "./types.js";
+import _default$13 from "./menubar-root.vue.js";
+import _default$9 from "./menubar-menu.vue.js";
+import _default$18 from "./menubar-trigger.vue.js";
+import _default$4 from "./menubar-content.vue.js";
+import _default$17 from "./menubar-sub-trigger.vue.js";
+import _default$16 from "./menubar-sub-content.vue.js";
+import _default$3 from "./menubar-compact.vue.js";
 import { provideMenubarUi } from "./context.js";
-export { _default as MenubarArrow, _default$1 as MenubarCheckboxGroup, _default$2 as MenubarCheckboxItem, _default$3 as MenubarCompact, type MenubarCompactEmits, type MenubarCompactProps, type MenubarCompactSlots, _default$4 as MenubarContent, type MenubarContentEmits, type MenubarContentProps, _default$5 as MenubarGroup, _default$6 as MenubarGroupLabel, _default$7 as MenubarItem, _default$8 as MenubarItemIndicator, _default$9 as MenubarMenu, type MenubarMenuProps, _default$10 as MenubarPortal, _default$11 as MenubarRadioGroup, _default$12 as MenubarRadioItem, _default$13 as MenubarRoot, type MenubarRootEmits, type MenubarRootProps, _default$14 as MenubarSeparator, _default$15 as MenubarSub, _default$16 as MenubarSubContent, type MenubarSubContentEmits, type MenubarSubContentProps, _default$17 as MenubarSubTrigger, type MenubarSubTriggerProps, _default$18 as MenubarTrigger, type MenubarTriggerProps, type MenubarUi, type MenubarUiSlot, provideMenubarUi };
+export { _default as MenubarArrow, _default$1 as MenubarCheckboxGroup, _default$2 as MenubarCheckboxItem, _default$3 as MenubarCompact, type MenubarCompactEmits, type MenubarCompactProps, type MenubarCompactSlots, _default$4 as MenubarContent, type MenubarContentEmits, type MenubarContentProps, _default$5 as MenubarGroup, _default$6 as MenubarGroupLabel, _default$7 as MenubarItem, _default$8 as MenubarItemIndicator, _default$9 as MenubarMenu, type MenubarMenuProps, _default$10 as MenubarPortal, _default$11 as MenubarRadioGroup, _default$12 as MenubarRadioItem, _default$13 as MenubarRoot, type MenubarRootEmits, type MenubarRootProps, _default$14 as MenubarSeparator, _default$15 as MenubarSub, _default$16 as MenubarSubContent, type MenubarSubContentEmits, type MenubarSubContentProps, _default$17 as MenubarSubTrigger, type MenubarSubTriggerProps, _default$18 as MenubarTrigger, type MenubarTriggerProps, type MenubarTriggerType, type MenubarUi, type MenubarUiSlot, provideMenubarUi };

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

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{usePickProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import r from"../portal/portal.js";import i from"../link/link.js";import{useMenuUi as a}from"../menu/context.js";import o from"../menu/menu-options-compact.js";import"../menu/index.js";import s from"./menubar-root.js";import c from"./menubar-menu.js";import l from"./menubar-trigger.js";import u from"./menubar-content.js";import{Fragment as d,computed as f,createBlock as p,createCommentVNode as m,createElementBlock as h,createElementVNode as g,createSlots as _,createVNode as v,defineComponent as y,mergeProps as b,normalizeClass as x,openBlock as S,renderList as C,renderSlot as w,toDisplayString as T,toHandlers as E,unref as D,useSlots as O,withCtx as k}from"vue";import{keysOf as A}from"@soybeanjs/utils";const j=y({name:`MenubarCompact`,__name:`menubar-compact`,props:{disabled:{type:Boolean},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},modelValue:{},defaultValue:{},dir:{},loop:{type:Boolean},asChild:{type:Boolean},as:{},items:{},activeValue:{},itemProps:{},linkProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:modelValue`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:open`,`select`],setup(y,{emit:j}){let M=y,N=j,P=O(),F=t(M,[`as`,`modelValue`,`defaultValue`,`dir`,`loop`]),I=t(M,[`items`,`activeValue`,`itemProps`,`linkProps`,`groupProps`,`groupLabelProps`,`portalProps`,`subTriggerProps`,`subContentProps`,`separatorProps`,`shortcutProps`]),L=e(N),R=f(()=>A(P).filter(e=>e!==`trigger`)),z=a(),B=f(()=>({...M.triggerProps,disabled:M.disabled??M.triggerProps?.disabled})),V=f(()=>({...M.contentProps,popupProps:M.popupProps??M.contentProps?.popupProps,placement:M.placement??M.contentProps?.placement,sideOffset:M.contentProps?.sideOffset??(M.showArrow?0:8)}));return(e,t)=>(S(),p(s,b(D(F),E(D(L))),{default:k(()=>[(S(!0),h(d,null,C(y.items,t=>(S(),p(c,{key:t.value,value:t.value},{default:k(()=>[t.to||t.href?(S(),p(l,b({key:0,ref_for:!0},B.value,{"as-child":``}),{default:k(()=>[v(i,b({ref_for:!0},y.linkProps,{disabled:t.disabled,to:t.to,href:t.href,target:t.target,external:t.external}),{default:k(({isHref:r})=>[w(e.$slots,`trigger`,{item:t},()=>[w(e.$slots,`item-leading`,{item:t},()=>[t.icon?(S(),p(n,{key:0,icon:t.icon,class:x(D(z).itemIcon)},null,8,[`icon`,`class`])):m(`v-if`,!0)]),g(`span`,null,T(t.label),1),r?w(e.$slots,`item-link-icon`,{key:0,item:t},()=>[v(n,{icon:`lucide:arrow-up-right`,class:x(D(z).itemLinkIcon)},null,8,[`class`])]):m(`v-if`,!0),w(e.$slots,`item-trailing`,{item:t})])]),_:2},1040,[`disabled`,`to`,`href`,`target`,`external`])]),_:2},1040)):(S(),h(d,{key:1},[v(l,b({ref_for:!0},B.value),{default:k(()=>[w(e.$slots,`trigger`,{item:t},()=>[w(e.$slots,`item-leading`,{item:t},()=>[t.icon?(S(),p(n,{key:0,icon:t.icon,class:x(D(z).itemIcon)},null,8,[`icon`,`class`])):m(`v-if`,!0)]),g(`span`,null,T(t.label),1),w(e.$slots,`item-trailing`,{item:t})])]),_:2},1040),v(D(r),b({ref_for:!0},y.portalProps),{default:k(()=>[v(u,b({ref_for:!0},V.value),{default:k(()=>[v(D(o),b({ref_for:!0},D(I),{items:t.children??[]}),_({_:2},[C(R.value,t=>({name:t,fn:k(n=>[w(e.$slots,t,b({ref_for:!0},n))])}))]),1040,[`items`])]),_:2},1040)]),_:2},1040)],64))]),_:2},1032,[`value`]))),128))]),_:3},16))}});export{j as default};
+import{isClient as e}from"../../shared/env.js";import"../../shared/index.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import{usePickProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import r from"./menubar-menus.js";import{computed as i,createBlock as a,createElementBlock as o,createSlots as s,createVNode as c,defineComponent as l,guardReactiveProps as u,nextTick as d,normalizeProps as f,onMounted as p,openBlock as m,renderList as h,renderSlot as g,shallowRef as _,unref as v,useSlots as y,useTemplateRef as b,watch as x,withCtx as S}from"vue";import{keysOf as C}from"@soybeanjs/utils";import{useResizeObserver as w}from"@vueuse/core";const T=l({name:`MenubarCompact`,__name:`menubar-compact`,props:{disabled:{type:Boolean},placement:{},showArrow:{type:Boolean},triggerProps:{},collapsible:{type:Boolean},moreLabel:{},moreIcon:{},moreProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},modelValue:{},defaultValue:{},dir:{},loop:{type:Boolean},trigger:{},delayDuration:{},skipDelayDuration:{},asChild:{type:Boolean},as:{},items:{},activeValue:{},itemProps:{},linkProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:modelValue`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:open`,`select`],setup(l,{emit:T}){let E=l,D=T,O=y(),k=i(()=>C(O).filter(e=>e!==`trigger`&&e!==`more-trigger`)),A=n(E,[`as`,`modelValue`,`defaultValue`,`dir`,`loop`,`trigger`,`delayDuration`,`skipDelayDuration`]),j=i(()=>({...A.value,...E.collapsible?{style:{minWidth:`max-content`}}:{}})),M=n(E,[`items`,`activeValue`,`itemProps`,`linkProps`,`groupProps`,`groupLabelProps`,`portalProps`,`subTriggerProps`,`subContentProps`,`separatorProps`,`shortcutProps`]),N=t(D),P=i(()=>({...E.triggerProps,disabled:E.disabled??E.triggerProps?.disabled})),F=e=>{let t=e.disabled??P.value.disabled;return{...E.triggerProps,disabled:t}},I=i(()=>({...E.contentProps,popupProps:E.popupProps??E.contentProps?.popupProps,placement:E.placement??E.contentProps?.placement,sideOffset:E.contentProps?.sideOffset??(E.showArrow?0:8)})),L=b(`overflowElement`),R=_(0),z=i(()=>Math.min(R.value,E.items.length)),B=i(()=>E.items.slice(0,E.items.length-z.value)),V=i(()=>E.items.slice(E.items.length-z.value)),H=i(()=>({...E.moreProps,disabled:E.disabled??E.moreProps?.disabled})),U=!1,W=!1;function G(e){let t=e.querySelector(`[data-soybean-menubar-root]`);return t?t.scrollWidth>e.clientWidth:!1}async function K(){if(e){if(U){W=!0;return}U=!0;try{let e=L.value;if(!e)return;for(await d();R.value>0;)if(--R.value,await d(),G(e)){R.value+=1,await d();break}for(;R.value<E.items.length&&G(e);)R.value+=1,await d()}finally{U=!1,W&&(W=!1,K())}}}return w(L,()=>{E.collapsible&&K()}),x(()=>E.items,()=>{E.collapsible&&(R.value=0,K())}),x(()=>E.collapsible,e=>{e&&K()}),p(()=>{E.collapsible&&K()}),(e,t)=>l.collapsible?(m(),o(`div`,{key:0,ref_key:`overflowElement`,ref:L,"data-soybean-menubar-overflow":``},[c(r,{items:B.value,"more-items":V.value,"root-props":j.value,listeners:v(N),"options-props":v(M),"link-props":l.linkProps,"content-props":I.value,"portal-props":l.portalProps,"get-trigger-props":F,"more-trigger-props":H.value,"more-label":l.moreLabel,"more-icon":l.moreIcon},s({trigger:S(({item:t})=>[g(e.$slots,`trigger`,{item:t})]),"more-trigger":S(()=>[g(e.$slots,`more-trigger`)]),_:2},[h(k.value,t=>({name:t,fn:S(n=>[g(e.$slots,t,f(u(n)))])}))]),1032,[`items`,`more-items`,`root-props`,`listeners`,`options-props`,`link-props`,`content-props`,`portal-props`,`more-trigger-props`,`more-label`,`more-icon`])],512)):(m(),a(r,{key:1,items:B.value,"more-items":V.value,"root-props":j.value,listeners:v(N),"options-props":v(M),"link-props":l.linkProps,"content-props":I.value,"portal-props":l.portalProps,"get-trigger-props":F,"more-trigger-props":H.value,"more-label":l.moreLabel,"more-icon":l.moreIcon},s({trigger:S(({item:t})=>[g(e.$slots,`trigger`,{item:t})]),"more-trigger":S(()=>[g(e.$slots,`more-trigger`)]),_:2},[h(k.value,t=>({name:t,fn:S(n=>[g(e.$slots,t,f(u(n)))])}))]),1032,[`items`,`more-items`,`root-props`,`listeners`,`options-props`,`link-props`,`content-props`,`portal-props`,`more-trigger-props`,`more-label`,`more-icon`]))}});export{T as default};

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

@@ -1,31 +1,34 @@
 import { DefinedValue } from "../../types/common.js";
 import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
+import "../../types/index.js";
 import { MenuOptionData } from "../menu/types.js";
+import "../menu/index.js";
 import { MenubarCompactProps, MenubarCompactSlots } from "./types.js";
+import "../../index.js";
 //#region src/components/menubar/menubar-compact.vue.d.ts
 declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: import("vue").PublicProps & __VLS_PrettifyLocal<MenubarCompactProps<T> & {
     onSelect?: ((item: MenuOptionData<T>, event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((value: T) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: MenubarCompactSlots<T>;
-  emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", value: T) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
+  emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", value: T) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
 }>) => import("vue").VNode & {
-  __ctx?: Awaited<typeof __VLS_setup>;
+  __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };
 declare const _default: typeof __VLS_export;
-type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K]; } : { [K in keyof T as K]: T[K]; }) & {};
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1 +1 @@
-import{wrapArray as e}from"../../shared/object.js";import"../../shared/index.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import"../../composables/index.js";import n from"../menu/menu-content.js";import"../menu/index.js";import{useMenubarCollectionContext as r,useMenubarMenuContext as i,useMenubarRootContext as a}from"./context.js";import{isTriggerLink as o}from"./shared.js";import{createBlock as s,defineComponent as c,mergeProps as l,openBlock as u,renderSlot as d,shallowRef as f,toHandlers as p,unref as m,withCtx as h,withKeys as g}from"vue";const _=c({name:`MenubarContent`,__name:`menubar-content`,props:{popupProps:{},placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{default:`start`},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{},forceMount:{type:Boolean},loop:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(c,{emit:_}){let v=c,y=t(_),{dir:b,isLinkTriggerHovered:x,loop:S,modelValue:C,onMenuOpen:w,setTriggerLink:T}=a(`MenubarContent`),{value:E,triggerId:D,contentId:O,triggerElement:k,wasKeyboardTriggerOpen:A}=i(`MenubarContent`),{getOrderedItems:j}=r(`MenubarContent`),M=f(!1),N=e=>{!C.value&&!M.value&&!x.value&&k.value?.focus(),M.value=!1,e.preventDefault()},P=e=>{let t=e.target;j().some(e=>e.element.contains(t))&&e.preventDefault()},F=()=>{M.value=!0},I=e=>{A.value||e.preventDefault()},L=t=>{let n=t.target.hasAttribute(`data-soybean-menubar-sub-trigger`),r=b.value===`rtl`?`ArrowRight`:`ArrowLeft`,i=t.key===r;if(!i&&n)return;let a=j(),s=a.map(e=>e.data.value);i&&s.reverse();let c=s.findIndex(e=>e===E.value),l=(S.value?e(s,c+1):s.slice(c+1))[0],u=a.find(e=>e.data.value===l);!l||!u||(o(u.element)?(T(),u.element.focus()):w(l))};return(e,t)=>(u(),s(m(n),l(v,{id:m(O),"data-soybean-menubar-content":``,"aria-labelledby":m(D)},p(m(y)),{onCloseAutoFocus:N,onFocusOutside:P,onInteractOutside:F,onEntryFocus:I,onKeydown:g(L,[`arrow-right`,`arrow-left`])}),{default:h(()=>[d(e.$slots,`default`)]),_:3},16,[`id`,`aria-labelledby`]))}});export{_ as default};
+import{wrapArray as e}from"../../shared/object.js";import"../../shared/index.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import{useGraceArea as n}from"../../composables/use-grace-area.js";import"../../composables/index.js";import{useMenuContext as r}from"../menu/context.js";import i from"../menu/menu-content.js";import"../menu/index.js";import{useMenubarCollectionContext as a,useMenubarMenuContext as o,useMenubarRootContext as s}from"./context.js";import{isTriggerLink as c}from"./shared.js";import{computed as l,createBlock as u,defineComponent as d,mergeProps as f,openBlock as p,renderSlot as m,shallowRef as h,toHandlers as g,unref as _,withCtx as v,withKeys as y}from"vue";const b=d({name:`MenubarContent`,__name:`menubar-content`,props:{popupProps:{},placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{default:`start`},alignOffset:{},alignFlip:{type:Boolean},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(d,{emit:b}){let x=d,S=t(b),{popupElement:C}=r(`MenubarContent`),{containerElement:w,getOrderedItems:T}=a(`MenubarContent`),{dir:E,isLinkTriggerHovered:D,loop:O,modelValue:k,onMenuOpen:A,onMenuClose:j,hoverable:M,setTriggerLink:N}=s(`MenubarContent`),{value:P,triggerId:F,contentId:I,triggerElement:L,wasKeyboardTriggerOpen:R,open:z}=o(`MenubarContent`),B=h(!1);n({triggerElement:w,areaElement:C,onPointerExit:()=>{z.value&&j()},subAreaAttribute:`data-soybean-menu-sub-popup`,disabled:l(()=>!M.value||!z.value)});let V=e=>{!k.value&&!B.value&&!D.value&&L.value?.focus(),B.value=!1,e.preventDefault()},H=e=>T().some(t=>t.element.contains(e)),U=e=>{H(e.target)&&e.preventDefault()},W=e=>{H(e.target)&&e.preventDefault()},G=()=>{B.value=!0},K=e=>{R.value||e.preventDefault()},q=t=>{let n=t.target.hasAttribute(`data-soybean-menubar-sub-trigger`),r=E.value===`rtl`?`ArrowRight`:`ArrowLeft`,i=t.key===r;if(!i&&n)return;let a=T(),o=a.map(e=>e.data.value);i&&o.reverse();let s=o.findIndex(e=>e===P.value),l=(O.value?e(o,s+1):o.slice(s+1))[0],u=a.find(e=>e.data.value===l);!l||!u||(c(u.element)?(N(),u.element.focus()):A(l))};return(e,t)=>(p(),u(_(i),f(x,{id:_(I),"data-soybean-menubar-content":``,"aria-labelledby":_(F)},g(_(S)),{onCloseAutoFocus:V,onPointerDownOutside:U,onFocusOutside:W,onInteractOutside:G,onEntryFocus:K,onKeydown:y(q,[`arrow-right`,`arrow-left`])}),{default:v(()=>[m(e.$slots,`default`)]),_:3},16,[`id`,`aria-labelledby`]))}});export{b as default};

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

@@ -1,29 +1,33 @@
 import { Align } from "../../types/common.js";
 import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
+import "../../types/index.js";
 import { MenubarContentProps } from "./types.js";
+import "../../index.js";
 //#region src/components/menubar/menubar-content.vue.d.ts
-declare var __VLS_14: {};
+declare var __VLS_15: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_14) => any;
+  default?: (props: typeof __VLS_15) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<MenubarContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  entryFocus: (event: Event) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
-  entryFocus: (event: Event) => any;
 }, string, import("vue").PublicProps, Readonly<MenubarContentProps> & Readonly<{
+  onEntryFocus?: ((event: Event) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
-  onEntryFocus?: ((event: Event) => any) | undefined;
 }>, {
   align: Align;
+  avoidCollisions: boolean;
+  prioritizePosition: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
@@ -33,4 +37,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/menubar/menubar-menu.vue.d.ts

@@ -1,5 +1,6 @@
 import { DefinedValue } from "../../types/common.js";
 import { MenubarMenuProps } from "./types.js";
+import "../../index.js";
 //#region src/components/menubar/menubar-menu.vue.d.ts
 declare var __VLS_10: {
   open: boolean;
@@ -17,4 +18,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/menubar/menubar-menus.js

@@ -0,0 +1 @@
+import e from"../_icon/icon.js";import t from"../portal/portal.js";import n from"../link/link.js";import{useMenuUi as r}from"../menu/context.js";import i from"../menu/menu-options-compact.js";import"../menu/index.js";import a from"./menubar-root.js";import o from"./menubar-menu.js";import s from"./menubar-trigger.js";import c from"./menubar-content.js";import{Fragment as l,computed as u,createBlock as d,createCommentVNode as f,createElementBlock as p,createElementVNode as m,createSlots as h,createVNode as g,defineComponent as _,guardReactiveProps as v,mergeProps as y,normalizeClass as b,normalizeProps as x,openBlock as S,renderList as C,renderSlot as w,toDisplayString as T,toHandlers as E,unref as D,useSlots as O,withCtx as k}from"vue";import{keysOf as A}from"@soybeanjs/utils";const j={key:1},M=_({__name:`menubar-menus`,props:{items:{},moreItems:{},rootProps:{},listeners:{},optionsProps:{},linkProps:{},contentProps:{},portalProps:{},getTriggerProps:{type:Function},moreTriggerProps:{},moreLabel:{},moreIcon:{}},setup(_){let M=_,N=O(),P=r(),F=u(()=>A(N).filter(e=>e!==`trigger`&&e!==`more-trigger`)),I=u(()=>M.moreIcon??`lucide:ellipsis`);return(r,u)=>(S(),d(a,y(_.rootProps,E(_.listeners)),{default:k(()=>[(S(!0),p(l,null,C(_.items,a=>(S(),d(o,{key:a.value,value:a.value},{default:k(()=>[a.to||a.href?(S(),d(s,y({key:0,ref_for:!0},_.getTriggerProps(a),{"as-child":``}),{default:k(()=>[g(n,y({ref_for:!0},_.linkProps,{disabled:_.getTriggerProps(a).disabled??_.linkProps?.disabled,to:a.to,href:a.href,target:a.target,external:a.external}),{default:k(({isHref:t})=>[w(r.$slots,`trigger`,{item:a},()=>[w(r.$slots,`item-leading`,{item:a},()=>[a.icon?(S(),d(e,{key:0,icon:a.icon,class:b(D(P).itemIcon)},null,8,[`icon`,`class`])):f(`v-if`,!0)]),m(`span`,null,T(a.label),1),t?w(r.$slots,`item-link-icon`,{item:a},()=>[g(e,{icon:`lucide:arrow-up-right`,class:b(D(P).itemLinkIcon)},null,8,[`class`])],void 0,0):f(`v-if`,!0),w(r.$slots,`item-trailing`,{item:a})])]),_:2},1040,[`disabled`,`to`,`href`,`target`,`external`])]),_:2},1040)):(S(),p(l,{key:1},[g(s,y({ref_for:!0},_.getTriggerProps(a)),{default:k(()=>[w(r.$slots,`trigger`,{item:a},()=>[w(r.$slots,`item-leading`,{item:a},()=>[a.icon?(S(),d(e,{key:0,icon:a.icon,class:b(D(P).itemIcon)},null,8,[`icon`,`class`])):f(`v-if`,!0)]),m(`span`,null,T(a.label),1),w(r.$slots,`item-trailing`,{item:a})])]),_:2},1040),g(D(t),y({ref_for:!0},_.portalProps),{default:k(()=>[g(c,y({ref_for:!0},_.contentProps),{default:k(()=>[g(D(i),y({ref_for:!0},_.optionsProps,{items:a.children??[]}),h({_:2},[C(F.value,e=>({name:e,fn:k(t=>[w(r.$slots,e,y({ref_for:!0},t))])}))]),1040,[`items`])]),_:2},1040)]),_:2},1040)],64))]),_:2},1032,[`value`]))),128)),_.moreItems.length?(S(),d(o,{key:0},{default:k(()=>[g(s,x(v(_.moreTriggerProps)),{default:k(()=>[w(r.$slots,`more-trigger`,{},()=>[I.value?(S(),d(e,{key:0,icon:I.value,class:b(D(P).itemIcon)},null,8,[`icon`,`class`])):f(`v-if`,!0),_.moreLabel?(S(),p(`span`,j,T(_.moreLabel),1)):f(`v-if`,!0)])]),_:3},16),g(D(t),x(v(_.portalProps)),{default:k(()=>[g(c,x(v(_.contentProps)),{default:k(()=>[g(D(i),y(_.optionsProps,{items:_.moreItems}),h({_:2},[C(F.value,e=>({name:e,fn:k(t=>[w(r.$slots,e,x(v(t)))])}))]),1040,[`items`])]),_:3},16)]),_:3},16)]),_:3})):f(`v-if`,!0)]),_:3},16))}});export{M as default};

package/dist/components/menubar/menubar-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{useForwardElement as n}from"../../composables/use-forward-element.js";import{useOmitProps as r}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as i}from"../primitive/primitive.js";import"../primitive/index.js";import a from"../roving-focus/roving-focus-group.js";import"../roving-focus/index.js";import{provideMenubarCollectionContext as o,provideMenubarRootContext as s,useMenubarUi as c}from"./context.js";import{createBlock as l,createVNode as u,defineComponent as d,mergeProps as f,openBlock as p,renderSlot as m,shallowRef as h,unref as g,withCtx as _}from"vue";const v=d({name:`MenubarRoot`,__name:`menubar-root`,props:{modelValue:{default:void 0},defaultValue:{},dir:{},loop:{type:Boolean,default:!1},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(d,{emit:v}){let y=d,b=v,x=c(`root`),S=r(y,[`class`,`modelValue`,`defaultValue`,`dir`,`loop`]),C=t(()=>y.modelValue,e=>{b(`update:modelValue`,e)},y.defaultValue??``),w=h(null);s({modelValue:C,currentTabStopId:w,...e(y,[`dir`,`loop`])});let{onContainerElementChange:T}=o(),[E,D]=n(T);return(e,t)=>(p(),l(g(a),{"current-tab-stop-id":w.value,"onUpdate:currentTabStopId":t[0]||(t[0]=e=>w.value=e),"as-child":``,orientation:`horizontal`,dir:d.dir,loop:d.loop},{default:_(()=>[u(g(i),f(g(S),{ref:g(D),as:d.as,"as-child":d.asChild,"data-soybean-menubar-root":``,class:g(x),role:`menubar`,dir:d.dir}),{default:_(()=>[m(e.$slots,`default`,{modelValue:g(C)})]),_:3},16,[`as`,`as-child`,`class`,`dir`])]),_:3},8,[`current-tab-stop-id`,`dir`,`loop`]))}});export{v as default};
+import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import{useOmitProps as r}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as i}from"../primitive/primitive.js";import"../primitive/index.js";import a from"../roving-focus/roving-focus-group.js";import"../roving-focus/index.js";import{provideMenubarCollectionContext as o,provideMenubarRootContext as s,useMenubarUi as c}from"./context.js";import{createBlock as l,createVNode as u,defineComponent as d,mergeProps as f,openBlock as p,renderSlot as m,shallowRef as h,unref as g,withCtx as _}from"vue";const v=d({name:`MenubarRoot`,__name:`menubar-root`,props:{modelValue:{default:void 0},defaultValue:{},dir:{},loop:{type:Boolean,default:!1},trigger:{default:`click`},delayDuration:{default:150},skipDelayDuration:{default:300},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(d,{emit:v}){let y=d,b=v,x=c(`root`),S=r(y,[`class`,`modelValue`,`defaultValue`,`dir`,`loop`,`trigger`,`delayDuration`,`skipDelayDuration`]),C=t(()=>y.modelValue,e=>{b(`update:modelValue`,e)},y.defaultValue??``),w=h(null);s({modelValue:C,currentTabStopId:w,...e(y,[`dir`,`loop`,`trigger`,`delayDuration`,`skipDelayDuration`])});let{onContainerElementChange:T}=o(),[E,D]=n(T);return(e,t)=>(p(),l(g(a),{"current-tab-stop-id":w.value,"onUpdate:currentTabStopId":t[0]||(t[0]=e=>w.value=e),"as-child":``,orientation:`horizontal`,dir:d.dir,loop:d.loop},{default:_(()=>[u(g(i),f(g(S),{ref:g(D),as:d.as,"as-child":d.asChild,"data-soybean-menubar-root":``,class:g(x),role:`menubar`,dir:d.dir}),{default:_(()=>[m(e.$slots,`default`,{modelValue:g(C)})]),_:3},16,[`as`,`as-child`,`class`,`dir`])]),_:3},8,[`current-tab-stop-id`,`dir`,`loop`]))}});export{v as default};

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

@@ -1,5 +1,6 @@
 import { DefinedValue } from "../../types/common.js";
-import { MenubarRootProps } from "./types.js";
+import { MenubarRootProps, MenubarTriggerType } from "./types.js";
+import "../../index.js";
 //#region src/components/menubar/menubar-root.vue.d.ts
 type __VLS_Props = MenubarRootProps;
 declare var __VLS_14: {
@@ -13,8 +14,11 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
   "onUpdate:modelValue"?: ((value: DefinedValue) => any) | undefined;
 }>, {
+  delayDuration: number;
+  skipDelayDuration: number;
   loop: boolean;
   modelValue: DefinedValue;
+  trigger: MenubarTriggerType;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
@@ -24,4 +28,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/menubar/menubar-sub-content.vue.d.ts

@@ -1,26 +1,27 @@
 import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
 import { MenubarSubContentProps } from "./types.js";
+import "../../index.js";
 //#region src/components/menubar/menubar-sub-content.vue.d.ts
 declare var __VLS_10: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<MenubarSubContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  entryFocus: (event: Event) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
-  entryFocus: (event: Event) => any;
 }, string, import("vue").PublicProps, Readonly<MenubarSubContentProps> & Readonly<{
+  onEntryFocus?: ((event: Event) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
-  onEntryFocus?: ((event: Event) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
@@ -30,4 +31,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/menubar/menubar-sub-trigger.vue.d.ts

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

package/dist/components/menubar/menubar-trigger.js

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import t from"../button/button.js";import n from"../popper/popper-anchor.js";import r from"../roving-focus/roving-focus-item.js";import"../roving-focus/index.js";import"../menu/index.js";import{useMenubarCollectionItem as i,useMenubarMenuContext as a,useMenubarRootContext as o,useMenubarUi as s}from"./context.js";import{isTriggerLink as c}from"./shared.js";import{createBlock as l,createVNode as u,defineComponent as d,mergeProps as f,openBlock as p,renderSlot as m,shallowRef as h,unref as g,withCtx as _,withKeys as v}from"vue";const y=d({name:`MenubarTrigger`,__name:`menubar-trigger`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(d){let y=d,{isLinkTriggerHovered:b,modelValue:x,onMenuOpen:S,onMenuToggle:C,setTriggerLink:w}=o(`MenubarTrigger`),{value:T,triggerId:E,contentId:D,triggerElement:O,wasKeyboardTriggerOpen:k,open:A}=a(`MenubarTrigger`),j=s(`trigger`),{onItemElementChange:M}=i(()=>({value:T.value})),[N,P]=e(e=>{O.value=e,M(e)}),F=h(!1),I=()=>c(N.value),L=e=>{if(y.disabled||e.button!==0||e.ctrlKey)return;if(I()){w();return}let t=A.value;S(T.value),t||e.preventDefault()},R=()=>{!x.value&&!b.value||A.value||(I()?w():S(T.value),N.value?.focus())},z=()=>{F.value=!0},B=()=>{F.value=!1},V=e=>{y.disabled||I()||([`Enter`,` `].includes(e.key)&&C(T.value),e.key===`ArrowDown`&&S(T.value),[`Enter`,` `,`ArrowDown`].includes(e.key)&&(k.value=!0,e.preventDefault()))};return(e,i)=>(p(),l(g(r),{"as-child":``,focusable:!d.disabled,"tab-stop-id":String(g(T))},{default:_(()=>[u(g(n),{"as-child":``},{default:_(()=>[u(t,f(y,{id:g(E),ref:g(P),"data-soybean-menubar-trigger":``,class:g(j),"aria-controls":g(A)?g(D):void 0,"aria-expanded":g(A),"aria-haspopup":`menu`,"data-highlighted":F.value?``:void 0,"data-soybean-collection-item":``,"data-state":g(A)?`open`:`closed`,"data-value":g(T),disabled:d.disabled,role:`menuitem`,onPointerdown:L,onPointerenter:R,onKeydown:v(V,[`enter`,`space`,`arrow-down`]),onFocus:z,onBlur:B}),{default:_(()=>[m(e.$slots,`default`)]),_:3},16,[`id`,`class`,`aria-controls`,`aria-expanded`,`data-highlighted`,`data-state`,`data-value`,`disabled`])]),_:3})]),_:3},8,[`focusable`,`tab-stop-id`]))}});export{y as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import t from"../button/button.js";import n from"../popper/popper-anchor.js";import r from"../roving-focus/roving-focus-item.js";import"../roving-focus/index.js";import"../menu/index.js";import{useMenubarCollectionItem as i,useMenubarMenuContext as a,useMenubarRootContext as o,useMenubarUi as s}from"./context.js";import{isTriggerLink as c}from"./shared.js";import{createBlock as l,createVNode as u,defineComponent as d,mergeProps as f,openBlock as p,renderSlot as m,shallowRef as h,unref as g,withCtx as _,withKeys as v}from"vue";const y=d({name:`MenubarTrigger`,__name:`menubar-trigger`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(d){let y=d,{isLinkTriggerHovered:b,modelValue:x,onMenuClose:S,onMenuOpen:C,onMenuToggle:w,setTriggerLink:T,hoverable:E,onHoverPointerEnter:D,onHoverPointerLeave:O}=o(`MenubarTrigger`),{value:k,triggerId:A,contentId:j,triggerElement:M,wasKeyboardTriggerOpen:N,open:P}=a(`MenubarTrigger`),F=s(`trigger`),{onItemElementChange:I}=i(()=>({value:k.value})),[L,R]=e(e=>{M.value=e,I(e)}),z=h(!1),B=h(!1),V=()=>c(L.value),H=e=>{if(y.disabled||e.button!==0||e.ctrlKey)return;if(V()){T();return}if(E.value)return;let t=P.value,n=B.value;if(B.value=!1,t&&!n){S();return}C(k.value),t||e.preventDefault()},U=()=>{if(!y.disabled){if(V()){(x.value||b.value)&&(T(),L.value?.focus());return}if(!P.value){if(E.value)D(k.value);else if(x.value||b.value)x.value&&x.value!==k.value&&(B.value=!0),C(k.value);else return;L.value?.focus()}}},W=()=>{y.disabled||E.value&&O()},G=()=>{z.value=!0},K=()=>{z.value=!1},q=e=>{y.disabled||V()||([`Enter`,` `].includes(e.key)&&w(k.value),e.key===`ArrowDown`&&C(k.value),[`Enter`,` `,`ArrowDown`].includes(e.key)&&(N.value=!0,e.preventDefault()))};return(e,i)=>(p(),l(g(r),{"as-child":``,focusable:!d.disabled,"tab-stop-id":String(g(k))},{default:_(()=>[u(g(n),{"as-child":``},{default:_(()=>[u(t,f(y,{id:g(A),ref:g(R),"data-soybean-menubar-trigger":``,class:g(F),"aria-controls":g(P)?g(j):void 0,"aria-expanded":g(P),"aria-haspopup":`menu`,"data-highlighted":z.value?``:void 0,"data-soybean-collection-item":``,"data-state":g(P)?`open`:`closed`,"data-value":g(k),disabled:d.disabled,role:`menuitem`,onPointerdown:H,onPointerenter:U,onPointerleave:W,onKeydown:v(q,[`enter`,`space`,`arrow-down`]),onFocus:G,onBlur:K}),{default:_(()=>[m(e.$slots,`default`)]),_:3},16,[`id`,`class`,`aria-controls`,`aria-expanded`,`data-highlighted`,`data-state`,`data-value`,`disabled`])]),_:3})]),_:3},8,[`focusable`,`tab-stop-id`]))}});export{y as default};

package/dist/components/menubar/menubar-trigger.vue.d.ts

@@ -1,9 +1,8 @@
 import { MenubarTriggerProps } from "./types.js";
-
 //#region src/components/menubar/menubar-trigger.vue.d.ts
-declare var __VLS_26: {};
+declare var __VLS_27: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_26) => any;
+  default?: (props: typeof __VLS_27) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<MenubarTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MenubarTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };