@soybeanjs/headless 0.29.2 → 0.30.0-beta.1

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;
 }>, {
-  modelValue: DefinedValue;
+  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 };

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

@@ -1,12 +1,18 @@
 import { DefinedValue, Direction, Placement, UiClass } from "../../types/common.js";
+import "../../types/index.js";
+import { IconValue } from "../_icon/types.js";
 import { PrimitiveWithBaseProps } from "../primitive/types.js";
 import { ButtonProps } from "../button/types.js";
 import { PopperArrowProps } from "../popper/types.js";
 import { PortalProps } from "../portal/types.js";
 import { MenuContentEmits, MenuContentProps, MenuOptionData, MenuOptionsCompactEmits, MenuOptionsCompactProps, MenuOptionsCompactSlots, MenuPopupProps, MenuSubContentEmits, MenuSubContentProps, MenuSubTriggerProps, MenuUiSlot } from "../menu/types.js";
+import "../menu/index.js";
 import { ComputedRef, ShallowRef } from "vue";
-
 //#region src/components/menubar/types.d.ts
+/**
+ * Supported menubar trigger values.
+ */
+type MenubarTriggerType = 'click' | 'hover';
 /**
  * Properties for the MenubarRoot component.
  */
@@ -19,6 +25,30 @@ interface MenubarRootProps<T extends DefinedValue = DefinedValue> extends Omit<P
   dir?: Direction;
   /** When `true`, keyboard navigation loops from last trigger to first and vice versa. */
   loop?: boolean;
+  /**
+   * The trigger type of the menubar.
+   *
+   * - `click`: The menu will be opened when the trigger is clicked (hovering
+   *   an open menubar still switches between menus).
+   * - `hover`: The menu will be opened when the trigger is hovered.
+   *
+   * @defaultValue 'click'
+   */
+  trigger?: MenubarTriggerType;
+  /**
+   * The duration from when the pointer enters the trigger until the menu gets
+   * opened in hover mode.
+   *
+   * @defaultValue 150
+   */
+  delayDuration?: number;
+  /**
+   * How much time a user has to enter another trigger without incurring a
+   * delay again.
+   *
+   * @defaultValue 300
+   */
+  skipDelayDuration?: number;
 }
 /**
  * Events for the MenubarRoot component.
@@ -80,6 +110,26 @@ interface MenubarCompactProps<T extends DefinedValue = DefinedValue> extends Men
    * Properties forwarded to the trigger element.
    */
   triggerProps?: MenubarTriggerProps;
+  /**
+   * When `true`, if the menubar content is wider than its container, the
+   * trailing items collapse into a trailing "more" menu so the content always
+   * fits inside the container.
+   */
+  collapsible?: boolean;
+  /**
+   * Label of the trailing "more" trigger when `collapsible`.
+   *
+   * @defaultValue undefined
+   */
+  moreLabel?: string;
+  /**
+   * Icon of the trailing "more" trigger when `collapsible`.
+   */
+  moreIcon?: IconValue;
+  /**
+   * Properties forwarded to the trailing "more" trigger.
+   */
+  moreProps?: MenubarTriggerProps;
   /**
    * Properties forwarded to the portal element.
    */
@@ -107,10 +157,17 @@ type MenubarCompactEmits<T extends DefinedValue = DefinedValue> = MenubarRootEmi
 type MenubarCompactSlots<T extends DefinedValue = DefinedValue> = MenuOptionsCompactSlots<T> & {
   /**
    * Custom content for the trigger slot.
+   *
+   * Optional: `MenubarCompact` renders full default trigger content (icon,
+   * label, link icon, trailing slot) when the consumer does not provide it.
    */
-  trigger: (data: {
+  trigger?: (data: {
     item: MenuOptionData<T>;
   }) => any;
+  /**
+   * Custom content for the trailing "more" trigger when `collapsible`.
+   */
+  'more-trigger'?: () => any;
 };
 /**
  * Available UI slots for the Menubar component.
@@ -121,4 +178,4 @@ type MenubarUiSlot = 'root' | 'trigger' | MenuUiSlot;
  */
 type MenubarUi = UiClass<MenubarUiSlot>;
 //#endregion
-export { MenubarCompactEmits, MenubarCompactProps, MenubarCompactSlots, MenubarContentEmits, MenubarContentProps, MenubarMenuProps, MenubarRootEmits, MenubarRootProps, MenubarSubContentEmits, MenubarSubContentProps, MenubarSubTriggerProps, MenubarTriggerProps, MenubarUi, MenubarUiSlot };
+export { MenubarCompactEmits, MenubarCompactProps, MenubarCompactSlots, MenubarContentEmits, MenubarContentProps, MenubarMenuProps, MenubarRootEmits, MenubarRootProps, MenubarSubContentEmits, MenubarSubContentProps, MenubarSubTriggerProps, MenubarTriggerProps, MenubarTriggerType, MenubarUi, MenubarUiSlot };

package/dist/components/navigation-menu/context.d.ts

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

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

@@ -1 +1 @@
-import{getDisclosureState as e}from"../../shared/value.js";import{useContext as t}from"../../composables/use-context.js";import"../../shared/index.js";import{useCollection as n}from"../../composables/use-collection.js";import{useForwardElement as r}from"../../composables/use-forward-element.js";import{useUiContext as i}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{EVENT_ROOT_CONTENT_DISMISS as a}from"./shared.js";import{computed as o,shallowRef as s}from"vue";import{refAutoReset as c,useDebounceFn as l,useEventListener as u}from"@vueuse/core";const[d,f]=t(`NavigationMenuRoot`,e=>{let{modelValue:t,skipDelayDuration:n,delayDuration:i,disablePointerLeaveClose:d}=e,f=s(),p=e=>{f.value=e},[m,h]=r(),[g,_]=r(),v=s(),y=e=>{v.value=e},b=s(new Set),x=e=>{b.value.add(e)},S=e=>{b.value.delete(e)},C=o(()=>b.value.has(t.value)),w=s(``),T=c(!1,n.value),E=l(e=>{typeof e==`string`&&(w.value=t.value,t.value=e)},o(()=>t.value!==``||T.value?150:i.value)),D=e=>{E(e)},O=()=>{T.value=!0,E(``)},k=e=>{E(e)},A=()=>{d.value||E(``)},j=e=>{w.value=t.value,t.value=e},M=()=>{w.value=t.value,t.value=``};return u(f,a,M),{...e,baseId:`soybean-navigation-menu`,rootElement:f,onRootElementChange:p,viewportElement:m,setViewportElement:h,indicatorTrackElement:g,setIndicatorTrackElement:_,activeTriggerElement:v,values:b,addValue:x,removeValue:S,open:C,previousValue:w,onActiveTriggerElementChange:y,onTriggerEnter:D,onTriggerLeave:O,onContentEnter:k,onContentLeave:A,onItemSelect:j,onItemDismiss:M}}),{provideCollectionContext:p,useCollectionContext:m,useCollectionItem:h}=n(`NavigationMenu`),[g,_]=t(`NavigationMenuItem`,t=>{let[n,i]=r(),{modelValue:a,value:c}=t,l=s(),u=e=>{l.value=e},d=s(!1),f=o(()=>a.value===c),p=o(()=>e(f.value));return{...t,triggerElement:l,onTriggerElementChange:u,focusProxyElement:n,setFocusProxyElement:i,wasEscapeCloseRef:d,open:f,dataState:p}}),[v,y]=i(`NavigationMenuUi`);export{p as provideCollectionContext,g as provideNavigationMenuItemContext,d as provideNavigationMenuRootContext,v as provideNavigationMenuUi,m as useCollectionContext,h as useCollectionItem,_ as useNavigationMenuItemContext,f as useNavigationMenuRootContext,y as useNavigationMenuUi};
+import{getDisclosureState as e}from"../../shared/value.js";import{useContext as t}from"../../composables/use-context.js";import"../../shared/index.js";import{useCollection as n}from"../../composables/use-collection.js";import{useForwardElement as r}from"../../composables/use-forward-element.js";import{useUiContext as i}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{EVENT_ROOT_CONTENT_DISMISS as a}from"./shared.js";import{computed as o,ref as s,shallowRef as c}from"vue";import{refAutoReset as l,useDebounceFn as u,useEventListener as d}from"@vueuse/core";const[f,p]=t(`NavigationMenuRoot`,e=>{let{modelValue:t,skipDelayDuration:n,delayDuration:i,disablePointerLeaveClose:f}=e,p=c(),m=e=>{p.value=e},[h,g]=r(),[_,v]=r(),y=c(),b=e=>{y.value=e},x=c(new Set),S=e=>{x.value.add(e)},C=e=>{x.value.delete(e)},w=o(()=>x.value.has(t.value)),T=c(``),E=l(!1,n.value),D=s(!1),O=o(()=>t.value!==``||E.value?150:i.value),k=u(e=>{if(typeof e==`string`){if(e===``&&D.value){D.value=!1;return}T.value=t.value,t.value=e,e===``&&(E.value=!0)}},O),A=e=>{t.value===``?k(e):(D.value=!0,T.value=t.value,t.value=e)},j=()=>{D.value=!1,k(``)},M=e=>{k(e)},N=()=>{f.value||(D.value=!1,k(``))},P=e=>{T.value=t.value,t.value=e},F=()=>{T.value=t.value,t.value=``};return d(p,a,F),{...e,baseId:`soybean-navigation-menu`,rootElement:p,onRootElementChange:m,viewportElement:h,setViewportElement:g,indicatorTrackElement:_,setIndicatorTrackElement:v,activeTriggerElement:y,values:x,addValue:S,removeValue:C,open:w,previousValue:T,onActiveTriggerElementChange:b,onTriggerEnter:A,onTriggerLeave:j,onContentEnter:M,onContentLeave:N,onItemSelect:P,onItemDismiss:F}}),{provideCollectionContext:m,useCollectionContext:h,useCollectionItem:g}=n(`NavigationMenu`),[_,v]=t(`NavigationMenuItem`,t=>{let[n,i]=r(),{modelValue:a,value:s}=t,l=c(),u=e=>{l.value=e},d=c(!1),f=o(()=>a.value===s),p=o(()=>e(f.value));return{...t,triggerElement:l,onTriggerElementChange:u,focusProxyElement:n,setFocusProxyElement:i,wasEscapeCloseRef:d,open:f,dataState:p}}),[y,b]=i(`NavigationMenuUi`);export{m as provideCollectionContext,_ as provideNavigationMenuItemContext,f as provideNavigationMenuRootContext,y as provideNavigationMenuUi,h as useCollectionContext,g as useCollectionItem,v as useNavigationMenuItemContext,p as useNavigationMenuRootContext,b as useNavigationMenuUi};

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

@@ -1,13 +1,13 @@
 import { NavigationMenuCompactEmits, NavigationMenuCompactProps, NavigationMenuCompactSlots, NavigationMenuContentEmits, NavigationMenuContentProps, NavigationMenuIndicatorProps, NavigationMenuItemProps, NavigationMenuLinkEmits, NavigationMenuLinkProps, NavigationMenuListProps, NavigationMenuOptionData, NavigationMenuRootEmits, NavigationMenuRootProps, NavigationMenuSubEmits, NavigationMenuSubListProps, NavigationMenuSubProps, NavigationMenuTriggerProps, NavigationMenuUi, NavigationMenuUiSlot, NavigationMenuViewportProps } from "./types.js";
-import { _default } from "./navigation-menu-compact.vue.js";
-import { _default as _default$6 } from "./navigation-menu-root.vue.js";
-import { _default as _default$5 } from "./navigation-menu-list.vue.js";
-import { _default as _default$3 } from "./navigation-menu-item.vue.js";
-import { _default as _default$8 } from "./navigation-menu-trigger.vue.js";
-import { _default as _default$1 } from "./navigation-menu-content.vue.js";
-import { _default as _default$4 } from "./navigation-menu-link.vue.js";
-import { _default as _default$7 } from "./navigation-menu-sub-list.vue.js";
-import { _default as _default$9 } from "./navigation-menu-viewport.vue.js";
-import { _default as _default$2 } from "./navigation-menu-indicator.vue.js";
+import _default from "./navigation-menu-compact.vue.js";
+import _default$6 from "./navigation-menu-root.vue.js";
+import _default$5 from "./navigation-menu-list.vue.js";
+import _default$3 from "./navigation-menu-item.vue.js";
+import _default$8 from "./navigation-menu-trigger.vue.js";
+import _default$1 from "./navigation-menu-content.vue.js";
+import _default$4 from "./navigation-menu-link.vue.js";
+import _default$7 from "./navigation-menu-sub-list.vue.js";
+import _default$9 from "./navigation-menu-viewport.vue.js";
+import _default$2 from "./navigation-menu-indicator.vue.js";
 import { provideNavigationMenuUi } from "./context.js";
 export { _default as NavigationMenuCompact, type NavigationMenuCompactEmits, type NavigationMenuCompactProps, type NavigationMenuCompactSlots, _default$1 as NavigationMenuContent, type NavigationMenuContentEmits, type NavigationMenuContentProps, _default$2 as NavigationMenuIndicator, type NavigationMenuIndicatorProps, _default$3 as NavigationMenuItem, type NavigationMenuItemProps, _default$4 as NavigationMenuLink, type NavigationMenuLinkEmits, type NavigationMenuLinkProps, _default$5 as NavigationMenuList, type NavigationMenuListProps, type NavigationMenuOptionData, _default$6 as NavigationMenuRoot, type NavigationMenuRootEmits, type NavigationMenuRootProps, type NavigationMenuSubEmits, _default$7 as NavigationMenuSubList, type NavigationMenuSubListProps, type NavigationMenuSubProps, _default$8 as NavigationMenuTrigger, type NavigationMenuTriggerProps, type NavigationMenuUi, type NavigationMenuUiSlot, _default$9 as NavigationMenuViewport, type NavigationMenuViewportProps, provideNavigationMenuUi };

package/dist/components/navigation-menu/navigation-menu-compact.vue.d.ts

@@ -1,5 +1,6 @@
 import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
 import { NavigationMenuCompactProps, NavigationMenuCompactSlots } from "./types.js";
+import "../../index.js";
 //#region src/components/navigation-menu/navigation-menu-compact.vue.d.ts
 type __VLS_Slots = NavigationMenuCompactSlots;
 declare const __VLS_base: import("vue").DefineComponent<NavigationMenuCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -29,4 +30,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/navigation-menu/navigation-menu-content-impl.js

@@ -1 +1 @@
-import{useArrowNavigation as e}from"../../composables/use-arrow-navigation.js";import{getActiveElement as t}from"../../shared/dom.js";import{getTabbableCandidates as n,tryFocusFirst as r}from"../../shared/focus.js";import"../../shared/index.js";import{useDismissableLayer as i}from"../../composables/use-dismissable-layer.js";import{useExposedElement as a}from"../../composables/use-exposed-element.js";import"../../composables/index.js";import{EVENT_ROOT_CONTENT_DISMISS as o}from"./shared.js";import{useCollectionContext as s,useNavigationMenuItemContext as c,useNavigationMenuRootContext as l,useNavigationMenuUi as u}from"./context.js";import{computed as d,createElementBlock as f,defineComponent as p,normalizeClass as m,normalizeStyle as h,openBlock as g,renderSlot as _,shallowRef as v,unref as y,watchEffect as b}from"vue";const x=[`id`,`aria-labelledby`,`data-orientation`,`data-motion`,`data-state`],S=p({name:`NavigationMenuContentImpl`,__name:`navigation-menu-content-impl`,props:{disableOutsidePointerEvents:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`],setup(p,{emit:S}){let C=p,w=S,{dir:T,orientation:E,modelValue:D,previousValue:O,rootElement:k,viewportElement:A,isRoot:j,onItemDismiss:M}=l(`NavigationMenuContentImpl`),{value:N,triggerId:P,contentId:F,triggerElement:I,dataState:L,wasEscapeCloseRef:R,focusProxyElement:z,onContentFocusOutside:B,onRootContentClose:V}=c(`NavigationMenuContentImpl`),H=u(`content`),{getOrderedElements:U}=s(`NavigationMenuContentImpl`),[W,G]=a(),{pointerEvents:K}=i(W,{disableOutsidePointerEvents:()=>C.disableOutsidePointerEvents,onEscapeKeyDown:e=>{w(`escapeKeyDown`,e),!e.defaultPrevented&&(M(),I.value?.focus(),R.value=!0)},onPointerDownOutside:e=>{if(w(`pointerDownOutside`,e),e.defaultPrevented)return;let t=e.target,n=U().some(e=>e.contains(t)),r=j&&A.value?.contains(t);(n||r||!j)&&e.preventDefault()},onFocusOutside:e=>{w(`focusOutside`,e),w(`interactOutside`,e),e.detail.originalEvent.target.hasAttribute(`data-soybean-navigation-menu-trigger`)&&e.preventDefault(),!e.defaultPrevented&&(B(),k.value?.contains(e.target)&&e.preventDefault())},onDismiss:()=>{let e=new Event(o,{bubbles:!0,cancelable:!0});W.value?.dispatchEvent(e)}}),q=v(null),J=d(()=>{let e=U().map(e=>e.id.split(`trigger-`)[1]);T.value===`rtl`&&e.reverse();let t=e.indexOf(O.value??``),n=N===D.value,r=t===e.indexOf(N);if(!n&&!r)return q.value;let i=e.indexOf(D.value);if(i!==t){if(n&&t!==-1)return i>t?`from-end`:`from-start`;if(r&&i!==-1)return i>t?`to-start`:`to-end`}return null}),Y=d(()=>({pointerEvents:K.value})),X=i=>{if(i.target.closest(`[data-soybean-navigation-menu]`)!==k.value)return;let a=i.altKey||i.ctrlKey||i.metaKey,o=i.key===`Tab`&&!a,s=n(i.currentTarget);if(o){let e=t(),n=s.findIndex(t=>t===e);if(r(i.shiftKey?s.slice(0,n).reverse():s.slice(n+1,s.length)))i.preventDefault();else{z.value?.focus();return}}e(i,t(),void 0,{itemsArray:s,loop:!1,enableIgnoredElement:!0})?.focus()};return b(()=>{q.value=J.value}),b(e=>{let n=W.value;if(j&&n){let r=()=>{M(),V(),n.contains(t())&&I.value?.focus()};n.addEventListener(o,r),e(()=>n.removeEventListener(o,r))}}),(e,t)=>(g(),f(`div`,{id:y(F),ref:y(G),class:m(y(H)),"aria-labelledby":y(P),"data-dismissable-layer":``,"data-orientation":y(E),"data-motion":J.value,"data-state":y(L),style:h(Y.value),onKeydown:X},[_(e.$slots,`default`)],46,x))}});export{S as default};
+import{useArrowNavigation as e}from"../../composables/use-arrow-navigation.js";import{getActiveElement as t}from"../../shared/dom.js";import{getTabbableCandidates as n,tryFocusFirst as r}from"../../shared/focus.js";import"../../shared/index.js";import{useDismissableLayer as i}from"../../composables/use-dismissable-layer.js";import{useExposedElement as a}from"../../composables/use-exposed-element.js";import"../../composables/index.js";import{EVENT_ROOT_CONTENT_DISMISS as o}from"./shared.js";import{useCollectionContext as s,useNavigationMenuItemContext as c,useNavigationMenuRootContext as l,useNavigationMenuUi as u}from"./context.js";import{computed as d,createElementBlock as f,defineComponent as p,normalizeClass as m,normalizeStyle as h,openBlock as g,renderSlot as _,shallowRef as v,unref as y,watchEffect as b}from"vue";const x=[`id`,`aria-labelledby`,`data-orientation`,`data-motion`,`data-state`],S=p({name:`NavigationMenuContentImpl`,__name:`navigation-menu-content-impl`,props:{disableOutsidePointerEvents:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`],setup(p,{emit:S}){let C=p,w=S,{dir:T,orientation:E,modelValue:D,previousValue:O,rootElement:k,viewportElement:A,isRoot:j,onItemDismiss:M}=l(`NavigationMenuContentImpl`),{value:N,triggerId:P,contentId:F,triggerElement:I,dataState:L,wasEscapeCloseRef:R,focusProxyElement:z,onContentFocusOutside:B,onRootContentClose:V}=c(`NavigationMenuContentImpl`),H=u(`content`),{getOrderedElements:U}=s(`NavigationMenuContentImpl`),[W,G]=a(),{pointerEvents:K,onFocusCapture:q,onBlurCapture:J}=i(W,{disableOutsidePointerEvents:()=>C.disableOutsidePointerEvents,onEscapeKeyDown:e=>{w(`escapeKeyDown`,e),!e.defaultPrevented&&(M(),I.value?.focus(),R.value=!0)},onPointerDownOutside:e=>{if(w(`pointerDownOutside`,e),e.defaultPrevented)return;let t=e.target,n=U().some(e=>e.contains(t)),r=j&&A.value?.contains(t);(n||r||!j)&&e.preventDefault()},onFocusOutside:e=>{w(`focusOutside`,e),w(`interactOutside`,e),e.detail.originalEvent.target.hasAttribute(`data-soybean-navigation-menu-trigger`)&&e.preventDefault(),!e.defaultPrevented&&(B(),k.value?.contains(e.target)&&e.preventDefault())},onDismiss:()=>{if(D.value!==N)return;let e=new Event(o,{bubbles:!0,cancelable:!0});W.value?.dispatchEvent(e)}}),Y=v(null),X=d(()=>{let e=U().map(e=>e.id.split(`trigger-`)[1]);T.value===`rtl`&&e.reverse();let t=e.indexOf(O.value??``),n=N===D.value,r=t===e.indexOf(N);if(!n&&!r)return Y.value;let i=e.indexOf(D.value);if(i!==t){if(n&&t!==-1)return i>t?`from-end`:`from-start`;if(r&&i!==-1)return i>t?`to-start`:`to-end`}return null}),Z=d(()=>({pointerEvents:K.value})),Q=i=>{if(i.target.closest(`[data-soybean-navigation-menu]`)!==k.value)return;let a=i.altKey||i.ctrlKey||i.metaKey,o=i.key===`Tab`&&!a,s=n(i.currentTarget);if(o){let e=t(),n=s.findIndex(t=>t===e),a=i.shiftKey?s.slice(0,n).reverse():s.slice(n+1,s.length);if(r(a))i.preventDefault();else{z.value?.focus();return}}e(i,t(),void 0,{itemsArray:s,loop:!1,enableIgnoredElement:!0})?.focus()};return b(()=>{Y.value=X.value}),b(e=>{let n=W.value;if(j&&n){let r=()=>{M(),V(),n.contains(t())&&I.value?.focus()};n.addEventListener(o,r),e(()=>n.removeEventListener(o,r))}}),(e,t)=>(g(),f(`div`,{id:y(F),ref:y(G),class:m(y(H)),"aria-labelledby":y(P),"data-dismissable-layer":``,"data-orientation":y(E),"data-motion":X.value,"data-state":y(L),style:h(Z.value),onFocusCapture:t[0]||(t[0]=(...e)=>y(q)&&y(q)(...e)),onBlurCapture:t[1]||(t[1]=(...e)=>y(J)&&y(J)(...e)),onKeydown:Q},[_(e.$slots,`default`)],46,x))}});export{S as default};

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

@@ -1 +1 @@
-import{isClient as e}from"../../shared/env.js";import{isMouseEvent as t}from"../../shared/event.js";import"../../shared/index.js";import{useExposedElement as n}from"../../composables/use-exposed-element.js";import{useForwardListeners as r}from"../../composables/use-forward-listeners.js";import{usePresence as i}from"../../composables/use-presence.js";import{useOmitProps as a}from"../../composables/use-props.js";import"../../composables/index.js";import{useNavigationMenuItemContext as o,useNavigationMenuRootContext as s}from"./context.js";import c from"./navigation-menu-content-impl.js";import{Teleport as l,computed as u,createBlock as d,createCommentVNode as f,defineComponent as p,mergeProps as m,openBlock as h,renderSlot as g,shallowRef as _,toHandlers as v,unref as y,useAttrs as b,withCtx as x}from"vue";const S=p({name:`NavigationMenuContent`,inheritAttrs:!1,__name:`navigation-menu-content`,props:{disableOutsidePointerEvents:{type:Boolean},forceMount:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`],setup(p,{emit:S}){let C=p,w=S,T=a(C,[`forceMount`],b()),E=r(w),{modelValue:D,viewportElement:O,previousValue:k,unmountOnHide:A,onContentEnter:j,onContentLeave:M}=s(`NavigationMenuContent`),{value:N}=o(`NavigationMenuContent`),[P,F]=n(),I=u(()=>D.value===N),L=u(()=>!O.value||D.value||!k.value?!1:k.value===N),R=C.forceMount?_(!0):i(P,()=>I.value||L.value),z=u(()=>e&&O.value?O.value:`body`),B=u(()=>!e||!O.value),V=()=>{j(N)},H=e=>{t(e)&&M()};return(e,t)=>(h(),d(l,{to:z.value,disabled:B.value},[y(R)?(h(),d(c,m({key:0},y(T),{ref:y(F),"data-soybean-navigation-menu-content":``,hidden:!y(R)},v(y(E)),{onPointerenter:V,onPointerleave:H}),{default:x(()=>[!y(A)||y(R)?g(e.$slots,`default`,{key:0}):f(`v-if`,!0)]),_:3},16,[`hidden`])):f(`v-if`,!0)],8,[`to`,`disabled`]))}});export{S as default};
+import{isClient as e}from"../../shared/env.js";import{isMouseEvent as t}from"../../shared/event.js";import"../../shared/index.js";import{useExposedElement as n}from"../../composables/use-exposed-element.js";import{useForwardListeners as r}from"../../composables/use-forward-listeners.js";import{usePresence as i}from"../../composables/use-presence.js";import{useOmitProps as a}from"../../composables/use-props.js";import"../../composables/index.js";import{useNavigationMenuItemContext as o,useNavigationMenuRootContext as s}from"./context.js";import c from"./navigation-menu-content-impl.js";import{Teleport as l,computed as u,createBlock as d,createCommentVNode as f,defineComponent as p,mergeProps as m,openBlock as h,renderSlot as g,shallowRef as _,toHandlers as v,unref as y,useAttrs as b,withCtx as x}from"vue";const S=p({name:`NavigationMenuContent`,inheritAttrs:!1,__name:`navigation-menu-content`,props:{disableOutsidePointerEvents:{type:Boolean},forceMount:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`],setup(p,{emit:S}){let C=p,w=S,T=b(),E=a(C,[`forceMount`],T),D=r(w),{modelValue:O,viewportElement:k,previousValue:A,unmountOnHide:j,onContentEnter:M,onContentLeave:N}=s(`NavigationMenuContent`),{value:P}=o(`NavigationMenuContent`),[F,I]=n(),L=u(()=>O.value===P),R=u(()=>!k.value||O.value||!A.value?!1:A.value===P),z=C.forceMount?_(!0):i(F,()=>L.value||R.value),B=u(()=>e&&k.value?k.value:`body`),V=u(()=>!e||!k.value),H=()=>{M(P)},U=e=>{t(e)&&N()};return(e,t)=>(h(),d(l,{to:B.value,disabled:V.value},[y(z)?(h(),d(c,m({key:0},y(E),{ref:y(I),"data-soybean-navigation-menu-content":``,hidden:!y(z)},v(y(D)),{onPointerenter:H,onPointerleave:U}),{default:x(()=>[!y(j)||y(z)?g(e.$slots,`default`,{},void 0,void 0,0):f(`v-if`,!0)]),_:3},16,[`hidden`])):f(`v-if`,!0)],8,[`to`,`disabled`]))}});export{S as default};

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

@@ -1,5 +1,6 @@
 import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
 import { NavigationMenuContentProps } from "./types.js";
+import "../../index.js";
 //#region src/components/navigation-menu/navigation-menu-content.vue.d.ts
 declare var __VLS_17: {};
 type __VLS_Slots = {} & {
@@ -24,4 +25,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/navigation-menu/navigation-menu-indicator.vue.d.ts

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

package/dist/components/navigation-menu/navigation-menu-item.vue.d.ts

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

package/dist/components/navigation-menu/navigation-menu-link.js

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../link/link.js";import{EVENT_ROOT_CONTENT_DISMISS as n,LINK_SELECT as r}from"./shared.js";import{useCollectionItem as i,useNavigationMenuRootContext as a,useNavigationMenuUi as o}from"./context.js";import{computed as s,createBlock as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeProps as f,openBlock as p,renderSlot as m,unref as h,withCtx as g}from"vue";const _=l({name:`NavigationMenuLink`,__name:`navigation-menu-link`,props:{active:{type:Boolean},to:{},replace:{type:Boolean},href:{},disabled:{type:Boolean},activeClass:{},exactActiveClass:{},inactiveClass:{},prefetchedClass:{},external:{type:Boolean},ariaCurrentValue:{},viewTransition:{type:Boolean},target:{},rel:{},noRel:{type:Boolean},prefetch:{type:Boolean},prefetchOn:{},noPrefetch:{type:Boolean},trailingSlash:{},asChild:{type:Boolean},as:{}},emits:[`select`],setup(l,{emit:_}){let v=l,y=_,{isRoot:b}=a(`NavigationMenuLink`),x=o(),S=s(()=>b?x.value?.link:x.value?.subLink),{setItemElement:C}=i(),w=e(v,[`active`]),T=async e=>{let t=new CustomEvent(r,{bubbles:!0,cancelable:!0,detail:{originalEvent:e}});if(y(`select`,t),t.defaultPrevented||e.metaKey)return;let i=new CustomEvent(n,{bubbles:!0,cancelable:!0});e.target?.dispatchEvent(i)};return(e,n)=>(p(),c(t,d(h(w),{ref:h(C),"data-soybean-navigation-menu-link":``,"data-soybean-collection-item":``,class:S.value,"data-active":l.active?``:void 0,"aria-current":l.active?`page`:void 0,onClick:T}),{default:g(t=>[m(e.$slots,`default`,f(u(t)))]),_:3},16,[`class`,`data-active`,`aria-current`]))}});export{_ as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../link/link.js";import{EVENT_ROOT_CONTENT_DISMISS as n,LINK_DISMISSED as r,LINK_SELECT as i}from"./shared.js";import{useCollectionItem as a,useNavigationMenuRootContext as o,useNavigationMenuUi as s}from"./context.js";import{computed as c,createBlock as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderSlot as h,unref as g,withCtx as _}from"vue";const v=u({name:`NavigationMenuLink`,__name:`navigation-menu-link`,props:{active:{type:Boolean},to:{},replace:{type:Boolean},href:{},disabled:{type:Boolean},activeClass:{},exactActiveClass:{},inactiveClass:{},prefetchedClass:{},external:{type:Boolean},ariaCurrentValue:{},viewTransition:{type:Boolean},target:{},rel:{},noRel:{type:Boolean},prefetch:{type:Boolean},prefetchOn:{},noPrefetch:{type:Boolean},trailingSlash:{},asChild:{type:Boolean},as:{}},emits:[`select`],setup(u,{emit:v}){let y=u,b=v,{isRoot:x,modelValue:S}=o(`NavigationMenuLink`),C=s(),w=c(()=>x?C.value?.link:C.value?.subLink),{setItemElement:T}=a(),E=e(y,[`active`]),D=async e=>{let t=new CustomEvent(i,{bubbles:!0,cancelable:!0,detail:{originalEvent:e}});if(b(`select`,t),t.defaultPrevented||e.metaKey||!S.value)return;e[r]=!0;let a=new CustomEvent(n,{bubbles:!0,cancelable:!0});e.target?.dispatchEvent(a)};return(e,n)=>(m(),l(t,f(g(E),{ref:g(T),"data-soybean-navigation-menu-link":``,"data-soybean-collection-item":``,class:w.value,"data-active":u.active?``:void 0,"aria-current":u.active?`page`:void 0,onClick:D}),{default:_(t=>[h(e.$slots,`default`,p(d(t)))]),_:3},16,[`class`,`data-active`,`aria-current`]))}});export{v as default};

package/dist/components/navigation-menu/navigation-menu-link.vue.d.ts

@@ -1,5 +1,4 @@
 import { NavigationMenuLinkProps } from "./types.js";
-
 //#region src/components/navigation-menu/navigation-menu-link.vue.d.ts
 declare var __VLS_10: {
   isHref: boolean;
@@ -26,4 +25,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/navigation-menu/navigation-menu-list.vue.d.ts

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

package/dist/components/navigation-menu/navigation-menu-option-compact.js

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import"../../composables/index.js";import t from"../_icon/icon.js";import{useCommonSlotNames as n}from"./shared.js";import{useNavigationMenuUi as r}from"./context.js";import i from"./navigation-menu-content.js";import a from"./navigation-menu-item-slot-compact.js";import o from"./navigation-menu-item.js";import s from"./navigation-menu-link.js";import c from"./navigation-menu-sub-list.js";import l from"./navigation-menu-sub-option-compact.js";import u from"./navigation-menu-trigger.js";import{Fragment as d,computed as f,createBlock as p,createElementBlock as m,createElementVNode as h,createSlots as g,createVNode as _,defineComponent as v,guardReactiveProps as y,mergeProps as b,normalizeClass as x,normalizeProps as S,openBlock as C,renderList as w,renderSlot as T,resolveDynamicComponent as E,toDisplayString as D,toHandlers as O,unref as k,useSlots as A,withCtx as j}from"vue";import{keysOf as M}from"@soybeanjs/utils";const N=v({name:`NavigationMenuOptionCompact`,__name:`navigation-menu-option-compact`,props:{item:{},itemProps:{},linkProps:{},triggerProps:{},contentProps:{},viewportProps:{},indicatorProps:{},listProps:{},subListProps:{},subItemProps:{}},emits:[`update:modelValue`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`select`],setup(v,{emit:N}){let P=v,F=N,I=A(),L=e(F),R=f(()=>M(I)),z=n(I),B=r(),V=f(()=>!!(P.item.to||P.item.href)),H=f(()=>V.value?{...P.linkProps,disabled:P.item.disabled,to:P.item.to,href:P.item.href,target:P.item.target,external:P.item.external}:{});return(e,n)=>(C(),p(o,b(v.itemProps,{value:v.item.value}),{default:j(()=>[v.item.children?.length?(C(),m(d,{key:1},[_(u,b(v.triggerProps,{disabled:v.item.disabled,"as-child":V.value}),{default:j(()=>[(C(),p(E(V.value?s:`template`),b(H.value,{onSelect:n[1]||(n[1]=e=>F(`select`,e))}),{default:j(()=>[_(a,{icon:v.item.icon},g({"trigger-icon":j(()=>[T(e.$slots,`item-trigger-icon`,{item:v.item},()=>[_(t,{icon:`lucide:chevron-down`,class:x(k(B).triggerIcon)},null,8,[`class`])])]),default:j(()=>[h(`span`,null,D(v.item.label),1)]),_:2},[w(k(z),t=>({name:t,fn:j(()=>[T(e.$slots,t,{item:v.item,isTrigger:!0})])}))]),1032,[`icon`])]),_:3},16))]),_:3},16,[`disabled`,`as-child`]),_(i,b(v.contentProps,O(k(L))),{default:j(()=>[_(c,S(y(v.subListProps)),{default:j(()=>[(C(!0),m(d,null,w(v.item.children,t=>(C(),p(l,{key:t.value,"sub-item":t,"sub-item-props":v.subItemProps,onSelect:n[2]||(n[2]=e=>F(`select`,e))},g({"item-children":j(t=>[T(e.$slots,`item-children`,{item:t.item})]),_:2},[w(R.value,n=>({name:n,fn:j(()=>[T(e.$slots,n,{item:t})])}))]),1032,[`sub-item`,`sub-item-props`]))),128))]),_:3},16)]),_:3},16)],64)):(C(),p(s,b({key:0},H.value,{onSelect:n[0]||(n[0]=e=>F(`select`,e))}),{default:j(({isHref:n})=>[_(a,{icon:v.item.icon},g({default:j(()=>[h(`span`,null,D(v.item.label),1)]),_:2},[w(k(z),t=>({name:t,fn:j(()=>[T(e.$slots,t,{item:v.item})])})),n?{name:`link-icon`,fn:j(()=>[T(e.$slots,`item-link-icon`,{item:v.item},()=>[_(t,{icon:`lucide:arrow-up-right`,class:x(k(B).linkIcon)},null,8,[`class`])])]),key:`0`}:void 0]),1032,[`icon`])]),_:3},16))]),_:3},16,[`value`]))}});export{N as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import"../../composables/index.js";import t from"../_icon/icon.js";import{useCommonSlotNames as n}from"./shared.js";import{useNavigationMenuUi as r}from"./context.js";import i from"./navigation-menu-content.js";import a from"./navigation-menu-item-slot-compact.js";import o from"./navigation-menu-item.js";import s from"./navigation-menu-link.js";import c from"./navigation-menu-sub-list.js";import l from"./navigation-menu-sub-option-compact.js";import u from"./navigation-menu-trigger.js";import{Fragment as d,computed as f,createBlock as p,createElementBlock as m,createElementVNode as h,createSlots as g,createVNode as _,defineComponent as v,guardReactiveProps as y,mergeProps as b,normalizeClass as x,normalizeProps as S,openBlock as C,renderList as w,renderSlot as T,resolveDynamicComponent as E,toDisplayString as D,toHandlers as O,unref as k,useSlots as A,withCtx as j}from"vue";import{keysOf as M}from"@soybeanjs/utils";const N=v({name:`NavigationMenuOptionCompact`,__name:`navigation-menu-option-compact`,props:{item:{},itemProps:{},linkProps:{},triggerProps:{},contentProps:{},viewportProps:{},indicatorProps:{},listProps:{},subListProps:{},subItemProps:{}},emits:[`update:modelValue`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`select`],setup(v,{emit:N}){let P=v,F=N,I=A(),L=e(F),R=f(()=>M(I)),z=n(I),B=r(),V=f(()=>!!(P.item.to||P.item.href)),H=f(()=>V.value?{...P.linkProps,disabled:P.item.disabled??P.linkProps?.disabled,to:P.item.to,href:P.item.href,target:P.item.target,external:P.item.external}:{});return(e,n)=>(C(),p(o,b(v.itemProps,{value:v.item.value}),{default:j(()=>[v.item.children?.length?(C(),m(d,{key:1},[_(u,b(v.triggerProps,{disabled:v.item.disabled,"as-child":V.value}),{default:j(()=>[(C(),p(E(V.value?s:`template`),b(H.value,{onSelect:n[1]||(n[1]=e=>F(`select`,e))}),{default:j(()=>[_(a,{icon:v.item.icon},g({"trigger-icon":j(()=>[T(e.$slots,`item-trigger-icon`,{item:v.item},()=>[_(t,{icon:`lucide:chevron-down`,class:x(k(B).triggerIcon)},null,8,[`class`])])]),default:j(()=>[h(`span`,null,D(v.item.label),1)]),_:2},[w(k(z),t=>({name:t,fn:j(()=>[T(e.$slots,t,{item:v.item,isTrigger:!0})])}))]),1032,[`icon`])]),_:3},16))]),_:3},16,[`disabled`,`as-child`]),_(i,b(v.contentProps,O(k(L))),{default:j(()=>[_(c,S(y(v.subListProps)),{default:j(()=>[(C(!0),m(d,null,w(v.item.children,t=>(C(),p(l,{key:t.value,"sub-item":t,"sub-item-props":v.subItemProps,onSelect:n[2]||(n[2]=e=>F(`select`,e))},g({"item-children":j(t=>[T(e.$slots,`item-children`,{item:t.item})]),_:2},[w(R.value,n=>({name:n,fn:j(()=>[T(e.$slots,n,{item:t})])}))]),1032,[`sub-item`,`sub-item-props`]))),128))]),_:3},16)]),_:3},16)],64)):(C(),p(s,b({key:0},H.value,{onSelect:n[0]||(n[0]=e=>F(`select`,e))}),{default:j(({isHref:n})=>[_(a,{icon:v.item.icon},g({default:j(()=>[h(`span`,null,D(v.item.label),1)]),_:2},[w(k(z),t=>({name:t,fn:j(()=>[T(e.$slots,t,{item:v.item})])})),n?{name:`link-icon`,fn:j(()=>[T(e.$slots,`item-link-icon`,{item:v.item},()=>[_(t,{icon:`lucide:arrow-up-right`,class:x(k(B).linkIcon)},null,8,[`class`])])]),key:`0`}:void 0]),1032,[`icon`])]),_:3},16))]),_:3},16,[`value`]))}});export{N as default};