@soybeanjs/headless 0.30.0 → 0.40.0-beta.1

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{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};
+import{wrapArray as e}from"../../shared/object.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import{usePopperRootContext as n}from"../popper/context.js";import r from"../menu/menu-content.js";import{useMenubarCollectionContext as i,useMenubarMenuContext as a,useMenubarRootContext as o}from"./context.js";import{isTriggerLink as s}from"./shared.js";import{createBlock as c,defineComponent as l,mergeProps as u,onBeforeUnmount as d,openBlock as f,renderSlot as p,shallowRef as m,toHandlers as h,unref as g,watchEffect as _,withCtx as v,withKeys as y}from"vue";const b=l({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:{},trapFocus:{type:Boolean},disableHoverableContent:{type:Boolean},onGracePointerExit:{},forceMount:{type:Boolean},loop:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(l,{emit:b}){let x=l,S=t(b),{containerElement:C,getOrderedItems:w}=i(`MenubarContent`),{dir:T,isLinkTriggerHovered:E,loop:D,modelValue:O,onMenuOpen:k,setTriggerLink:A}=o(`MenubarContent`),{value:j,triggerId:M,contentId:N,triggerElement:P,wasKeyboardTriggerOpen:F}=a(`MenubarContent`),I=n(`MenubarContent`),L=m(!1);_(()=>{I.onGraceTriggerElementChange(x.disableHoverableContent?void 0:C.value)}),d(()=>{I.onGraceTriggerElementChange(void 0)});let R=e=>{!O.value&&!L.value&&!E.value&&P.value?.focus(),L.value=!1,e.preventDefault()},z=e=>w().some(t=>t.element.contains(e)),B=e=>{z(e.target)&&e.preventDefault()},V=e=>{z(e.target)&&e.preventDefault()},H=()=>{L.value=!0},U=e=>{F.value||e.preventDefault()},W=t=>{let n=t.target.hasAttribute(`data-soybean-menubar-sub-trigger`),r=T.value===`rtl`?`ArrowRight`:`ArrowLeft`,i=t.key===r;if(!i&&n)return;let a=w(),o=a.map(e=>e.data.value);i&&o.reverse();let c=o.findIndex(e=>e===j.value),l=(D.value?e(o,c+1):o.slice(c+1))[0],u=a.find(e=>e.data.value===l);l&&u&&(s(u.element)?(A(),u.element.focus()):k(l))};return(e,t)=>(f(),c(g(r),u(x,{id:g(N),"data-soybean-menubar-content":``,"aria-labelledby":g(M)},h(g(S)),{onCloseAutoFocus:R,onPointerDownOutside:B,onFocusOutside:V,onInteractOutside:H,onEntryFocus:U,onKeydown:y(W,[`arrow-right`,`arrow-left`])}),{default:v(()=>[p(e.$slots,`default`)]),_:3},16,[`id`,`aria-labelledby`]))}});export{b as default};

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

@@ -1 +1 @@
-import{wrapArray as e}from"../../shared/object.js";import"../../shared/index.js";import{provideMenuSubAttributeContext as t}from"../menu/context.js";import n from"../menu/menu-root.js";import"../menu/index.js";import{provideMenubarMenuContext as r,useMenubarCollectionContext as i,useMenubarRootContext as a}from"./context.js";import{computed as o,createBlock as s,defineComponent as c,openBlock as l,renderSlot as u,shallowRef as d,unref as f,useId as p,watch as m,withCtx as h}from"vue";const g=c({name:`MenubarMenu`,__name:`menubar-menu`,props:{value:{}},setup(c){let g=c,{dir:_,onMenuClose:v,modelValue:y,loop:b,onMenuOpen:x}=a(`MenubarMenu`),{getOrderedItems:S}=i(`MenubarMenu`),C=`soybean-menubar-menu-${p()}`,w=o(()=>g.value??C),T=d(),E=d(`soybean-menubar-content-${p()}`),D=d(!1),O=o(()=>y.value===w.value),k=`soybean-menubar-trigger-${p()}`,A=e=>{e||v()},j=t=>{let n=t.target,r=_.value===`rtl`?`ArrowLeft`:`ArrowRight`;if(t.key!==r||n.hasAttribute(`data-soybean-menubar-sub-trigger`))return;let i=S().map(e=>e.data.value),a=i.findIndex(e=>e===y.value),o=(b.value?e(i,a+1):i.slice(a+1))[0];o&&x(o)};return m(O,e=>{e||(D.value=!1)}),r({value:w,triggerId:k,contentId:E,triggerElement:T,wasKeyboardTriggerOpen:D,open:O}),t({subTrigger:o(()=>({"data-soybean-menubar-sub-trigger":``})),subContent:o(()=>({onKeydown:j}))}),(e,t)=>(l(),s(f(n),{open:O.value,dir:f(_),modal:!1,"onUpdate:open":A},{default:h(()=>[u(e.$slots,`default`,{open:O.value,value:w.value})]),_:3},8,[`open`,`dir`]))}});export{g as default};
+import{wrapArray as e}from"../../shared/object.js";import{provideMenuSubAttributeContext as t}from"../menu/context.js";import n from"../menu/menu-root.js";import{provideMenubarMenuContext as r,useMenubarCollectionContext as i,useMenubarRootContext as a}from"./context.js";import{computed as o,createBlock as s,defineComponent as c,openBlock as l,renderSlot as u,shallowRef as d,unref as f,useId as p,watch as m,withCtx as h}from"vue";const g=c({name:`MenubarMenu`,__name:`menubar-menu`,props:{value:{}},setup(c){let g=c,{dir:_,onMenuClose:v,modelValue:y,loop:b,onMenuOpen:x}=a(`MenubarMenu`),{getOrderedItems:S}=i(`MenubarMenu`),C=`soybean-menubar-menu-${p()}`,w=o(()=>g.value??C),T=d(),E=d(`soybean-menubar-content-${p()}`),D=d(!1),O=o(()=>y.value===w.value),k=`soybean-menubar-trigger-${p()}`,A=e=>{e?x(w.value):v()},j=t=>{let n=t.target,r=_.value===`rtl`?`ArrowLeft`:`ArrowRight`;if(t.key!==r||n.hasAttribute(`data-soybean-menubar-sub-trigger`))return;let i=S().map(e=>e.data.value),a=i.findIndex(e=>e===y.value),o=(b.value?e(i,a+1):i.slice(a+1))[0];o&&x(o)};return m(O,e=>{e||(D.value=!1)}),r({value:w,triggerId:k,contentId:E,triggerElement:T,wasKeyboardTriggerOpen:D,open:O}),t({subTrigger:o(()=>({"data-soybean-menubar-sub-trigger":``})),subContent:o(()=>({onKeydown:j}))}),(e,t)=>(l(),s(f(n),{open:O.value,dir:f(_),modal:!1,"onUpdate:open":A},{default:h(()=>[u(e.$slots,`default`,{open:O.value,value:w.value})]),_:3},8,[`open`,`dir`]))}});export{g as default};

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

@@ -1 +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};
+import{keysOf as e}from"../../shared/guard.js";import t from"../_icon/icon.js";import n from"../popper/popper-portal.js";import r from"../link/link.js";import{useMenuUi as i}from"../menu/context.js";import a from"../menu/menu-options-compact.js";import o from"./menubar-root.js";import s from"./menubar-menu.js";import c from"./menubar-trigger.js";import l from"./menubar-content.js";import{Fragment as u,computed as d,createBlock as f,createCommentVNode 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,toDisplayString as E,toHandlers as D,unref as O,useSlots as k,withCtx as A}from"vue";const j={key:1},M=v({__name:`menubar-menus`,props:{items:{},moreItems:{},rootProps:{},listeners:{},optionsProps:{},linkProps:{},contentProps:{},portalProps:{},getTriggerProps:{type:Function},moreTriggerProps:{},moreLabel:{},moreIcon:{}},setup(v){let M=v,N=k(),P=i(),F=d(()=>e(N).filter(e=>e!==`trigger`&&e!==`more-trigger`)),I=d(()=>M.moreIcon??`lucide:ellipsis`);return(e,i)=>(C(),f(o,b(v.rootProps,D(v.listeners)),{default:A(()=>[(C(!0),m(u,null,w(v.items,i=>(C(),f(s,{key:i.value,value:i.value},{default:A(()=>[i.to||i.href?(C(),f(c,b({key:0,ref_for:!0},v.getTriggerProps(i),{"as-child":``}),{default:A(()=>[_(r,b({ref_for:!0},v.linkProps,{disabled:v.getTriggerProps(i).disabled??v.linkProps?.disabled,to:i.to,href:i.href,target:i.target,external:i.external}),{default:A(({isHref:n})=>[T(e.$slots,`trigger`,{item:i},()=>[T(e.$slots,`item-leading`,{item:i},()=>[i.icon?(C(),f(t,{key:0,icon:i.icon,class:x(O(P).itemIcon)},null,8,[`icon`,`class`])):p(`v-if`,!0)]),h(`span`,null,E(i.label),1),n?T(e.$slots,`item-link-icon`,{item:i},()=>[_(t,{icon:`lucide:arrow-up-right`,class:x(O(P).itemLinkIcon)},null,8,[`class`])],void 0,0):p(`v-if`,!0),T(e.$slots,`item-trailing`,{item:i})])]),_:2},1040,[`disabled`,`to`,`href`,`target`,`external`])]),_:2},1040)):(C(),m(u,{key:1},[_(c,b({ref_for:!0},v.getTriggerProps(i)),{default:A(()=>[T(e.$slots,`trigger`,{item:i},()=>[T(e.$slots,`item-leading`,{item:i},()=>[i.icon?(C(),f(t,{key:0,icon:i.icon,class:x(O(P).itemIcon)},null,8,[`icon`,`class`])):p(`v-if`,!0)]),h(`span`,null,E(i.label),1),T(e.$slots,`item-trailing`,{item:i})])]),_:2},1040),_(O(n),b({ref_for:!0},v.portalProps),{default:A(()=>[_(l,b({ref_for:!0},v.contentProps),{default:A(()=>[_(O(a),b({ref_for:!0},v.optionsProps,{items:i.children??[]}),g({_:2},[w(F.value,t=>({name:t,fn:A(n=>[T(e.$slots,t,b({ref_for:!0},n))])}))]),1040,[`items`])]),_:2},1040)]),_:2},1040)],64))]),_:2},1032,[`value`]))),128)),v.moreItems.length?(C(),f(s,{key:0},{default:A(()=>[_(c,S(y(v.moreTriggerProps)),{default:A(()=>[T(e.$slots,`more-trigger`,{},()=>[I.value?(C(),f(t,{key:0,icon:I.value,class:x(O(P).itemIcon)},null,8,[`icon`,`class`])):p(`v-if`,!0),v.moreLabel?(C(),m(`span`,j,E(v.moreLabel),1)):p(`v-if`,!0)])]),_:3},16),_(O(n),S(y(v.portalProps)),{default:A(()=>[_(l,S(y(v.contentProps)),{default:A(()=>[_(O(a),b(v.optionsProps,{items:v.moreItems}),g({_:2},[w(F.value,t=>({name:t,fn:A(n=>[T(e.$slots,t,S(y(n)))])}))]),1040,[`items`])]),_:3},16)]),_:3},16)]),_:3})):p(`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},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};
+import{toContext as e}from"../../shared/vue.js";import{useDirection as t}from"../config-provider/context.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import{useForwardElement as r}from"../../composables/use-forward-element.js";import{useOmitProps as i}from"../../composables/use-props.js";import{useRovingFocusGroup as a}from"../../composables/use-roving-focus.js";import{Primitive as o}from"../primitive/primitive.js";import{providePopperDelayGroup as s}from"../popper/context.js";import{provideMenubarCollectionContext as c,provideMenubarRootContext as l,useMenubarUi as u}from"./context.js";import{computed as d,createBlock as f,defineComponent as p,mergeProps as m,openBlock as h,renderSlot as g,shallowRef as _,unref as v,withCtx as y}from"vue";const b=p({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(p,{emit:b}){let x=p,S=b,C=u(`root`),w=i(x,[`class`,`modelValue`,`defaultValue`,`dir`,`loop`,`trigger`,`delayDuration`,`skipDelayDuration`]),T=n(()=>x.modelValue,e=>{S(`update:modelValue`,e)},x.defaultValue??``),E=_(null),D=t(()=>x.dir);s({skipDelayDuration:d(()=>x.skipDelayDuration)}),l({modelValue:T,currentTabStopId:E,...e(x,[`dir`,`loop`,`trigger`,`delayDuration`,`skipDelayDuration`])});let{onContainerElementChange:O}=c(),{setContainerElement:k,groupProps:A}=a({orientation:d(()=>`horizontal`),dir:D,loop:d(()=>x.loop??!1),currentTabStopId:d(()=>E.value),onUpdateCurrentTabStopId:e=>{E.value=e??null},defaultCurrentTabStopId:d(()=>``),preventScrollOnEntryFocus:d(()=>!1)}),[j,M]=r(O);function N(e){k(e),M(e)}let P=d(()=>({...w.value,...A.value}));return(e,t)=>(h(),f(v(o),m(P.value,{ref:N,as:p.as,"as-child":p.asChild,"data-soybean-menubar-root":``,class:v(C),role:`menubar`,dir:v(D)}),{default:y(()=>[g(e.$slots,`default`,{modelValue:v(T)})]),_:3},16,[`as`,`as-child`,`class`,`dir`]))}});export{b as default};

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

@@ -3,22 +3,22 @@ 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: {
+declare var __VLS_8: {
   modelValue: DefinedValue;
 };
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_14) => any;
+  default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   "update:modelValue": (value: DefinedValue) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
   "onUpdate:modelValue"?: ((value: DefinedValue) => any) | undefined;
 }>, {
-  modelValue: DefinedValue;
-  loop: boolean;
   delayDuration: number;
   skipDelayDuration: number;
+  modelValue: DefinedValue;
   trigger: MenubarTriggerType;
+  loop: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/menubar/menubar-sub-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-sub-content.js";import"../menu/index.js";import{useMenubarCollectionContext as r,useMenubarMenuContext as i,useMenubarRootContext as a}from"./context.js";import{createBlock as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,toHandlers as d,unref as f,withCtx as p}from"vue";const m=s({name:`MenubarSubContent`,__name:`menubar-sub-content`,props:{popupProps:{},placement:{},sideOffset:{},sideFlip:{type:Boolean},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(s,{emit:m}){let h=s,g=t(m),{dir:_,loop:v,onMenuOpen:y}=a(`MenubarSubContent`),{value:b}=i(`MenubarSubContent`),{getOrderedItems:x}=r(`MenubarSubContent`),S=t=>{let n=t.target,r=_.value===`rtl`?`ArrowLeft`:`ArrowRight`;if(t.key!==r||n.hasAttribute(`data-soybean-menubar-sub-trigger`))return;let i=x().map(e=>e.data.value),a=i.findIndex(e=>e===b.value),o=(v.value?e(i,a+1):i.slice(a+1))[0];o&&y(o)};return(e,t)=>(l(),o(f(n),c(h,{"data-soybean-menubar-sub-content":``},d(f(g)),{onKeydown:S}),{default:p(()=>[u(e.$slots,`default`)]),_:3},16))}});export{m as default};
+import{wrapArray as e}from"../../shared/object.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import n from"../menu/menu-sub-content.js";import{useMenubarCollectionContext as r,useMenubarMenuContext as i,useMenubarRootContext as a}from"./context.js";import{createBlock as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,toHandlers as d,unref as f,withCtx as p}from"vue";const m=s({name:`MenubarSubContent`,__name:`menubar-sub-content`,props:{popupProps:{},placement:{},sideOffset:{},sideFlip:{type:Boolean},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:{},trapFocus:{type:Boolean},disableHoverableContent:{type:Boolean},onGracePointerExit:{type:Function},forceMount:{type:Boolean},loop:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(s,{emit:m}){let h=s,g=t(m),{dir:_,loop:v,onMenuOpen:y}=a(`MenubarSubContent`),{value:b}=i(`MenubarSubContent`),{getOrderedItems:x}=r(`MenubarSubContent`),S=t=>{let n=t.target,r=_.value===`rtl`?`ArrowLeft`:`ArrowRight`;if(t.key!==r||n.hasAttribute(`data-soybean-menubar-sub-trigger`))return;let i=x().map(e=>e.data.value),a=i.findIndex(e=>e===b.value),o=(v.value?e(i,a+1):i.slice(a+1))[0];o&&y(o)};return(e,t)=>(l(),o(f(n),c(h,{"data-soybean-menubar-sub-content":``},d(f(g)),{onKeydown:S}),{default:p(()=>[u(e.$slots,`default`)]),_:3},16))}});export{m as default};

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

@@ -1 +1 @@
-import e from"../menu/menu-sub-trigger.js";import"../menu/index.js";import{createBlock as t,defineComponent as n,mergeProps as r,openBlock as i,renderSlot as a,unref as o,withCtx as s}from"vue";const c=n({name:`MenubarSubTrigger`,__name:`menubar-sub-trigger`,props:{disabled:{type:Boolean},textValue:{},asChild:{type:Boolean},as:{}},setup(n){let c=n;return(n,l)=>(i(),t(o(e),r(c,{"data-soybean-menubar-sub-trigger":``}),{default:s(()=>[a(n.$slots,`default`)]),_:3},16))}});export{c as default};
+import e from"../menu/menu-sub-trigger.js";import{createBlock as t,defineComponent as n,mergeProps as r,openBlock as i,renderSlot as a,unref as o,withCtx as s}from"vue";const c=n({name:`MenubarSubTrigger`,__name:`menubar-sub-trigger`,props:{disabled:{type:Boolean},textValue:{},asChild:{type:Boolean},as:{}},setup(n){let c=n;return(n,l)=>(i(),t(o(e),r(c,{"data-soybean-menubar-sub-trigger":``}),{default:s(()=>[a(n.$slots,`default`)]),_:3},16))}});export{c 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,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};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useRovingFocusGroupItem as t}from"../../composables/use-roving-focus.js";import n from"../button/button.js";import{usePopperRootContext as r}from"../popper/context.js";import{usePopperTrigger as i}from"../popper/use-popper-trigger.js";import a from"../popper/popper-anchor.js";import{useMenubarCollectionItem as o,useMenubarMenuContext as ee,useMenubarRootContext as s,useMenubarUi as c}from"./context.js";import{isTriggerLink as l}from"./shared.js";import{computed as u,createBlock as d,createVNode as f,defineComponent as p,mergeProps as m,openBlock as h,reactive as g,renderSlot as _,shallowRef as v,unref as y,withCtx as b,withKeys as x}from"vue";const S=p({name:`MenubarTrigger`,__name:`menubar-trigger`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(p){let S=p,{isLinkTriggerHovered:C,modelValue:w,onMenuClose:T,onMenuOpen:E,onMenuToggle:D,setTriggerLink:O,hoverable:k,delayDuration:A,skipDelayDuration:j}=s(`MenubarTrigger`),{value:M,triggerId:N,contentId:P,triggerElement:F,wasKeyboardTriggerOpen:I,open:L}=ee(`MenubarTrigger`),R=r(`MenubarTrigger`),z=c(`trigger`),{itemProps:B,setItemElement:V}=t({tabStopId:u(()=>String(M.value)),focusable:u(()=>!S.disabled)}),{onItemElementChange:H}=o(()=>({value:M.value})),[U,W]=e(e=>{F.value=e,V(e),H(e)}),G=u(()=>({...S,...B.value})),K=v(!1),q=v(!1),J=()=>l(U.value),Y=u(()=>l(U.value)),X=g({get trigger(){return k.value?`hover`:`click`},get openDelay(){return A.value},closeDelay:0,focusOpenDelay:0,get skipDelayDuration(){return j.value},openOnFocus:!1,get disabled(){return!!S.disabled||Y.value}}),{onPointerEnter:Z,onPointerLeave:Q}=i(X,R,{onVirtualPointChange:()=>{}}),$=e=>{if(S.disabled||e.button!==0||e.ctrlKey)return;if(J()){O();return}if(k.value)return;let t=L.value,n=q.value;if(q.value=!1,t&&!n){T();return}E(M.value),t||e.preventDefault()},te=e=>{if(Z(e),!S.disabled){if(J()){(w.value||C.value)&&(O(),U.value?.focus());return}L.value||(k.value?U.value?.focus():(w.value||C.value)&&(w.value&&w.value!==M.value&&(q.value=!0),E(M.value),U.value?.focus()))}},ne=e=>{Q(e)},re=()=>{K.value=!0},ie=()=>{K.value=!1},ae=e=>{S.disabled||J()||([`Enter`,` `].includes(e.key)&&D(M.value),e.key===`ArrowDown`&&E(M.value),[`Enter`,` `,`ArrowDown`].includes(e.key)&&(I.value=!0,e.preventDefault()))};return(e,t)=>(h(),d(y(a),{"as-child":``},{default:b(()=>[f(n,m(G.value,{id:y(N),ref:y(W),"data-soybean-menubar-trigger":``,class:y(z),"aria-controls":y(L)?y(P):void 0,"aria-expanded":y(L),"aria-haspopup":`menu`,"data-highlighted":K.value?``:void 0,"data-state":y(L)?`open`:`closed`,"data-value":y(M),disabled:p.disabled,role:`menuitem`,onPointerdown:$,onPointerenter:te,onPointerleave:ne,onKeydown:x(ae,[`enter`,`space`,`arrow-down`]),onFocus:re,onBlur:ie}),{default:b(()=>[_(e.$slots,`default`)]),_:3},16,[`id`,`class`,`aria-controls`,`aria-expanded`,`data-highlighted`,`data-state`,`data-value`,`disabled`])]),_:3}))}});export{S as default};

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

@@ -1,8 +1,8 @@
 import { MenubarTriggerProps } from "./types.js";
 //#region src/components/menubar/menubar-trigger.vue.d.ts
-declare var __VLS_27: {};
+declare var __VLS_21: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_27) => any;
+  default?: (props: typeof __VLS_21) => 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>;

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

@@ -3,8 +3,7 @@ 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 { PopperArrowProps, PopperPortalProps } from "../popper/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";
@@ -12,11 +11,11 @@ import { ComputedRef, ShallowRef } from "vue";
 /**
  * Supported menubar trigger values.
  */
-type MenubarTriggerType = 'click' | 'hover';
+export type MenubarTriggerType = 'click' | 'hover';
 /**
  * Properties for the MenubarRoot component.
  */
-interface MenubarRootProps<T extends DefinedValue = DefinedValue> extends Omit<PrimitiveWithBaseProps, 'onSelect'> {
+export interface MenubarRootProps<T extends DefinedValue = DefinedValue> extends Omit<PrimitiveWithBaseProps, 'onSelect'> {
   /** The controlled value of the menu to open. Can be used as `v-model`. */
   modelValue?: T;
   /** The value of the menu that should be open when initially rendered. */
@@ -53,7 +52,7 @@ interface MenubarRootProps<T extends DefinedValue = DefinedValue> extends Omit<P
 /**
  * Events for the MenubarRoot component.
  */
-type MenubarRootEmits<T extends DefinedValue = DefinedValue> = {
+export type MenubarRootEmits<T extends DefinedValue = DefinedValue> = {
   /**
    * Emitted when the model value changes.
    */
@@ -62,38 +61,38 @@ type MenubarRootEmits<T extends DefinedValue = DefinedValue> = {
 /**
  * Properties for the MenubarMenu component.
  */
-interface MenubarMenuProps {
+export interface MenubarMenuProps {
   /** A unique value that associates the trigger with the active root value when controlled. */
   value?: DefinedValue;
 }
 /**
  * Properties for the MenubarTrigger component.
  */
-interface MenubarTriggerProps extends ButtonProps {}
+export interface MenubarTriggerProps extends ButtonProps {}
 /**
  * Events for the MenubarContent component.
  */
-type MenubarContentEmits = MenuContentEmits;
+export type MenubarContentEmits = MenuContentEmits;
 /**
  * Properties for the MenubarContent component.
  */
-interface MenubarContentProps extends MenuContentProps {}
+export interface MenubarContentProps extends MenuContentProps {}
 /**
  * Properties for the MenubarSubTrigger component.
  */
-interface MenubarSubTriggerProps extends MenuSubTriggerProps {}
+export interface MenubarSubTriggerProps extends MenuSubTriggerProps {}
 /**
  * Properties for the MenubarSubContent component.
  */
-interface MenubarSubContentProps extends MenuSubContentProps {}
+export interface MenubarSubContentProps extends MenuSubContentProps {}
 /**
  * Events for the MenubarSubContent component.
  */
-type MenubarSubContentEmits = MenuSubContentEmits;
+export type MenubarSubContentEmits = MenuSubContentEmits;
 /**
  * Properties for the MenubarCompact component.
  */
-interface MenubarCompactProps<T extends DefinedValue = DefinedValue> extends MenubarRootProps<T>, MenuOptionsCompactProps<T> {
+export interface MenubarCompactProps<T extends DefinedValue = DefinedValue> extends MenubarRootProps<T>, MenuOptionsCompactProps<T> {
   /**
    * Whether the component is disabled.
    */
@@ -133,7 +132,7 @@ interface MenubarCompactProps<T extends DefinedValue = DefinedValue> extends Men
   /**
    * Properties forwarded to the portal element.
    */
-  portalProps?: PortalProps;
+  portalProps?: PopperPortalProps;
   /**
    * Properties forwarded to the content element.
    */
@@ -150,11 +149,11 @@ interface MenubarCompactProps<T extends DefinedValue = DefinedValue> extends Men
 /**
  * Events for the MenubarCompact component.
  */
-type MenubarCompactEmits<T extends DefinedValue = DefinedValue> = MenubarRootEmits<T> & MenuContentEmits & MenuOptionsCompactEmits<T>;
+export type MenubarCompactEmits<T extends DefinedValue = DefinedValue> = MenubarRootEmits<T> & MenuContentEmits & MenuOptionsCompactEmits<T>;
 /**
  * Slots for the MenubarCompact component.
  */
-type MenubarCompactSlots<T extends DefinedValue = DefinedValue> = MenuOptionsCompactSlots<T> & {
+export type MenubarCompactSlots<T extends DefinedValue = DefinedValue> = MenuOptionsCompactSlots<T> & {
   /**
    * Custom content for the trigger slot.
    *
@@ -172,10 +171,9 @@ type MenubarCompactSlots<T extends DefinedValue = DefinedValue> = MenuOptionsCom
 /**
  * Available UI slots for the Menubar component.
  */
-type MenubarUiSlot = 'root' | 'trigger' | MenuUiSlot;
+export type MenubarUiSlot = 'root' | 'trigger' | MenuUiSlot;
 /**
  * UI class overrides for the Menubar component.
  */
-type MenubarUi = UiClass<MenubarUiSlot>;
-//#endregion
-export { MenubarCompactEmits, MenubarCompactProps, MenubarCompactSlots, MenubarContentEmits, MenubarContentProps, MenubarMenuProps, MenubarRootEmits, MenubarRootProps, MenubarSubContentEmits, MenubarSubContentProps, MenubarSubTriggerProps, MenubarTriggerProps, MenubarTriggerType, MenubarUi, MenubarUiSlot };
+export type MenubarUi = UiClass<MenubarUiSlot>;
+//#endregion

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

@@ -0,0 +1,9 @@
+import { UiClass } from "../../types/common.js";
+import { NavMenuUiSlot } from "./types.js";
+import "../../index.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/index.js";
+//#region src/components/nav-menu/context.d.ts
+declare const provideNavMenuUi: (ui: import("vue").ComputedRef<Partial<UiClass<NavMenuUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<NavMenuUiSlot>>>, useNavMenuUi: UseUiConsumer<NavMenuUiSlot>;
+//#endregion
+export { provideNavMenuUi };

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

@@ -0,0 +1 @@
+import{getDisclosureState as e}from"../../shared/value.js";import{useContext as t}from"../../composables/use-context.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{providePopperUi as a}from"../popper/context.js";import{EVENT_ROOT_CONTENT_DISMISS as o}from"./shared.js";import{computed as s,shallowRef as c}from"vue";import{useEventListener as l}from"@vueuse/core";const[u,d]=t(`NavMenuRoot`,e=>{let{modelValue:t}=e,n=c(),i=e=>{n.value=e},[a,u]=r(),d=c(),f=e=>{d.value=e},p=c(new Set),m=e=>{p.value.add(e)},h=e=>{p.value.delete(e)},g=s(()=>p.value.has(t.value)),_=c(``),v=c(!1),y=e=>{t.value=e},b=()=>{t.value=``};return l(n,o,b),{...e,baseId:`soybean-nav-menu`,rootElement:n,onRootElementChange:i,viewportElement:a,setViewportElement:u,activeTriggerElement:d,values:p,addValue:m,removeValue:h,open:g,pendingValue:_,wasEscapeCloseRef:v,onActiveTriggerElementChange:f,onItemSelect:y,onItemDismiss:b}}),{provideCollectionContext:f,useCollectionContext:p,useCollectionItem:m}=n(`NavMenu`),[h,g]=t(`NavMenuItem`,t=>{let[n,i]=r(),{modelValue:a,value:o}=t,l=c(),u=e=>{l.value=e},d=s(()=>a.value===o),f=s(()=>e(d.value));return{...t,triggerElement:l,onTriggerElementChange:u,focusProxyElement:n,setFocusProxyElement:i,open:d,dataState:f}}),[_,v]=i(`NavMenuUi`,e=>{let t=s(()=>({positioner:e.value.positioner,popup:e.value.viewport,arrow:e.value.arrow}));return a(t),e});export{f as provideCollectionContext,h as provideNavMenuItemContext,u as provideNavMenuRootContext,_ as provideNavMenuUi,p as useCollectionContext,m as useCollectionItem,g as useNavMenuItemContext,d as useNavMenuRootContext,v as useNavMenuUi};

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

@@ -0,0 +1,13 @@
+import { NavMenuCompactEmits, NavMenuCompactProps, NavMenuCompactSlots, NavMenuContentEmits, NavMenuContentProps, NavMenuItemProps, NavMenuLinkEmits, NavMenuLinkProps, NavMenuListProps, NavMenuOptionData, NavMenuRootEmits, NavMenuRootProps, NavMenuSubContentProps, NavMenuSubTriggerProps, NavMenuTriggerProps, NavMenuUi, NavMenuUiSlot, NavMenuViewportProps } from "./types.js";
+import _default from "./nav-menu-compact.vue.js";
+import _default$5 from "./nav-menu-root.vue.js";
+import _default$4 from "./nav-menu-list.vue.js";
+import _default$2 from "./nav-menu-item.vue.js";
+import _default$8 from "./nav-menu-trigger.vue.js";
+import _default$1 from "./nav-menu-content.vue.js";
+import _default$3 from "./nav-menu-link.vue.js";
+import _default$9 from "./nav-menu-viewport.vue.js";
+import _default$7 from "./nav-menu-sub-trigger.vue.js";
+import _default$6 from "./nav-menu-sub-content.vue.js";
+import { provideNavMenuUi } from "./context.js";
+export { _default as NavMenuCompact, type NavMenuCompactEmits, type NavMenuCompactProps, type NavMenuCompactSlots, _default$1 as NavMenuContent, type NavMenuContentEmits, type NavMenuContentProps, _default$2 as NavMenuItem, type NavMenuItemProps, _default$3 as NavMenuLink, type NavMenuLinkEmits, type NavMenuLinkProps, _default$4 as NavMenuList, type NavMenuListProps, type NavMenuOptionData, _default$5 as NavMenuRoot, type NavMenuRootEmits, type NavMenuRootProps, _default$6 as NavMenuSubContent, type NavMenuSubContentProps, _default$7 as NavMenuSubTrigger, type NavMenuSubTriggerProps, _default$8 as NavMenuTrigger, type NavMenuTriggerProps, type NavMenuUi, type NavMenuUiSlot, _default$9 as NavMenuViewport, type NavMenuViewportProps, provideNavMenuUi };

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

@@ -0,0 +1 @@
+import{provideNavMenuUi as e}from"./context.js";import t from"./nav-menu-list.js";import n from"./nav-menu-content.js";import r from"./nav-menu-item.js";import i from"./nav-menu-link.js";import a from"./nav-menu-sub-content.js";import o from"./nav-menu-sub-trigger.js";import s from"./nav-menu-trigger.js";import c from"./nav-menu-root.js";import l from"./nav-menu-viewport.js";import u from"./nav-menu-compact.js";export{u as NavMenuCompact,n as NavMenuContent,r as NavMenuItem,i as NavMenuLink,t as NavMenuList,c as NavMenuRoot,a as NavMenuSubContent,o as NavMenuSubTrigger,s as NavMenuTrigger,l as NavMenuViewport,e as provideNavMenuUi};

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

@@ -0,0 +1 @@
+import{keysOf as e}from"../../shared/guard.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import{useOmitProps as n,usePickProps as r}from"../../composables/use-props.js";import i from"./nav-menu-list.js";import a from"./nav-menu-option-compact.js";import o from"./nav-menu-root.js";import s from"./nav-menu-viewport.js";import{Fragment as c,computed as l,createBlock as u,createElementBlock as d,createSlots as f,createVNode as p,defineComponent as m,guardReactiveProps as h,mergeProps as g,normalizeProps as _,openBlock as v,renderList as y,renderSlot as b,toHandlers as x,unref as S,useSlots as C,withCtx as w}from"vue";const T=m({name:`NavMenuCompact`,__name:`nav-menu-compact`,props:{items:{},modelValue:{},defaultValue:{},dir:{},orientation:{},delayDuration:{},skipDelayDuration:{},disableClickTrigger:{type:Boolean},disableHoverTrigger:{type:Boolean},disablePointerLeaveClose:{type:Boolean},itemProps:{},linkProps:{},triggerProps:{},contentProps:{},viewportProps:{},listProps:{},subTriggerProps:{},subContentProps:{}},emits:[`update:modelValue`,`select`],setup(m,{emit:T}){let E=m,D=T,O=C(),k=[`itemProps`,`linkProps`,`triggerProps`,`contentProps`,`viewportProps`,`listProps`,`subTriggerProps`,`subContentProps`],A=n(E,[`items`,...k]),j=r(E,[...k]),M=t(D),N=l(()=>e(O));return(e,t)=>(v(),u(o,g(S(A),{"onUpdate:modelValue":t[0]||=e=>D(`update:modelValue`,e)}),{default:w(()=>[p(i,_(h(m.listProps)),{default:w(()=>[(v(!0),d(c,null,y(m.items,t=>(v(),u(a,g({key:t.value},{ref_for:!0},S(j),{item:t},x(S(M))),f({_:2},[y(N.value,t=>({name:t,fn:w(n=>[b(e.$slots,t,g({ref_for:!0},n))])}))]),1040,[`item`]))),128))]),_:3},16),p(s,_(h(m.viewportProps)),null,16)]),_:3},16))}});export{T as default};

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

@@ -0,0 +1,23 @@
+import { NavMenuCompactProps, NavMenuCompactSlots } from "./types.js";
+//#region src/components/nav-menu/nav-menu-compact.vue.d.ts
+type __VLS_Slots = NavMenuCompactSlots;
+declare const __VLS_base: import("vue").DefineComponent<NavMenuCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  select: (payload: CustomEvent<{
+    originalEvent: Event;
+  }>) => any;
+  "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<NavMenuCompactProps> & Readonly<{
+  onSelect?: ((payload: CustomEvent<{
+    originalEvent: Event;
+  }>) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => 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;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default as default };

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

@@ -0,0 +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{isClient as i}from"../../shared/env.js";import{useExposedElement as a}from"../../composables/use-exposed-element.js";import{usePresence as o}from"../../composables/use-presence.js";import{useOmitProps as s}from"../../composables/use-props.js";import{useNavMenuItemContext as c,useNavMenuRootContext as l,useNavMenuUi as u}from"./context.js";import{Teleport as d,computed as f,createBlock as p,createCommentVNode as m,createElementBlock as h,defineComponent as g,mergeProps as _,openBlock as v,renderSlot as y,shallowRef as b,unref as x,useAttrs as S}from"vue";const C=[`id`,`aria-labelledby`,`data-orientation`,`data-state`],w=g({name:`NavMenuContent`,inheritAttrs:!1,__name:`nav-menu-content`,props:{forceMount:{type:Boolean}},setup(g){let w=g,T=S(),E=s(w,[`forceMount`],T),{modelValue:D,viewportElement:O,orientation:k}=l(`NavMenuContent`),{value:A,triggerId:j,contentId:M,dataState:N,focusProxyElement:P,onContentFocusOutside:F}=c(`NavMenuContent`),I=u(`content`),[L,R]=a(),z=f(()=>D.value===A),B=w.forceMount?b(!0):o(L,z),V=f(()=>i&&O.value?O.value:`body`),H=f(()=>!i||!O.value),U=i=>{if(!L.value?.contains(i.target))return;let a=i.altKey||i.ctrlKey||i.metaKey,o=i.key===`Tab`&&!a,s=n(L.value);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{P.value?.focus();return}}e(i,t(),void 0,{itemsArray:s,loop:!1,enableIgnoredElement:!0})?.focus()},W=e=>{let t=e.relatedTarget;L.value?.contains(t)||F()};return(e,t)=>(v(),p(d,{to:V.value,disabled:H.value},[x(B)?(v(),h(`div`,_({key:0},x(E),{id:x(M),ref:x(R),"data-soybean-nav-menu-content":``,class:x(I),"aria-labelledby":x(j),"data-orientation":x(k),"data-state":x(N),onKeydown:U,onFocusout:W}),[y(e.$slots,`default`)],16,C)):m(`v-if`,!0)],8,[`to`,`disabled`]))}});export{w as default};

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

@@ -0,0 +1,16 @@
+import { NavMenuContentProps } from "./types.js";
+//#region src/components/nav-menu/nav-menu-content.vue.d.ts
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<NavMenuContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NavMenuContentProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default as default };

package/dist/components/nav-menu/nav-menu-item.js

@@ -0,0 +1 @@
+import{useArrowNavigation as e}from"../../composables/use-arrow-navigation.js";import{getActiveElement as t}from"../../shared/dom.js";import{getTabbableCandidates as n,removeFromTabOrder as r,tryFocusFirst as i}from"../../shared/focus.js";import{createContentId as a,createTriggerId as o}from"./shared.js";import{provideNavMenuItemContext as s,useCollectionContext as c,useNavMenuRootContext as l,useNavMenuUi as u}from"./context.js";import{computed as d,createElementBlock as f,defineComponent as p,normalizeClass as m,onBeforeUnmount as h,openBlock as g,renderSlot as _,useId as v,withKeys as y}from"vue";const b=p({name:`NavMenuItem`,__name:`nav-menu-item`,props:{value:{}},setup(p){let b=p,{baseId:x,modelValue:S,orientation:C,onItemDismiss:w,addValue:T,removeValue:E}=l(`NavMenuItem`),{getOrderedElements:D}=c(`NavMenuItem`),O=u(),k=d(()=>O.value?.item),A=b.value??v(),j=a(x,A),M=o(x,A),N=()=>({}),P=async(e=`start`)=>{let t=document.getElementById(j);if(!t)return;N();let r=n(t);r.length&&i(e===`start`?r:r.slice().reverse())};s({value:A,modelValue:S,contentId:j,triggerId:M,onEntryKeyDown:P,onFocusProxyEnter:P,onContentFocusOutside:()=>{let e=document.getElementById(j);if(!e)return;let t=n(e);t.length&&(N=r(t))}});let F=()=>{w(),document.getElementById(M)?.focus()},I=n=>{let r=t();if(!r)return;if(n.key===`Enter`||n.key===` `){if(S.value===A){F(),n.preventDefault();return}n.target.click(),n.preventDefault();return}let i=D().filter(e=>e.parentElement?.hasAttribute(`data-nav-menu-item`));if(!i.includes(r))return;let a=e(n,r,void 0,{itemsArray:i,loop:!1,arrowKeyOptions:C.value===`horizontal`?`horizontal`:`vertical`});a&&(a.focus?.(),n.preventDefault(),n.stopPropagation())};return T(A),h(()=>{E(A)}),(e,t)=>(g(),f(`li`,{"data-soybean-nav-menu-item":``,class:m(k.value),"data-nav-menu-item":``,onKeydown:y(I,[`up`,`down`,`left`,`right`,`home`,`end`,`space`])},[_(e.$slots,`default`)],34))}});export{b as default};

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

@@ -0,0 +1,16 @@
+import { NavMenuItemProps } from "./types.js";
+//#region src/components/nav-menu/nav-menu-item.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<NavMenuItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NavMenuItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default as default };

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

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.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,useNavMenuRootContext as o,useNavMenuUi 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:`NavMenuLink`,__name:`nav-menu-link`,props:{selected:{type:Boolean},sub:{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,{modelValue:x}=o(`NavMenuLink`),S=s(),C=c(()=>S.value?.[y.sub?`subLink`:`link`]),{setItemElement:w}=a(),T=e(y,[`selected`,`sub`]),E=async e=>{let t=new CustomEvent(i,{bubbles:!0,cancelable:!0,detail:{originalEvent:e}});if(b(`select`,t),t.defaultPrevented||e.metaKey||!x.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(T),{ref:g(w),"data-soybean-nav-menu-link":``,"data-soybean-collection-item":``,class:C.value,"data-selected":!!u.selected,"aria-current":u.selected?`page`:void 0,onClick:E}),{default:_(t=>[h(e.$slots,`default`,p(d(t)))]),_:3},16,[`class`,`data-selected`,`aria-current`]))}});export{v as default};

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

@@ -0,0 +1,28 @@
+import { NavMenuLinkProps } from "./types.js";
+//#region src/components/nav-menu/nav-menu-link.vue.d.ts
+declare var __VLS_10: {
+  isHref: boolean;
+  isActive?: boolean;
+  isExactActive?: boolean;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<NavMenuLinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  select: (payload: CustomEvent<{
+    originalEvent: Event;
+  }>) => any;
+}, string, import("vue").PublicProps, Readonly<NavMenuLinkProps> & Readonly<{
+  onSelect?: ((payload: CustomEvent<{
+    originalEvent: 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;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default as default };

package/dist/components/nav-menu/nav-menu-list.js

@@ -0,0 +1 @@
+import{useNavMenuUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,mergeProps as r,openBlock as i,renderSlot as a,unref as o,useAttrs as s}from"vue";const c=n({name:`NavMenuList`,inheritAttrs:!1,__name:`nav-menu-list`,setup(n){let c=s(),l=e(`list`);return(e,n)=>(i(),t(`ul`,r(o(c),{class:o(l),"data-soybean-nav-menu-list":``}),[a(e.$slots,`default`)],16))}});export{c as default};

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

@@ -0,0 +1,16 @@
+import { NavMenuListProps } from "./types.js";
+//#region src/components/nav-menu/nav-menu-list.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<NavMenuListProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NavMenuListProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default as default };

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

@@ -0,0 +1 @@
+import{keysOf as e}from"../../shared/guard.js";import t from"../_icon/icon.js";import{useNavMenuRootContext as n,useNavMenuUi as r}from"./context.js";import i from"./nav-menu-content.js";import a from"./nav-menu-item.js";import o from"./nav-menu-link.js";import s from"./nav-menu-sub-option-compact.js";import c from"./nav-menu-trigger.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,resolveDynamicComponent as T,toDisplayString as E,unref as D,useSlots as O,withCtx as k}from"vue";const A=_({name:`NavMenuOptionCompact`,__name:`nav-menu-option-compact`,props:{item:{},itemProps:{},linkProps:{},triggerProps:{},contentProps:{},viewportProps:{},listProps:{},subTriggerProps:{},subContentProps:{}},emits:[`select`],setup(_,{emit:A}){let j=_,M=A,N=O(),P=r(),F=u(()=>e(N)),{modelValue:I,disableHoverTrigger:L,onItemDismiss:R}=n(`NavMenuOptionCompact`),z=()=>{!L.value&&I.value&&R()},B=u(()=>!!(j.item.to||j.item.href)),V=u(()=>B.value?{...j.linkProps,selected:j.item.selected,disabled:j.item.disabled??j.linkProps?.disabled,to:j.item.to,href:j.item.href,target:j.item.target,external:j.item.external}:{});function H(e){return{...j.linkProps,sub:!0,selected:e.selected,disabled:e.disabled??j.linkProps?.disabled,to:e.to,href:e.href,target:e.target,external:e.external}}return(e,n)=>(S(),d(a,y(_.itemProps,{value:_.item.value}),{default:k(()=>[f(` leaf item: a single link; entering it closes any open menu `),_.item.children?.length?(S(),p(l,{key:1},[f(` item with children: trigger + floating content with sub links `),g(c,y(_.triggerProps,{disabled:_.item.disabled,"as-child":B.value}),{default:k(()=>[(S(),d(T(B.value?o:`template`),y(V.value,{onSelect:n[1]||=e=>M(`select`,e)}),{default:k(()=>[w(e.$slots,`item`,{item:_.item,isTrigger:!0},()=>[w(e.$slots,`item-leading`,{item:_.item},()=>[_.item.icon?(S(),d(t,{key:0,icon:_.item.icon,class:b(D(P).itemIcon)},null,8,[`icon`,`class`])):f(`v-if`,!0)]),m(`span`,null,E(_.item.label),1),w(e.$slots,`item-trailing`,{item:_.item}),w(e.$slots,`item-trigger-icon`,{item:_.item},()=>[g(t,{icon:`lucide:chevron-down`,class:b(D(P).triggerIcon)},null,8,[`class`])])])]),_:3},16))]),_:3},16,[`disabled`,`as-child`]),g(i,x(v(_.contentProps)),{default:k(()=>[m(`ul`,{class:b(D(P).subList),"data-soybean-nav-menu-sub-list":``},[(S(!0),p(l,null,C(_.item.children,t=>(S(),d(s,{key:t.value,item:t,"link-props":H(t),"sub-trigger-props":_.subTriggerProps,"sub-content-props":_.subContentProps,onSelect:n[2]||=e=>M(`select`,e)},h({_:2},[C(F.value,t=>({name:t,fn:k(n=>[w(e.$slots,t,y({ref_for:!0},n))])}))]),1032,[`item`,`link-props`,`sub-trigger-props`,`sub-content-props`]))),128))],2)]),_:3},16)],64)):(S(),d(o,y({key:0},V.value,{onPointerenter:z,onSelect:n[0]||=e=>M(`select`,e)}),{default:k(()=>[w(e.$slots,`item`,{item:_.item},()=>[w(e.$slots,`item-leading`,{item:_.item},()=>[_.item.icon?(S(),d(t,{key:0,icon:_.item.icon,class:b(D(P).itemIcon)},null,8,[`icon`,`class`])):f(`v-if`,!0)]),m(`span`,null,E(_.item.label),1),w(e.$slots,`item-trailing`,{item:_.item})])]),_:3},16))]),_:3},16,[`value`]))}});export{A as default};

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

@@ -0,0 +1 @@
+import{toContext as e}from"../../shared/vue.js";import{useDirection as t}from"../config-provider/context.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import{useForwardElement as r}from"../../composables/use-forward-element.js";import{providePopperRootContext as i}from"../popper/context.js";import{usePopperNesting as a}from"../popper/use-popper-nesting.js";import{provideCollectionContext as o,provideNavMenuRootContext as s,useNavMenuUi as c}from"./context.js";import{computed as l,createElementBlock as u,defineComponent as d,normalizeClass as f,openBlock as p,renderSlot as m,shallowRef as h,unref as g,watchEffect as _}from"vue";const v=[`data-orientation`,`dir`],y=d({name:`NavMenuRoot`,__name:`nav-menu-root`,props:{modelValue:{},defaultValue:{},dir:{},orientation:{default:`horizontal`},delayDuration:{default:200},skipDelayDuration:{default:300},disableClickTrigger:{type:Boolean},disableHoverTrigger:{type:Boolean},disablePointerLeaveClose:{type:Boolean}},emits:[`update:modelValue`],setup(d,{emit:y}){let b=d,x=y,S=c(`root`),C=t(()=>b.dir),w=n(()=>b.modelValue,e=>{x(`update:modelValue`,e)},b.defaultValue??``),{rootElement:T,onRootElementChange:E,onActiveTriggerElementChange:D,pendingValue:O,onItemSelect:k,onItemDismiss:A}=s({isRoot:!0,modelValue:w,dir:C,...e(b,[`orientation`,`skipDelayDuration`,`delayDuration`,`disableClickTrigger`,`disableHoverTrigger`,`disablePointerLeaveClose`])}),{onContainerElementChange:j,getOrderedElements:M}=o(),[N,P]=r(e=>{E(e),j(e)}),F=i({open:n(()=>w.value!==``,e=>{e?k(O.value):A()},!1),reason:h(`imperative`),dir:C,modal:l(()=>!1),disabled:l(()=>!1),parent:void 0,onOpenChange:e=>{e?k(O.value):A()}});return a(F),F.configureTrigger({type:b.disableHoverTrigger?`click`:`hover`,openDelay:b.delayDuration,focusOpenDelay:0,closeDelay:b.disablePointerLeaveClose?150:0,skipDelayDuration:b.skipDelayDuration,pressOpenDelay:700,openOnFocus:!1,disabled:!1}),_(()=>{F.onGraceTriggerElementChange(b.disablePointerLeaveClose?void 0:T.value)}),_(()=>{if(!w.value)return;let e=M().find(e=>e.id.includes(w.value));e&&D(e)}),(e,t)=>(p(),u(`nav`,{ref:g(P),"data-soybean-nav-menu":``,class:f(g(S)),"data-orientation":d.orientation,dir:g(C)},[m(e.$slots,`default`,{modelValue:g(w)})],10,v))}});export{y as default};

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

@@ -0,0 +1,28 @@
+import { DataOrientation } from "../../types/common.js";
+import { NavMenuRootProps } from "./types.js";
+import "../../index.js";
+//#region src/components/nav-menu/nav-menu-root.vue.d.ts
+declare var __VLS_1: {
+  modelValue: string;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<NavMenuRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<NavMenuRootProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+  orientation: DataOrientation;
+  delayDuration: number;
+  skipDelayDuration: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default as default };

package/dist/components/nav-menu/nav-menu-sub-content.js

@@ -0,0 +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{useOmitProps as i}from"../../composables/use-props.js";import{providePopperUi as a,usePopperRootContext as o}from"../popper/context.js";import s from"../popper/popper-portal.js";import c from"../popper/popper-positioner.js";import l from"../popper/popper-popup.js";import{useNavMenuRootContext as u,useNavMenuUi as d}from"./context.js";import{computed as f,createBlock as p,createCommentVNode as m,createVNode as h,defineComponent as g,mergeProps as _,openBlock as v,renderSlot as y,unref as b,useAttrs as x,withCtx as S}from"vue";const C=g({name:`NavMenuSubContent`,inheritAttrs:!1,__name:`nav-menu-sub-content`,props:{sideOffset:{default:8},forceMount:{type:Boolean}},setup(g){let C=g,w=x(),T=i(C,[`forceMount`,`sideOffset`],w),{dir:E}=u(`NavMenuSubContent`),D=o(`NavMenuSubContent`),{open:O,anchorElement:k}=D,A=d();a(f(()=>({positioner:A.value.positioner,popup:A.value.subContent,arrow:A.value.arrow})));let j=f(()=>E.value===`rtl`?`left`:`right`),M=e=>{e.preventDefault(),D.onOpenChange(!1,`dismiss-escape`),D.triggerElement.value?.focus()},N=i=>{let a=D.popupElement.value;if(!a?.contains(i.target))return;let o=E.value===`rtl`?`ArrowRight`:`ArrowLeft`;if(i.key===o){D.onOpenChange(!1,`imperative`),D.triggerElement.value?.focus(),i.preventDefault(),i.stopPropagation();return}let s=i.altKey||i.ctrlKey||i.metaKey,c=i.key===`Tab`&&!s,l=n(a);if(c){let e=t(),n=l.findIndex(t=>t===e),a=i.shiftKey?l.slice(0,n).reverse():l.slice(n+1,l.length);r(a)&&i.preventDefault();return}e(i,t(),void 0,{itemsArray:l,loop:!1,enableIgnoredElement:!0})?.focus()};return(e,t)=>(v(),p(b(s),null,{default:S(()=>[b(O)||g.forceMount?(v(),p(b(c),_({key:0},b(T),{reference:b(k),side:j.value,align:`start`,"side-offset":g.sideOffset,"position-strategy":`fixed`,"data-soybean-nav-menu-sub-content":``,onEscapeKeyDown:M}),{default:S(()=>[h(b(l),{onKeydown:N},{default:S(()=>[y(e.$slots,`default`)]),_:3})]),_:3},16,[`reference`,`side`,`side-offset`])):m(`v-if`,!0)]),_:3}))}});export{C as default};

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

@@ -0,0 +1,18 @@
+import { NavMenuSubContentProps } from "./types.js";
+//#region src/components/nav-menu/nav-menu-sub-content.vue.d.ts
+declare var __VLS_24: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_24) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<NavMenuSubContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NavMenuSubContentProps> & Readonly<{}>, {
+  sideOffset: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default as default };

package/dist/components/nav-menu/nav-menu-sub-option-compact.js

@@ -0,0 +1 @@
+import{keysOf as e}from"../../shared/guard.js";import t from"../_icon/icon.js";import n from"../popper/popper-sub.js";import{useNavMenuUi as r}from"./context.js";import i from"./nav-menu-link.js";import a from"./nav-menu-sub-content.js";import o from"./nav-menu-sub-trigger.js";import{Fragment as s,computed as c,createBlock as l,createCommentVNode as u,createElementBlock as d,createElementVNode as f,createSlots as p,createVNode as m,defineComponent as h,guardReactiveProps as g,mergeProps as _,normalizeClass as v,normalizeProps as y,openBlock as b,renderList as x,renderSlot as S,resolveComponent as C,toDisplayString as w,unref as T,useSlots as E,withCtx as D}from"vue";const O=h({name:`NavMenuSubOptionCompact`,__name:`nav-menu-sub-option-compact`,props:{item:{},linkProps:{},subTriggerProps:{},subContentProps:{}},emits:[`select`],setup(h,{emit:O}){let k=h,A=O,j=E(),M=r(),N=c(()=>e(j));function P(e){return{...k.linkProps,sub:!0,selected:e.selected,disabled:e.disabled??k.linkProps?.disabled,to:e.to,href:e.href,target:e.target,external:e.external}}return(e,r)=>{let c=C(`NavMenuSubOptionCompact`,!0);return b(),d(s,null,[u(` leaf sub item: a plain link `),h.item.children?.length?(b(),d(s,{key:1},[u(` branch sub item: a nested flyout opening to the side `),m(T(n),null,{default:D(()=>[m(o,_(h.subTriggerProps,{disabled:h.item.disabled}),{default:D(()=>[S(e.$slots,`item`,{item:h.item},()=>[S(e.$slots,`item-leading`,{item:h.item},()=>[h.item.icon?(b(),l(t,{key:0,icon:h.item.icon,class:v(T(M).itemIcon)},null,8,[`icon`,`class`])):u(`v-if`,!0)]),f(`div`,{class:v(T(M).subLinkContent)},[f(`span`,{class:v(T(M).subLinkLabel)},w(h.item.label),3),h.item.description?(b(),d(`p`,{key:0,class:v(T(M).subLinkDescription)},w(h.item.description),3)):u(`v-if`,!0)],2),S(e.$slots,`item-trailing`,{item:h.item}),S(e.$slots,`item-trigger-icon`,{item:h.item},()=>[m(t,{icon:`lucide:chevron-right`,class:v(T(M).subTriggerIcon)},null,8,[`class`])])])]),_:3},16,[`disabled`]),m(a,y(g(h.subContentProps)),{default:D(()=>[f(`ul`,{class:v(T(M).subList),"data-soybean-nav-menu-sub-list":``},[(b(!0),d(s,null,x(h.item.children,t=>(b(),l(c,{key:t.value,item:t,"link-props":P(t),"sub-trigger-props":h.subTriggerProps,"sub-content-props":h.subContentProps,onSelect:r[1]||=e=>A(`select`,e)},p({_:2},[x(N.value,t=>({name:t,fn:D(n=>[S(e.$slots,t,_({ref_for:!0},n))])}))]),1032,[`item`,`link-props`,`sub-trigger-props`,`sub-content-props`]))),128))],2)]),_:3},16)]),_:3})],2112)):(b(),l(i,_({key:0},h.linkProps,{sub:``,onSelect:r[0]||=e=>A(`select`,e)}),{default:D(n=>[S(e.$slots,`item`,{item:h.item},()=>[S(e.$slots,`item-leading`,{item:h.item},()=>[h.item.icon?(b(),l(t,{key:0,icon:h.item.icon,class:v(T(M).itemIcon)},null,8,[`icon`,`class`])):u(`v-if`,!0)]),f(`div`,{class:v(T(M).subLinkContent)},[f(`span`,{class:v(T(M).subLinkLabel)},w(h.item.label),3),h.item.description?(b(),d(`p`,{key:0,class:v(T(M).subLinkDescription)},w(h.item.description),3)):u(`v-if`,!0)],2),S(e.$slots,`item-trailing`,{item:h.item}),n?.isHref?(b(),l(t,{key:0,icon:`lucide:arrow-up-right`,class:v(T(M).linkIcon)},null,8,[`class`])):u(`v-if`,!0)])]),_:3},16))],2112)}}});export{O as default};

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

@@ -0,0 +1 @@
+import{getTabbableCandidates as e,tryFocusFirst as t}from"../../shared/focus.js";import{isMouseEvent as n}from"../../shared/event.js";import{useForwardElement as r}from"../../composables/use-forward-element.js";import{Primitive as i}from"../primitive/primitive.js";import{usePopperRootContext as a}from"../popper/context.js";import{useNavMenuRootContext as o,useNavMenuUi as s}from"./context.js";import{createBlock as c,defineComponent as l,mergeProps as u,nextTick as d,openBlock as f,renderSlot as p,unref as m,useAttrs as h,withCtx as g}from"vue";const _=l({name:`NavMenuSubTrigger`,inheritAttrs:!1,__name:`nav-menu-sub-trigger`,props:{disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},setup(l){let _=l,v=h(),{dir:y,delayDuration:b,skipDelayDuration:x,disableHoverTrigger:S,disablePointerLeaveClose:C}=o(`NavMenuSubTrigger`),w=a(`NavMenuSubTrigger`);w.configureTrigger({type:S.value?`click`:`hover`,openDelay:b.value,focusOpenDelay:0,closeDelay:C.value?150:0,skipDelayDuration:x.value,pressOpenDelay:700,openOnFocus:!1,disabled:!1});let T=s(`subTrigger`),{open:E,dataState:D,popupId:O}=w,[k,A]=r(e=>{w.onTriggerElementChange(e),w.onAnchorElementChange(e)}),j=e=>{w.onTriggerPointerInsideChange(!0),w.cancelHoverClose(),!(_.disabled||S.value)&&n(e)&&w.onHoverOpen(`trigger-hover`)},M=e=>{w.onTriggerPointerInsideChange(!1),!(_.disabled||S.value)&&n(e)&&w.onHoverClose(`trigger-hover`)},N=e=>{_.disabled||E.value||(w.onOpenChange(!0,`trigger-click`),e.preventDefault())},P=n=>{let r=y.value===`rtl`?`ArrowLeft`:`ArrowRight`,i=y.value===`rtl`?`ArrowRight`:`ArrowLeft`;n.key===r?(w.onOpenChange(!0,`imperative`),d(()=>{let n=w.popupElement.value;if(!n)return;let r=e(n);r.length&&t(r)}),n.preventDefault(),n.stopPropagation()):n.key===i&&E.value&&(w.onOpenChange(!1,`imperative`),w.triggerElement.value?.focus(),n.preventDefault(),n.stopPropagation())};return(e,t)=>(f(),c(m(i),u(m(v),{ref:m(A),as:l.as,"as-child":l.asChild,class:m(T),disabled:l.disabled,"data-disabled":l.disabled?``:void 0,"data-state":m(D),"aria-haspopup":`menu`,"aria-expanded":m(E),"aria-controls":m(O),"data-soybean-nav-menu-sub-trigger":``,onPointerenter:j,onPointerleave:M,onClick:N,onKeydown:P}),{default:g(()=>[p(e.$slots,`default`)]),_:3},16,[`as`,`as-child`,`class`,`disabled`,`data-disabled`,`data-state`,`aria-expanded`,`aria-controls`]))}});export{_ as default};

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

@@ -0,0 +1,20 @@
+import { AsTag } from "../primitive/types.js";
+import "../primitive/index.js";
+import { NavMenuSubTriggerProps } from "./types.js";
+//#region src/components/nav-menu/nav-menu-sub-trigger.vue.d.ts
+declare var __VLS_13: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<NavMenuSubTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NavMenuSubTriggerProps> & Readonly<{}>, {
+  as: AsTag | import("vue").Component;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default as default };

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

@@ -0,0 +1 @@
+import{isNullish as e}from"../../shared/guard.js";import{isMouseEvent as t}from"../../shared/event.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import{Primitive as r}from"../primitive/primitive.js";import{usePopperRootContext as i}from"../popper/context.js";import ee from"../visually-hidden/visually-hidden.js";import"./shared.js";import{useCollectionItem as a,useNavMenuItemContext as o,useNavMenuRootContext as s,useNavMenuUi as c}from"./context.js";import{Fragment as l,createBlock as u,createCommentVNode as d,createElementBlock as f,createVNode as p,defineComponent as m,mergeProps as h,nextTick as g,openBlock as _,renderSlot as v,unref as y,useAttrs as b,withCtx as x}from"vue";import{refAutoReset as S}from"@vueuse/core";const C=m({name:`NavMenuTrigger`,inheritAttrs:!1,__name:`nav-menu-trigger`,props:{disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},setup(m){let C=m,w=b(),{dir:T,orientation:E,disableClickTrigger:D,disableHoverTrigger:O,modelValue:k,pendingValue:A,wasEscapeCloseRef:j,onItemSelect:M,onItemDismiss:N}=s(`NavMenuTrigger`),{value:P,triggerId:F,contentId:I,open:L,dataState:R,onTriggerElementChange:z,setFocusProxyElement:B,onEntryKeyDown:V,onFocusProxyEnter:H}=o(`NavMenuTrigger`),U=c(`trigger`),W=i(`NavMenuTrigger`),{onItemElementChange:G}=a(),[K,q]=n(e=>{z(e),G(e)}),J=S(!1,300),Y=e=>{W.onTriggerPointerInsideChange(!0),!(C.disabled||O.value)&&t(e)&&(j.value=!1,k.value?M(P):(A.value=P,W.onHoverOpen(`trigger-hover`)),J.value=!0)},X=e=>{W.onTriggerPointerInsideChange(!1),!(C.disabled||O.value)&&t(e)&&(W.graceTriggerElement.value||(W.onHoverClose(`trigger-hover`),J.value=!1))},Z=t=>{(!e(t.pointerType)&&t.pointerType!==`mouse`||!D.value)&&(J.value||t.soybeanNavMenuLinkDismissed||(k.value===P?N():(A.value=P,M(P))))},Q=e=>{let t={horizontal:`ArrowDown`,vertical:T.value===`rtl`?`ArrowLeft`:`ArrowRight`}[E.value];e.key===t&&(A.value=P,M(P),g(()=>V()),e.preventDefault(),e.stopPropagation())},$=e=>{let t=document.getElementById(I),n=e.relatedTarget,r=n===K.value,i=t?.contains(n);(r||!i)&&H(r?`start`:`end`)};return(e,t)=>(_(),f(l,null,[p(y(r),h(y(w),{id:y(F),ref:y(q),as:m.as,"as-child":m.asChild,"data-soybean-nav-menu-trigger":``,"data-soybean-collection-item":``,class:y(U),disabled:m.disabled,"data-disabled":m.disabled?``:void 0,"data-state":y(R),"aria-haspopup":`menu`,"aria-expanded":y(L),"aria-controls":y(I),onPointerenter:Y,onPointerleave:X,onClick:Z,onKeydown:Q}),{default:x(()=>[v(e.$slots,`default`)]),_:3},16,[`id`,`as`,`as-child`,`class`,`disabled`,`data-disabled`,`data-state`,`aria-expanded`,`aria-controls`]),y(L)?(_(),u(y(ee),{key:0,ref:y(B),"aria-hidden":`true`,tabindex:0,onFocus:$},null,512)):d(`v-if`,!0)],64))}});export{C as default};

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

@@ -0,0 +1,20 @@
+import { AsTag } from "../primitive/types.js";
+import "../primitive/index.js";
+import { NavMenuTriggerProps } from "./types.js";
+//#region src/components/nav-menu/nav-menu-trigger.vue.d.ts
+declare var __VLS_12: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<NavMenuTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NavMenuTriggerProps> & Readonly<{}>, {
+  as: AsTag | import("vue").Component;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default as default };