@soybeanjs/headless 0.0.8 → 0.0.10

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

@@ -1 +1 @@
-import{getCheckedState as e,isIndeterminate as t}from"../../shared/value.js";import{useOmitProps as n}from"../../composables/use-props.js";import{provideMenuItemIndicatorContext as r,useMenuRadioGroupContext as i,useMenuThemeContext as a}from"./context.js";import o from"./menu-item.js";import{computed as s,createBlock as c,defineComponent as l,mergeProps as u,openBlock as d,renderSlot as f,unref as p,withCtx as m}from"vue";var h=l({name:`MenuRadioItem`,__name:`menu-radio-item`,props:{value:{type:[String,Number,Boolean]},disabled:{type:Boolean},textValue:{},asChild:{type:Boolean},as:{}},emits:[`select`],setup(l,{emit:h}){let g=l,_=h,v=n(g,[`value`,`disabled`]),y=a(),b=s(()=>y?.ui?.value?.radioItem),{modelValue:x,onModelValueChange:S,disabled:C}=i(`MenuRadioItem`),w=s(()=>x.value===g.value),T=s(()=>C.value||g.disabled),E=s(()=>t(w.value)?`mixed`:w.value),D=s(()=>e(w.value)),O=e=>{_(`select`,e),S(g.value)};return r({modelValue:w}),(e,t)=>(d(),c(o,u(p(v),{class:b.value,role:`menu-checkbox-item`,disabled:T.value,"aria-checked":E.value,"data-state":D.value,onSelect:O}),{default:m(()=>[f(e.$slots,`default`,{modelValue:w.value})]),_:3},16,[`class`,`disabled`,`aria-checked`,`data-state`]))}});export{h as default};
+import{getCheckedState as e,isIndeterminate as t}from"../../shared/value.js";import{useOmitProps as n}from"../../composables/use-props.js";import{provideMenuItemIndicatorContext as r,useMenuRadioGroupContext as i,useMenuUi as a}from"./context.js";import o from"./menu-item.js";import{computed as s,createBlock as c,defineComponent as l,mergeProps as u,openBlock as d,renderSlot as f,unref as p,withCtx as m}from"vue";var h=l({name:`MenuRadioItem`,__name:`menu-radio-item`,props:{value:{type:[String,Number,Boolean]},disabled:{type:Boolean},textValue:{},asChild:{type:Boolean},as:{}},emits:[`select`],setup(l,{emit:h}){let g=l,_=h,v=n(g,[`value`,`disabled`]),y=a(`radioItem`),{modelValue:b,onModelValueChange:x,disabled:S}=i(`MenuRadioItem`),C=s(()=>b.value===g.value),w=s(()=>S.value||g.disabled),T=s(()=>t(C.value)?`mixed`:C.value),E=s(()=>e(C.value)),D=e=>{_(`select`,e),x(g.value)};return r({modelValue:C}),(e,t)=>(d(),c(o,u(p(v),{class:p(y),role:`menu-checkbox-item`,disabled:w.value,"aria-checked":T.value,"data-state":E.value,onSelect:D}),{default:m(()=>[f(e.$slots,`default`,{modelValue:C.value})]),_:3},16,[`class`,`disabled`,`aria-checked`,`data-state`]))}});export{h as default};

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

@@ -1,5 +1,5 @@
 import { MenuRadioItemProps } from "./types.js";
-import * as vue1290 from "vue";
+import * as vue1528 from "vue";
 
 //#region src/components/menu/menu-radio-item.vue.d.ts
 declare var __VLS_10: {
@@ -8,11 +8,11 @@ declare var __VLS_10: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
-declare const __VLS_base: vue1290.DefineComponent<MenuRadioItemProps, {}, {}, {}, {}, vue1290.ComponentOptionsMixin, vue1290.ComponentOptionsMixin, {
+declare const __VLS_base: vue1528.DefineComponent<MenuRadioItemProps, {}, {}, {}, {}, vue1528.ComponentOptionsMixin, vue1528.ComponentOptionsMixin, {
   select: (event: Event) => any;
-}, string, vue1290.PublicProps, Readonly<MenuRadioItemProps> & Readonly<{
+}, string, vue1528.PublicProps, Readonly<MenuRadioItemProps> & Readonly<{
   onSelect?: ((event: Event) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue1290.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, vue1528.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 & {

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

@@ -1,5 +1,5 @@
 import { MenuRootProps } from "./types.js";
-import * as vue1246 from "vue";
+import * as vue1481 from "vue";
 
 //#region src/components/menu/menu-root.vue.d.ts
 declare var __VLS_8: {
@@ -8,14 +8,14 @@ declare var __VLS_8: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue1246.DefineComponent<MenuRootProps, {}, {}, {}, {}, vue1246.ComponentOptionsMixin, vue1246.ComponentOptionsMixin, {
+declare const __VLS_base: vue1481.DefineComponent<MenuRootProps, {}, {}, {}, {}, vue1481.ComponentOptionsMixin, vue1481.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
-}, string, vue1246.PublicProps, Readonly<MenuRootProps> & Readonly<{
+}, string, vue1481.PublicProps, Readonly<MenuRootProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
   open: boolean;
   modal: boolean;
-}, {}, {}, {}, string, vue1246.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue1481.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 & {

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

@@ -2,32 +2,32 @@ import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js
 import "../../types/index.js";
 import { MenuSubContentProps } from "./types.js";
 import "../../index.js";
-import * as vue1179 from "vue";
+import * as vue1496 from "vue";
 
 //#region src/components/menu/menu-sub-content.vue.d.ts
 declare var __VLS_14: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_14) => any;
 };
-declare const __VLS_base: vue1179.DefineComponent<MenuSubContentProps, {}, {}, {}, {}, vue1179.ComponentOptionsMixin, vue1179.ComponentOptionsMixin, {
+declare const __VLS_base: vue1496.DefineComponent<MenuSubContentProps, {}, {}, {}, {}, vue1496.ComponentOptionsMixin, vue1496.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, vue1179.PublicProps, Readonly<MenuSubContentProps> & Readonly<{
+}, string, vue1496.PublicProps, Readonly<MenuSubContentProps> & Readonly<{
+  onEntryFocus?: ((event: Event) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
-  onEntryFocus?: ((event: Event) => any) | undefined;
 }>, {
   prioritizePosition: boolean;
-}, {}, {}, {}, string, vue1179.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue1496.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 & {

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

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

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

@@ -1,12 +1,12 @@
 import { MenuSubTriggerProps } from "./types.js";
-import * as vue1261 from "vue";
+import * as vue1506 from "vue";
 
 //#region src/components/menu/menu-sub-trigger.vue.d.ts
 declare var __VLS_19: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_19) => any;
 };
-declare const __VLS_base: vue1261.DefineComponent<MenuSubTriggerProps, {}, {}, {}, {}, vue1261.ComponentOptionsMixin, vue1261.ComponentOptionsMixin, {}, string, vue1261.PublicProps, Readonly<MenuSubTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1261.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue1506.DefineComponent<MenuSubTriggerProps, {}, {}, {}, {}, vue1506.ComponentOptionsMixin, vue1506.ComponentOptionsMixin, {}, string, vue1506.PublicProps, Readonly<MenuSubTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1506.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 & {

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

@@ -1,18 +1,18 @@
 import { MenuSubProps } from "./types.js";
-import * as vue1256 from "vue";
+import * as vue1491 from "vue";
 
 //#region src/components/menu/menu-sub.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue1256.DefineComponent<MenuSubProps, {}, {}, {}, {}, vue1256.ComponentOptionsMixin, vue1256.ComponentOptionsMixin, {
+declare const __VLS_base: vue1491.DefineComponent<MenuSubProps, {}, {}, {}, {}, vue1491.ComponentOptionsMixin, vue1491.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
-}, string, vue1256.PublicProps, Readonly<MenuSubProps> & Readonly<{
+}, string, vue1491.PublicProps, Readonly<MenuSubProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
   open: boolean;
-}, {}, {}, {}, string, vue1256.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue1491.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 & {

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

@@ -1,4 +1,4 @@
-import { AcceptableBooleanValue, CheckedState, ClassValue, DefinedValue, Direction } from "../../types/common.js";
+import { AcceptableBooleanValue, CheckedState, DefinedValue, Direction, UiClass } from "../../types/common.js";
 import { DismissableLayerEmits, FocusScopeEmits, ForceMountProps } from "../../types/component.js";
 import "../../types/index.js";
 import { PrimitiveProps } from "../primitive/types.js";
@@ -102,10 +102,7 @@ type MenuRadioGroupEmits<T = AcceptableBooleanValue> = {
 };
 interface MenuSubTriggerProps extends MenuItemImplProps {}
 interface MenuItemIndicatorProps extends PrimitiveProps, ForceMountProps, /** @vue-ignore */HTMLAttributes {}
-type MenuThemeSlot = 'positioner' | 'popup' | 'subPositioner' | 'subPopup' | 'subTrigger' | 'arrow' | 'group' | 'groupLabel' | 'item' | 'checkboxGroup' | 'checkboxItem' | 'radioGroup' | 'radioItem' | 'itemIndicator' | 'separator';
-type MenuUi = Record<MenuThemeSlot, ClassValue>;
-interface MenuThemeContextParams {
-  ui: ComputedRef<MenuUi>;
-}
+type MenuUiSlot = 'positioner' | 'popup' | 'arrow' | 'subPositioner' | 'subPopup' | 'subTrigger' | 'group' | 'groupLabel' | 'item' | 'checkboxGroup' | 'checkboxItem' | 'radioGroup' | 'radioItem' | 'itemIndicator' | 'separator';
+type MenuUi = UiClass<MenuUiSlot>;
 //#endregion
-export { MenuCheckboxGroupEmits, MenuCheckboxGroupProps, MenuCheckboxItemEmits, MenuCheckboxItemProps, MenuContentEmits, MenuContentProps, MenuGroupLabelProps, MenuGroupProps, MenuItemEmits, MenuItemIndicatorProps, MenuItemProps, MenuPopupProps, MenuRadioGroupEmits, MenuRadioGroupProps, MenuRadioItemEmits, MenuRadioItemProps, MenuRootEmits, MenuRootProps, MenuSubContentEmits, MenuSubContentProps, MenuSubEmits, MenuSubProps, MenuSubTriggerProps, MenuThemeContextParams, MenuThemeSlot, MenuTriggerProps, MenuUi };
+export { MenuCheckboxGroupEmits, MenuCheckboxGroupProps, MenuCheckboxItemEmits, MenuCheckboxItemProps, MenuContentEmits, MenuContentProps, MenuGroupLabelProps, MenuGroupProps, MenuItemEmits, MenuItemIndicatorProps, MenuItemProps, MenuPopupProps, MenuRadioGroupEmits, MenuRadioGroupProps, MenuRadioItemEmits, MenuRadioItemProps, MenuRootEmits, MenuRootProps, MenuSubContentEmits, MenuSubContentProps, MenuSubEmits, MenuSubProps, MenuSubTriggerProps, MenuTriggerProps, MenuUi, MenuUiSlot };

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

@@ -1,10 +1,11 @@
+import { ClassValue, UiClass } from "../../types/common.js";
 import "../../composables/index.js";
-import { NavigationMenuThemeContextParams } from "./types.js";
+import { NavigationMenuUiSlot } from "./types.js";
 import "../../index.js";
-import "vue";
+import * as vue1100 from "vue";
 
 //#region src/components/navigation-menu/context.d.ts
 
-declare const provideNavigationMenuThemeContext: (params: NavigationMenuThemeContextParams) => NavigationMenuThemeContextParams, useNavigationMenuThemeContext: <N extends string | null | undefined = undefined>(consumerName?: N | undefined, defaultValue?: NavigationMenuThemeContextParams | undefined) => N extends null | undefined ? NavigationMenuThemeContextParams | null : NavigationMenuThemeContextParams;
+declare const provideNavigationMenuUi: (ui: vue1100.ComputedRef<Partial<UiClass<NavigationMenuUiSlot>>>) => vue1100.ComputedRef<Partial<UiClass<NavigationMenuUiSlot>>>, useNavigationMenuUi: <S extends NavigationMenuUiSlot | undefined = undefined>(slot?: S | undefined) => S extends NavigationMenuUiSlot ? vue1100.ComputedRef<ClassValue> : vue1100.ComputedRef<Partial<UiClass<NavigationMenuUiSlot>>>;
 //#endregion
-export { provideNavigationMenuThemeContext };
+export { provideNavigationMenuUi };

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{useCollection as n}from"../../composables/use-collection.js";import{useDirection as r}from"../../composables/use-direction.js";import{useForwardElement as i}from"../../composables/use-forward-element.js";import{computed as a,shallowRef as o}from"vue";import{refAutoReset as s,useDebounceFn as c}from"@vueuse/core";const[l,u]=t(`NavigationMenuRoot`,e=>{let{modelValue:t,skipDelayDuration:n,delayDuration:l,disablePointerLeaveClose:u}=e,d=r(e.dir),f=o(),p=e=>{f.value=e},[m,h]=i(),[g,_]=i(),v=o(),y=e=>{v.value=e},b=o(new Set),x=e=>{b.value.add(e)},S=e=>{b.value.delete(e)},C=a(()=>b.value.has(t.value)),w=o(``),T=s(!1,n.value),E=c(e=>{typeof e==`string`&&(w.value=t.value,t.value=e)},a(()=>t.value!==``||T.value?150:l.value)),D=e=>{E(e)},O=()=>{T.value=!0,E(``)},k=e=>{E(e)},A=()=>{u.value||E(``)},j=e=>{w.value=t.value,t.value=e},M=()=>{w.value=t.value,t.value=``};return{...e,dir:d,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:d,useCollectionContext:f,useCollectionItem:p}=n(`NavigationMenu`),[m,h]=t(`NavigationMenuItem`,t=>{let[n,r]=i(),{modelValue:s,value:c}=t,l=o(),u=e=>{l.value=e},d=o(!1),f=a(()=>s.value===c),p=a(()=>e(f.value));return{...t,triggerElement:l,onTriggerElementChange:u,focusProxyElement:n,setFocusProxyElement:r,wasEscapeCloseRef:d,open:f,dataState:p}}),[g,_]=t(`NavigationMenuTheme`,e=>e);export{d as provideCollectionContext,m as provideNavigationMenuItemContext,l as provideNavigationMenuRootContext,g as provideNavigationMenuThemeContext,f as useCollectionContext,p as useCollectionItem,h as useNavigationMenuItemContext,u as useNavigationMenuRootContext,_ as useNavigationMenuThemeContext};
+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{useDirection as r}from"../../composables/use-direction.js";import{useForwardElement as i}from"../../composables/use-forward-element.js";import{useUiContext as a}from"../../composables/use-ui-context.js";import{computed as o,shallowRef as s}from"vue";import{refAutoReset as c,useDebounceFn as l}from"@vueuse/core";const[u,d]=t(`NavigationMenuRoot`,e=>{let{modelValue:t,skipDelayDuration:n,delayDuration:a,disablePointerLeaveClose:u}=e,d=r(e.dir),f=s(),p=e=>{f.value=e},[m,h]=i(),[g,_]=i(),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:a.value)),D=e=>{E(e)},O=()=>{T.value=!0,E(``)},k=e=>{E(e)},A=()=>{u.value||E(``)},j=e=>{w.value=t.value,t.value=e},M=()=>{w.value=t.value,t.value=``};return{...e,dir:d,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:f,useCollectionContext:p,useCollectionItem:m}=n(`NavigationMenu`),[h,g]=t(`NavigationMenuItem`,t=>{let[n,r]=i(),{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:r,wasEscapeCloseRef:d,open:f,dataState:p}}),[_,v]=a(`NavigationMenuUi`);export{f as provideCollectionContext,h as provideNavigationMenuItemContext,u as provideNavigationMenuRootContext,_ as provideNavigationMenuUi,p as useCollectionContext,m as useCollectionItem,g as useNavigationMenuItemContext,d as useNavigationMenuRootContext,v as useNavigationMenuUi};

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

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

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

@@ -1 +1 @@
-import{provideNavigationMenuThemeContext as e}from"./context.js";import t from"./navigation-menu-root.js";import n from"./navigation-menu-list.js";import r from"./navigation-menu-sub-list.js";import i from"./navigation-menu-item.js";import a from"./navigation-menu-link.js";import o from"./navigation-menu-content.js";import s from"./navigation-menu-trigger.js";import c from"./navigation-menu-viewport.js";import l from"./navigation-menu-indicator.js";export{o as NavigationMenuContent,l as NavigationMenuIndicator,i as NavigationMenuItem,a as NavigationMenuLink,n as NavigationMenuList,t as NavigationMenuRoot,r as NavigationMenuSubList,s as NavigationMenuTrigger,c as NavigationMenuViewport,e as provideNavigationMenuThemeContext};
+import{provideNavigationMenuUi as e}from"./context.js";import t from"./navigation-menu-root.js";import n from"./navigation-menu-list.js";import r from"./navigation-menu-sub-list.js";import i from"./navigation-menu-item.js";import a from"./navigation-menu-link.js";import o from"./navigation-menu-content.js";import s from"./navigation-menu-trigger.js";import c from"./navigation-menu-viewport.js";import l from"./navigation-menu-indicator.js";export{o as NavigationMenuContent,l as NavigationMenuIndicator,i as NavigationMenuItem,a as NavigationMenuLink,n as NavigationMenuList,t as NavigationMenuRoot,r as NavigationMenuSubList,s as NavigationMenuTrigger,c as NavigationMenuViewport,e as provideNavigationMenuUi};

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{useDismissableLayer as i}from"../../composables/use-dismissable-layer.js";import{useExposedElement as a}from"../../composables/use-exposed-element.js";import{useCollectionContext as o,useNavigationMenuItemContext as s,useNavigationMenuRootContext as c,useNavigationMenuThemeContext as l}from"./context.js";import{EVENT_ROOT_CONTENT_DISMISS as u}from"./shared.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`];var 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}=c(`NavigationMenuContentImpl`),{value:N,triggerId:P,contentId:F,triggerElement:I,dataState:L,wasEscapeCloseRef:R,focusProxyElement:z,onContentFocusOutside:B,onRootContentClose:V}=s(`NavigationMenuContentImpl`),H=l(),U=d(()=>H?.ui?.value?.content),{getOrderedElements:W}=o(`NavigationMenuContentImpl`),[G,K]=a(),{pointerEvents:q}=i(G,{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=W().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(u,{bubbles:!0,cancelable:!0});G.value?.dispatchEvent(e)}}),J=v(null),Y=d(()=>{let e=W().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 J.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}),X=d(()=>({pointerEvents:q.value})),Z=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(()=>{J.value=Y.value}),b(e=>{let n=G.value;if(j&&n){let r=()=>{M(),V(),n.contains(t())&&I.value?.focus()};n.addEventListener(u,r),e(()=>n.removeEventListener(u,r))}}),(e,t)=>(g(),f(`div`,{id:y(F),ref:y(K),class:m(U.value),"aria-labelledby":y(P),"data-dismissable-layer":``,"data-orientation":y(E),"data-motion":Y.value,"data-state":y(L),style:h(X.value),onKeydown:Z},[_(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{useDismissableLayer as i}from"../../composables/use-dismissable-layer.js";import{useExposedElement as a}from"../../composables/use-exposed-element.js";import{useCollectionContext as o,useNavigationMenuItemContext as s,useNavigationMenuRootContext as c,useNavigationMenuUi as l}from"./context.js";import{EVENT_ROOT_CONTENT_DISMISS as u}from"./shared.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`];var 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}=c(`NavigationMenuContentImpl`),{value:N,triggerId:P,contentId:F,triggerElement:I,dataState:L,wasEscapeCloseRef:R,focusProxyElement:z,onContentFocusOutside:B,onRootContentClose:V}=s(`NavigationMenuContentImpl`),H=l(`content`),{getOrderedElements:U}=o(`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(u,{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(u,r),e(()=>n.removeEventListener(u,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};

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

@@ -1,24 +1,24 @@
 import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
 import { NavigationMenuContentProps } from "./types.js";
 import "../../index.js";
-import * as vue979 from "vue";
+import * as vue1089 from "vue";
 
 //#region src/components/navigation-menu/navigation-menu-content.vue.d.ts
 declare var __VLS_17: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_17) => any;
 };
-declare const __VLS_base: vue979.DefineComponent<NavigationMenuContentProps, {}, {}, {}, {}, vue979.ComponentOptionsMixin, vue979.ComponentOptionsMixin, {
+declare const __VLS_base: vue1089.DefineComponent<NavigationMenuContentProps, {}, {}, {}, {}, vue1089.ComponentOptionsMixin, vue1089.ComponentOptionsMixin, {
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
-}, string, vue979.PublicProps, Readonly<NavigationMenuContentProps> & Readonly<{
+}, string, vue1089.PublicProps, Readonly<NavigationMenuContentProps> & Readonly<{
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue979.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, vue1089.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 & {

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

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import{usePresence as t}from"../../composables/use-presence.js";import{useNavigationMenuRootContext as n,useNavigationMenuThemeContext as r}from"./context.js";import{navigationMenuIndicatorCssVars as i}from"./shared.js";import{Teleport as a,computed as o,createBlock as s,createCommentVNode as c,createElementBlock as l,defineComponent as u,mergeProps as d,openBlock as f,renderSlot as p,shallowRef as m,unref as h,useAttrs as g,watchEffect as _}from"vue";import{useResizeObserver as v}from"@vueuse/core";const y=[`data-state`];var b=u({name:`NavigationMenuIndicator`,inheritAttrs:!1,__name:`navigation-menu-indicator`,props:{forceMount:{type:Boolean}},setup(u){let b=u,x=g(),{orientation:S,activeTriggerElement:C,modelValue:w,indicatorTrackElement:T}=n(`NavigationMenuIndicator`),[E,D]=e(),O=r(),k=o(()=>O?.ui?.value?.indicator),A=o(()=>!!w.value),j=b.forceMount?m(!0):t(E,()=>A.value),M=m(),N=o(()=>{if(!M.value)return{};let{size:e,position:t}=M.value;return{[i.size]:`${e}px`,[i.position]:`${t}px`}}),P=()=>{if(!C.value)return;let{offsetWidth:e,offsetHeight:t,offsetLeft:n,offsetTop:r}=C.value,i=S.value===`horizontal`;M.value={size:i?e:t,position:i?n:r}};return _(()=>{if(!w.value){M.value=void 0;return}P()}),v(C,P),v(T,P),(e,t)=>h(T)?(f(),s(a,{key:0,to:h(T)},[h(j)?(f(),l(`div`,d({key:0},h(x),{ref:h(D),class:k.value,"aria-hidden":`true`,"data-state":A.value?`visible`:`hidden`,style:N.value}),[p(e.$slots,`default`)],16,y)):c(`v-if`,!0)],8,[`to`])):c(`v-if`,!0)}});export{b as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{usePresence as t}from"../../composables/use-presence.js";import{useNavigationMenuRootContext as n,useNavigationMenuUi as r}from"./context.js";import{navigationMenuIndicatorCssVars as i}from"./shared.js";import{Teleport as a,computed as o,createBlock as s,createCommentVNode as c,createElementBlock as l,defineComponent as u,mergeProps as d,openBlock as f,renderSlot as p,shallowRef as m,unref as h,useAttrs as g,watchEffect as _}from"vue";import{useResizeObserver as v}from"@vueuse/core";const y=[`data-state`];var b=u({name:`NavigationMenuIndicator`,inheritAttrs:!1,__name:`navigation-menu-indicator`,props:{forceMount:{type:Boolean}},setup(u){let b=u,x=g(),{orientation:S,activeTriggerElement:C,modelValue:w,indicatorTrackElement:T}=n(`NavigationMenuIndicator`),[E,D]=e(),O=r(`indicator`),k=o(()=>!!w.value),A=b.forceMount?m(!0):t(E,()=>k.value),j=m(),M=o(()=>{if(!j.value)return{};let{size:e,position:t}=j.value;return{[i.size]:`${e}px`,[i.position]:`${t}px`}}),N=()=>{if(!C.value)return;let{offsetWidth:e,offsetHeight:t,offsetLeft:n,offsetTop:r}=C.value,i=S.value===`horizontal`;j.value={size:i?e:t,position:i?n:r}};return _(()=>{if(!w.value){j.value=void 0;return}N()}),v(C,N),v(T,N),(e,t)=>h(T)?(f(),s(a,{key:0,to:h(T)},[h(A)?(f(),l(`div`,d({key:0},h(x),{ref:h(D),class:h(O),"aria-hidden":`true`,"data-state":k.value?`visible`:`hidden`,style:M.value}),[p(e.$slots,`default`)],16,y)):c(`v-if`,!0)],8,[`to`])):c(`v-if`,!0)}});export{b as default};

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

@@ -1,12 +1,12 @@
 import { NavigationMenuIndicatorProps } from "./types.js";
-import * as vue995 from "vue";
+import * as vue1207 from "vue";
 
 //#region src/components/navigation-menu/navigation-menu-indicator.vue.d.ts
 declare var __VLS_7: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_7) => any;
 };
-declare const __VLS_base: vue995.DefineComponent<NavigationMenuIndicatorProps, {}, {}, {}, {}, vue995.ComponentOptionsMixin, vue995.ComponentOptionsMixin, {}, string, vue995.PublicProps, Readonly<NavigationMenuIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, vue995.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue1207.DefineComponent<NavigationMenuIndicatorProps, {}, {}, {}, {}, vue1207.ComponentOptionsMixin, vue1207.ComponentOptionsMixin, {}, string, vue1207.PublicProps, Readonly<NavigationMenuIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1207.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 & {

package/dist/components/navigation-menu/navigation-menu-item.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,removeFromTabOrder as r,tryFocusFirst as i}from"../../shared/focus.js";import{provideNavigationMenuItemContext as a,useCollectionContext as o,useNavigationMenuRootContext as s,useNavigationMenuThemeContext as c}from"./context.js";import{createContentId as l,createTriggerId as u}from"./shared.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";var b=p({name:`NavigationMenuItem`,__name:`navigation-menu-item`,props:{value:{}},setup(p){let b=p,{isRoot:x,baseId:S,modelValue:C,onItemDismiss:w,addValue:T,removeValue:E}=s(`NavigationMenuItem`),{getOrderedElements:D}=o(`NavigationMenuItem`),O=c(),k=d(()=>x?O?.ui?.value?.item:O?.ui?.value?.subItem),A=b.value??v(),j=l(S,A),M=u(S,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.reverse())},F=()=>{let e=document.getElementById(j);if(!e)return;let t=n(e);t.length&&(N=r(t))},{triggerElement:I}=a({value:A,modelValue:C,contentId:j,triggerId:M,onEntryKeyDown:P,onFocusProxyEnter:P,onContentFocusOutside:F,onRootContentClose:F}),L=()=>{w(),I.value?.focus()},R=n=>{let r=t();if(!r)return;if(n.key===`Enter`||n.key===` `){if(C.value===A){L(),n.preventDefault();return}n.target.click(),n.preventDefault();return}let i=D().filter(e=>e.parentElement?.hasAttribute(`data-menu-item`));i.includes(r)&&(e(n,r,void 0,{itemsArray:i,loop:!1})?.focus?.(),n.preventDefault(),n.stopPropagation())};return T(A),h(()=>{E(A)}),(e,t)=>(g(),f(`li`,{class:m(k.value),"data-menu-item":``,onKeydown:y(R,[`up`,`down`,`left`,`right`,`home`,`end`,`space`])},[_(e.$slots,`default`)],34))}});export{b as default};
+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{provideNavigationMenuItemContext as a,useCollectionContext as o,useNavigationMenuRootContext as s,useNavigationMenuUi as c}from"./context.js";import{createContentId as l,createTriggerId as u}from"./shared.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";var b=p({name:`NavigationMenuItem`,__name:`navigation-menu-item`,props:{value:{}},setup(p){let b=p,{isRoot:x,baseId:S,modelValue:C,onItemDismiss:w,addValue:T,removeValue:E}=s(`NavigationMenuItem`),{getOrderedElements:D}=o(`NavigationMenuItem`),O=c(),k=d(()=>x?O.value?.item:O.value?.subItem),A=b.value??v(),j=l(S,A),M=u(S,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.reverse())},F=()=>{let e=document.getElementById(j);if(!e)return;let t=n(e);t.length&&(N=r(t))},{triggerElement:I}=a({value:A,modelValue:C,contentId:j,triggerId:M,onEntryKeyDown:P,onFocusProxyEnter:P,onContentFocusOutside:F,onRootContentClose:F}),L=()=>{w(),I.value?.focus()},R=n=>{let r=t();if(!r)return;if(n.key===`Enter`||n.key===` `){if(C.value===A){L(),n.preventDefault();return}n.target.click(),n.preventDefault();return}let i=D().filter(e=>e.parentElement?.hasAttribute(`data-menu-item`));i.includes(r)&&(e(n,r,void 0,{itemsArray:i,loop:!1})?.focus?.(),n.preventDefault(),n.stopPropagation())};return T(A),h(()=>{E(A)}),(e,t)=>(g(),f(`li`,{class:m(k.value),"data-menu-item":``,onKeydown:y(R,[`up`,`down`,`left`,`right`,`home`,`end`,`space`])},[_(e.$slots,`default`)],34))}});export{b as default};

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

@@ -1,12 +1,12 @@
 import { NavigationMenuItemProps } from "./types.js";
-import * as vue969 from "vue";
+import * as vue1074 from "vue";
 
 //#region src/components/navigation-menu/navigation-menu-item.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue969.DefineComponent<NavigationMenuItemProps, {}, {}, {}, {}, vue969.ComponentOptionsMixin, vue969.ComponentOptionsMixin, {}, string, vue969.PublicProps, Readonly<NavigationMenuItemProps> & Readonly<{}>, {}, {}, {}, {}, string, vue969.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue1074.DefineComponent<NavigationMenuItemProps, {}, {}, {}, {}, vue1074.ComponentOptionsMixin, vue1074.ComponentOptionsMixin, {}, string, vue1074.PublicProps, Readonly<NavigationMenuItemProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1074.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 & {

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

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

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

@@ -1,5 +1,5 @@
 import { NavigationMenuLinkProps } from "./types.js";
-import * as vue974 from "vue";
+import * as vue1084 from "vue";
 
 //#region src/components/navigation-menu/navigation-menu-link.vue.d.ts
 declare var __VLS_10: {
@@ -8,15 +8,15 @@ declare var __VLS_10: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
-declare const __VLS_base: vue974.DefineComponent<NavigationMenuLinkProps, {}, {}, {}, {}, vue974.ComponentOptionsMixin, vue974.ComponentOptionsMixin, {
+declare const __VLS_base: vue1084.DefineComponent<NavigationMenuLinkProps, {}, {}, {}, {}, vue1084.ComponentOptionsMixin, vue1084.ComponentOptionsMixin, {
   select: (payload: CustomEvent<{
     originalEvent: Event;
   }>) => any;
-}, string, vue974.PublicProps, Readonly<NavigationMenuLinkProps> & Readonly<{
+}, string, vue1084.PublicProps, Readonly<NavigationMenuLinkProps> & Readonly<{
   onSelect?: ((payload: CustomEvent<{
     originalEvent: Event;
   }>) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue974.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, vue1084.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 & {

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

@@ -1 +1 @@
-import{useNavigationMenuRootContext as e,useNavigationMenuThemeContext as t}from"./context.js";import{computed as n,createElementBlock as r,createElementVNode as i,defineComponent as a,mergeProps as o,openBlock as s,renderSlot as c,unref as l,useAttrs as u}from"vue";var d=a({name:`NavigationMenuList`,inheritAttrs:!1,__name:`navigation-menu-list`,setup(a){let d=u(),{setIndicatorTrackElement:f}=e(`NavigationMenuList`),p=t(),m=n(()=>p?.ui?.value?.list);return(e,t)=>(s(),r(`div`,{ref:l(f),style:{position:`relative`}},[i(`ul`,o(l(d),{class:m.value}),[c(e.$slots,`default`)],16)],512))}});export{d as default};
+import{useNavigationMenuRootContext as e,useNavigationMenuUi as t}from"./context.js";import{createElementBlock as n,createElementVNode as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,unref as c,useAttrs as l}from"vue";var u=i({name:`NavigationMenuList`,inheritAttrs:!1,__name:`navigation-menu-list`,setup(i){let u=l(),{setIndicatorTrackElement:d}=e(`NavigationMenuList`),f=t(`list`);return(e,t)=>(o(),n(`div`,{ref:c(d),style:{position:`relative`}},[r(`ul`,a(c(u),{class:c(f)}),[s(e.$slots,`default`)],16)],512))}});export{u as default};

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

@@ -1,12 +1,12 @@
 import { NavigationMenuListProps } from "./types.js";
-import * as vue964 from "vue";
+import * as vue1079 from "vue";
 
 //#region src/components/navigation-menu/navigation-menu-list.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue964.DefineComponent<NavigationMenuListProps, {}, {}, {}, {}, vue964.ComponentOptionsMixin, vue964.ComponentOptionsMixin, {}, string, vue964.PublicProps, Readonly<NavigationMenuListProps> & Readonly<{}>, {}, {}, {}, {}, string, vue964.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue1079.DefineComponent<NavigationMenuListProps, {}, {}, {}, {}, vue1079.ComponentOptionsMixin, vue1079.ComponentOptionsMixin, {}, string, vue1079.PublicProps, Readonly<NavigationMenuListProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1079.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 & {

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

@@ -1 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import{provideCollectionContext as r,provideNavigationMenuRootContext as i,useNavigationMenuThemeContext as a}from"./context.js";import{computed as o,createElementBlock as s,defineComponent as c,normalizeClass as l,openBlock as u,renderSlot as d,unref as f,watchEffect as p}from"vue";const m=[`data-orientation`,`dir`];var h=c({name:`NavigationMenuRoot`,__name:`navigation-menu-root`,props:{modelValue:{},defaultValue:{},dir:{default:`ltr`},orientation:{default:`horizontal`},delayDuration:{default:200},skipDelayDuration:{default:300},disableClickTrigger:{type:Boolean},disableHoverTrigger:{type:Boolean},disablePointerLeaveClose:{type:Boolean},unmountOnHide:{type:Boolean,default:!0}},emits:[`update:modelValue`],setup(c,{emit:h}){let g=c,_=h,v=a(),y=o(()=>v?.ui?.value?.root),b=t(()=>g.modelValue,e=>{_(`update:modelValue`,e)},g.defaultValue),{onRootElementChange:x,onActiveTriggerElementChange:S}=i({isRoot:!0,modelValue:b,...e(g,[`dir`,`orientation`,`unmountOnHide`,`skipDelayDuration`,`delayDuration`,`disableClickTrigger`,`disableHoverTrigger`,`disablePointerLeaveClose`])}),{onContainerElementChange:C,getOrderedElements:w}=r(),[T,E]=n(e=>{x(e),C(e)});return p(()=>{if(!b.value)return;let e=w().find(e=>e.id.includes(b.value));e&&S(e)}),(e,t)=>(u(),s(`nav`,{ref:f(E),class:l(y.value),"aria-label":`Main`,"data-orientation":c.orientation,"data-soybean-navigation-menu":``,dir:c.dir},[d(e.$slots,`default`,{modelValue:f(b)})],10,m))}});export{h as default};
+import{transformPropsToContext as e}from"../../shared/vue.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import{provideCollectionContext as r,provideNavigationMenuRootContext as i,useNavigationMenuUi as a}from"./context.js";import{createElementBlock as o,defineComponent as s,normalizeClass as c,openBlock as l,renderSlot as u,unref as d,watchEffect as f}from"vue";const p=[`data-orientation`,`dir`];var m=s({name:`NavigationMenuRoot`,__name:`navigation-menu-root`,props:{modelValue:{},defaultValue:{},dir:{default:`ltr`},orientation:{default:`horizontal`},delayDuration:{default:200},skipDelayDuration:{default:300},disableClickTrigger:{type:Boolean},disableHoverTrigger:{type:Boolean},disablePointerLeaveClose:{type:Boolean},unmountOnHide:{type:Boolean,default:!0}},emits:[`update:modelValue`],setup(s,{emit:m}){let h=s,g=m,_=a(`root`),v=t(()=>h.modelValue,e=>{g(`update:modelValue`,e)},h.defaultValue),{onRootElementChange:y,onActiveTriggerElementChange:b}=i({isRoot:!0,modelValue:v,...e(h,[`dir`,`orientation`,`unmountOnHide`,`skipDelayDuration`,`delayDuration`,`disableClickTrigger`,`disableHoverTrigger`,`disablePointerLeaveClose`])}),{onContainerElementChange:x,getOrderedElements:S}=r(),[C,w]=n(e=>{y(e),x(e)});return f(()=>{if(!v.value)return;let e=S().find(e=>e.id.includes(v.value));e&&b(e)}),(e,t)=>(l(),o(`nav`,{ref:d(w),class:c(d(_)),"aria-label":`Main`,"data-orientation":s.orientation,"data-soybean-navigation-menu":``,dir:s.dir},[u(e.$slots,`default`,{modelValue:d(v)})],10,p))}});export{m as default};

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

@@ -1,7 +1,7 @@
 import { DataOrientation, Direction } from "../../types/common.js";
 import { NavigationMenuRootProps } from "./types.js";
 import "../../index.js";
-import * as vue1106 from "vue";
+import * as vue1069 from "vue";
 
 //#region src/components/navigation-menu/navigation-menu-root.vue.d.ts
 declare var __VLS_1: {
@@ -10,9 +10,9 @@ declare var __VLS_1: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue1106.DefineComponent<NavigationMenuRootProps, {}, {}, {}, {}, vue1106.ComponentOptionsMixin, vue1106.ComponentOptionsMixin, {
+declare const __VLS_base: vue1069.DefineComponent<NavigationMenuRootProps, {}, {}, {}, {}, vue1069.ComponentOptionsMixin, vue1069.ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;
-}, string, vue1106.PublicProps, Readonly<NavigationMenuRootProps> & Readonly<{
+}, string, vue1069.PublicProps, Readonly<NavigationMenuRootProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
   dir: Direction;
@@ -20,7 +20,7 @@ declare const __VLS_base: vue1106.DefineComponent<NavigationMenuRootProps, {}, {
   delayDuration: number;
   skipDelayDuration: number;
   unmountOnHide: boolean;
-}, {}, {}, {}, string, vue1106.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue1069.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 & {

package/dist/components/navigation-menu/navigation-menu-sub-list.js

@@ -1 +1 @@
-import{provideNavigationMenuRootContext as e,useNavigationMenuRootContext as t,useNavigationMenuThemeContext as n}from"./context.js";import{computed as r,createElementBlock as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c}from"vue";var l=a({name:`NavigationMenuSubList`,__name:`navigation-menu-sub-list`,setup(a){let l=n(),u=r(()=>l?.ui?.value?.subList);return e({...t(`NavigationMenuSubList`),isRoot:!1}),(e,t)=>(s(),i(`ul`,{class:o(u.value)},[c(e.$slots,`default`)],2))}});export{l as default};
+import{provideNavigationMenuRootContext as e,useNavigationMenuRootContext as t,useNavigationMenuUi as n}from"./context.js";import{createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";var l=i({name:`NavigationMenuSubList`,__name:`navigation-menu-sub-list`,setup(i){let l=n(`subList`);return e({...t(`NavigationMenuSubList`),isRoot:!1}),(e,t)=>(o(),r(`ul`,{class:a(c(l))},[s(e.$slots,`default`)],2))}});export{l as default};

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

@@ -1,12 +1,12 @@
 import { NavigationMenuSubListProps } from "./types.js";
-import * as vue959 from "vue";
+import * as vue1064 from "vue";
 
 //#region src/components/navigation-menu/navigation-menu-sub-list.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue959.DefineComponent<NavigationMenuSubListProps, {}, {}, {}, {}, vue959.ComponentOptionsMixin, vue959.ComponentOptionsMixin, {}, string, vue959.PublicProps, Readonly<NavigationMenuSubListProps> & Readonly<{}>, {}, {}, {}, {}, string, vue959.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue1064.DefineComponent<NavigationMenuSubListProps, {}, {}, {}, {}, vue1064.ComponentOptionsMixin, vue1064.ComponentOptionsMixin, {}, string, vue1064.PublicProps, Readonly<NavigationMenuSubListProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1064.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 & {

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

@@ -1 +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 i from"../visually-hidden/visually-hidden.js";import{useCollectionItem as a,useNavigationMenuItemContext as o,useNavigationMenuRootContext as s,useNavigationMenuThemeContext as c}from"./context.js";import{Fragment as l,computed as u,createCommentVNode as d,createElementBlock as f,createVNode as p,defineComponent as m,mergeProps as h,openBlock as g,renderSlot as _,unref as v,useAttrs as y,withCtx as b}from"vue";import{refAutoReset as ee}from"@vueuse/core";const x=[`aria-owns`];var S=m({name:`NavigationMenuTrigger`,inheritAttrs:!1,__name:`navigation-menu-trigger`,props:{disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},setup(m){let S=m,C=y(),{dir:w,orientation:T,disableClickTrigger:E,disableHoverTrigger:D,viewportElement:O,onItemSelect:k,onTriggerEnter:A,onTriggerLeave:j}=s(`NavigationMenuTrigger`),{value:M,triggerId:N,contentId:P,open:F,dataState:I,wasEscapeCloseRef:L,onTriggerElementChange:R,setFocusProxyElement:z,onEntryKeyDown:B,onFocusProxyEnter:V}=o(`NavigationMenuTrigger`),H=c(),U=u(()=>H?.ui?.value?.trigger),{itemProps:W,onItemElementChange:G}=a(),[K,q]=n(e=>{R(e),G(e)}),J=ee(!1,300),Y=!1,X=()=>{D.value||(Y=!1,L.value=!1)},Z=e=>{D.value||t(e)&&(S.disabled||Y||L.value||J.value||(A(M),J.value=!0))},Q=e=>{D.value||t(e)&&(S.disabled||(j(),J.value=!1))},$=t=>{(e(t.pointerType)||t.pointerType===`mouse`)&&E.value||J.value||(F.value?k(``):k(M),Y=F.value)},te=e=>{let t={horizontal:`ArrowDown`,vertical:w.value===`rtl`?`ArrowLeft`:`ArrowRight`}[T.value];F.value&&e.key===t&&(B(),e.preventDefault(),e.stopPropagation())},ne=e=>{let t=document.getElementById(P),n=e.relatedTarget,r=n===K.value,i=t?.contains(n);(r||!i)&&V(r?`start`:`end`)};return(e,t)=>(g(),f(l,null,[p(v(r),h({...v(C),...v(W)},{id:v(N),ref:v(q),as:m.as,"as-child":m.asChild,class:U.value,disabled:m.disabled,"data-disabled":m.disabled?``:void 0,"data-state":v(I),"data-soybean-navigation-menu-trigger":``,"aria-expanded":v(F),"aria-controls":v(P),onPointerenter:X,onPointermove:Z,onPointerleave:Q,onClick:$,onKeydown:te}),{default:b(()=>[_(e.$slots,`default`)]),_:3},16,[`id`,`as`,`as-child`,`class`,`disabled`,`data-disabled`,`data-state`,`aria-expanded`,`aria-controls`]),v(F)?(g(),f(l,{key:0},[p(v(i),{ref:v(z),"aria-hidden":`true`,tabindex:0,onFocus:ne},null,512),v(O)?(g(),f(`span`,{key:0,"aria-owns":v(P)},null,8,x)):d(`v-if`,!0)],64)):d(`v-if`,!0)],64))}});export{S as default};
+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 i from"../visually-hidden/visually-hidden.js";import{useCollectionItem as a,useNavigationMenuItemContext as o,useNavigationMenuRootContext as s,useNavigationMenuUi as c}from"./context.js";import{Fragment as l,createCommentVNode as u,createElementBlock as d,createVNode as f,defineComponent as p,mergeProps as m,openBlock as h,renderSlot as g,unref as _,useAttrs as v,withCtx as y}from"vue";import{refAutoReset as b}from"@vueuse/core";const x=[`aria-owns`];var S=p({name:`NavigationMenuTrigger`,inheritAttrs:!1,__name:`navigation-menu-trigger`,props:{disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},setup(p){let S=p,C=v(),{dir:w,orientation:T,disableClickTrigger:E,disableHoverTrigger:D,viewportElement:O,onItemSelect:k,onTriggerEnter:A,onTriggerLeave:j}=s(`NavigationMenuTrigger`),{value:M,triggerId:N,contentId:P,open:F,dataState:I,wasEscapeCloseRef:L,onTriggerElementChange:ee,setFocusProxyElement:R,onEntryKeyDown:z,onFocusProxyEnter:B}=o(`NavigationMenuTrigger`),V=c(`trigger`),{itemProps:H,onItemElementChange:U}=a(),[W,G]=n(e=>{ee(e),U(e)}),K=b(!1,300),q=!1,J=()=>{D.value||(q=!1,L.value=!1)},Y=e=>{D.value||t(e)&&(S.disabled||q||L.value||K.value||(A(M),K.value=!0))},X=e=>{D.value||t(e)&&(S.disabled||(j(),K.value=!1))},Z=t=>{(e(t.pointerType)||t.pointerType===`mouse`)&&E.value||K.value||(F.value?k(``):k(M),q=F.value)},Q=e=>{let t={horizontal:`ArrowDown`,vertical:w.value===`rtl`?`ArrowLeft`:`ArrowRight`}[T.value];F.value&&e.key===t&&(z(),e.preventDefault(),e.stopPropagation())},$=e=>{let t=document.getElementById(P),n=e.relatedTarget,r=n===W.value,i=t?.contains(n);(r||!i)&&B(r?`start`:`end`)};return(e,t)=>(h(),d(l,null,[f(_(r),m({..._(C),..._(H)},{id:_(N),ref:_(G),as:p.as,"as-child":p.asChild,class:_(V),disabled:p.disabled,"data-disabled":p.disabled?``:void 0,"data-state":_(I),"data-soybean-navigation-menu-trigger":``,"aria-expanded":_(F),"aria-controls":_(P),onPointerenter:J,onPointermove:Y,onPointerleave:X,onClick:Z,onKeydown:Q}),{default:y(()=>[g(e.$slots,`default`)]),_:3},16,[`id`,`as`,`as-child`,`class`,`disabled`,`data-disabled`,`data-state`,`aria-expanded`,`aria-controls`]),_(F)?(h(),d(l,{key:0},[f(_(i),{ref:_(R),"aria-hidden":`true`,tabindex:0,onFocus:$},null,512),_(O)?(h(),d(`span`,{key:0,"aria-owns":_(P)},null,8,x)):u(`v-if`,!0)],64)):u(`v-if`,!0)],64))}});export{S as default};

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

@@ -1,16 +1,16 @@
 import { AsTag } from "../primitive/types.js";
 import "../primitive/index.js";
 import { NavigationMenuTriggerProps } from "./types.js";
-import * as vue984 from "vue";
+import * as vue1094 from "vue";
 
 //#region src/components/navigation-menu/navigation-menu-trigger.vue.d.ts
 declare var __VLS_13: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_13) => any;
 };
-declare const __VLS_base: vue984.DefineComponent<NavigationMenuTriggerProps, {}, {}, {}, {}, vue984.ComponentOptionsMixin, vue984.ComponentOptionsMixin, {}, string, vue984.PublicProps, Readonly<NavigationMenuTriggerProps> & Readonly<{}>, {
-  as: AsTag | vue984.Component;
-}, {}, {}, {}, string, vue984.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue1094.DefineComponent<NavigationMenuTriggerProps, {}, {}, {}, {}, vue1094.ComponentOptionsMixin, vue1094.ComponentOptionsMixin, {}, string, vue1094.PublicProps, Readonly<NavigationMenuTriggerProps> & Readonly<{}>, {
+  as: AsTag | vue1094.Component;
+}, {}, {}, {}, string, vue1094.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 & {

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

@@ -1 +1 @@
-import{getDisclosureState as e}from"../../shared/value.js";import{isMouseEvent as t}from"../../shared/event.js";import{usePresence as n}from"../../composables/use-presence.js";import{useNavigationMenuRootContext as r,useNavigationMenuThemeContext as i}from"./context.js";import{getNavigationMenuViewportPosition as a,navigationMenuViewportCssVars as o}from"./shared.js";import{computed as s,createCommentVNode as c,createElementBlock as l,defineComponent as u,nextTick as d,normalizeClass as f,normalizeStyle as p,openBlock as m,renderSlot as h,shallowRef as g,unref as _,watch as v}from"vue";import{useResizeObserver as y}from"@vueuse/core";const b=[`data-state`,`hidden`];var x=u({name:`NavigationMenuViewport`,__name:`navigation-menu-viewport`,props:{align:{default:`start`},forceMount:{type:Boolean}},setup(u){let x=u,{isRoot:S,open:C,unmountOnHide:w,rootElement:T,activeTriggerElement:E,modelValue:D,viewportElement:O,setViewportElement:k,onContentEnter:A,onContentLeave:j}=r(`NavigationMenuViewport`),M=i(),N=s(()=>M?.ui?.value?.viewport),P=x.forceMount?g(!0):n(O,C),F=s(()=>e(C.value)),I=g(),L=g(),R=s(()=>{let{width:e,height:t}=I.value||{},{left:n,top:r}=L.value||{};return{pointerEvents:!C.value&&S?`none`:void 0,[o.width]:e&&`${e}px`,[o.height]:t&&`${t}px`,[o.left]:n&&`${n}px`,[o.top]:r&&`${r}px`}});function z(){!T.value||!O.value||!E.value||(L.value=a({rootElement:T.value,contentElement:O.value,activeTriggerElement:E.value,align:x.align}))}let B=g(null);function V(){O.value&&requestAnimationFrame(()=>{B.value=O.value?.querySelector(`[data-state=open]`)})}let H=()=>{D.value&&A(D.value)},U=e=>{t(e)&&j()};return y(B,()=>{if(!B.value)return;let{offsetWidth:e,offsetHeight:t}=B.value;I.value={width:e,height:t},z()}),v([O,D,C],()=>{d(()=>{V()})},{immediate:!0}),y([()=>globalThis?.document?.body,T],()=>{z()}),(e,t)=>_(P)?(m(),l(`div`,{key:0,ref:_(k),class:f(N.value),"data-state":F.value,hidden:!_(P),style:p(R.value),onPointerenter:H,onPointerleave:U},[!_(w)||_(P)?h(e.$slots,`default`,{key:0}):c(`v-if`,!0)],46,b)):c(`v-if`,!0)}});export{x as default};
+import{getDisclosureState as e}from"../../shared/value.js";import{isMouseEvent as t}from"../../shared/event.js";import{usePresence as n}from"../../composables/use-presence.js";import{useNavigationMenuRootContext as r,useNavigationMenuUi as i}from"./context.js";import{getNavigationMenuViewportPosition as a,navigationMenuViewportCssVars as o}from"./shared.js";import{computed as s,createCommentVNode as c,createElementBlock as l,defineComponent as u,nextTick as d,normalizeClass as f,normalizeStyle as p,openBlock as m,renderSlot as h,shallowRef as g,unref as _,watch as v}from"vue";import{useResizeObserver as y}from"@vueuse/core";const b=[`data-state`,`hidden`];var x=u({name:`NavigationMenuViewport`,__name:`navigation-menu-viewport`,props:{align:{default:`start`},forceMount:{type:Boolean}},setup(u){let x=u,{isRoot:S,open:C,unmountOnHide:w,rootElement:T,activeTriggerElement:E,modelValue:D,viewportElement:O,setViewportElement:k,onContentEnter:A,onContentLeave:j}=r(`NavigationMenuViewport`),M=i(`viewport`),N=x.forceMount?g(!0):n(O,C),P=s(()=>e(C.value)),F=g(),I=g(),L=s(()=>{let{width:e,height:t}=F.value||{},{left:n,top:r}=I.value||{};return{pointerEvents:!C.value&&S?`none`:void 0,[o.width]:e&&`${e}px`,[o.height]:t&&`${t}px`,[o.left]:n&&`${n}px`,[o.top]:r&&`${r}px`}});function R(){!T.value||!O.value||!E.value||(I.value=a({rootElement:T.value,contentElement:O.value,activeTriggerElement:E.value,align:x.align}))}let z=g(null);function B(){O.value&&requestAnimationFrame(()=>{z.value=O.value?.querySelector(`[data-state=open]`)})}let V=()=>{D.value&&A(D.value)},H=e=>{t(e)&&j()};return y(z,()=>{if(!z.value)return;let{offsetWidth:e,offsetHeight:t}=z.value;F.value={width:e,height:t},R()}),v([O,D,C],()=>{d(()=>{B()})},{immediate:!0}),y([()=>globalThis?.document?.body,T],()=>{R()}),(e,t)=>_(N)?(m(),l(`div`,{key:0,ref:_(k),class:f(_(M)),"data-state":P.value,hidden:!_(N),style:p(L.value),onPointerenter:V,onPointerleave:H},[!_(w)||_(N)?h(e.$slots,`default`,{key:0}):c(`v-if`,!0)],46,b)):c(`v-if`,!0)}});export{x as default};

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

@@ -1,16 +1,16 @@
 import { Align } from "../../types/common.js";
 import { NavigationMenuViewportProps } from "./types.js";
 import "../../index.js";
-import * as vue990 from "vue";
+import * as vue1202 from "vue";
 
 //#region src/components/navigation-menu/navigation-menu-viewport.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue990.DefineComponent<NavigationMenuViewportProps, {}, {}, {}, {}, vue990.ComponentOptionsMixin, vue990.ComponentOptionsMixin, {}, string, vue990.PublicProps, Readonly<NavigationMenuViewportProps> & Readonly<{}>, {
+declare const __VLS_base: vue1202.DefineComponent<NavigationMenuViewportProps, {}, {}, {}, {}, vue1202.ComponentOptionsMixin, vue1202.ComponentOptionsMixin, {}, string, vue1202.PublicProps, Readonly<NavigationMenuViewportProps> & Readonly<{}>, {
   align: Align;
-}, {}, {}, {}, string, vue990.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue1202.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 & {

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

@@ -1,9 +1,9 @@
-import { Align, ClassValue, DataOrientation, Direction } from "../../types/common.js";
+import { Align, DataOrientation, Direction, UiClass } from "../../types/common.js";
 import { DismissableLayerEmits, DismissableLayerProps, ForceMountProps } from "../../types/component.js";
 import "../../types/index.js";
 import { PrimitiveProps } from "../primitive/types.js";
 import { LinkProps } from "../link/types.js";
-import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+import { HTMLAttributes, ShallowRef } from "vue";
 
 //#region src/components/navigation-menu/types.d.ts
 interface NavigationMenuRootProps extends /** @vue-ignore */HTMLAttributes {
@@ -93,10 +93,7 @@ interface NavigationMenuSubProps extends /** @vue-ignore */HTMLAttributes {
   defaultValue?: string;
 }
 type NavigationMenuSubEmits = NavigationMenuRootEmits;
-type NavigationMenuThemeSlot = 'root' | 'trigger' | 'content' | 'list' | 'indicator' | 'viewport' | 'item' | 'link' | 'subList' | 'subItem' | 'subLink';
-type NavigationMenuUi = Record<NavigationMenuThemeSlot, ClassValue>;
-interface NavigationMenuThemeContextParams {
-  ui: ComputedRef<NavigationMenuUi>;
-}
+type NavigationMenuUiSlot = 'root' | 'trigger' | 'content' | 'list' | 'indicator' | 'viewport' | 'item' | 'link' | 'subList' | 'subItem' | 'subLink';
+type NavigationMenuUi = UiClass<NavigationMenuUiSlot>;
 //#endregion
-export { NavigationMenuContentEmits, NavigationMenuContentProps, NavigationMenuIndicatorProps, NavigationMenuItemProps, NavigationMenuLinkEmits, NavigationMenuLinkProps, NavigationMenuListProps, NavigationMenuRootEmits, NavigationMenuRootProps, NavigationMenuSubEmits, NavigationMenuSubListProps, NavigationMenuSubProps, NavigationMenuThemeContextParams, NavigationMenuThemeSlot, NavigationMenuTriggerProps, NavigationMenuUi, NavigationMenuViewportProps };
+export { NavigationMenuContentEmits, NavigationMenuContentProps, NavigationMenuIndicatorProps, NavigationMenuItemProps, NavigationMenuLinkEmits, NavigationMenuLinkProps, NavigationMenuListProps, NavigationMenuRootEmits, NavigationMenuRootProps, NavigationMenuSubEmits, NavigationMenuSubListProps, NavigationMenuSubProps, NavigationMenuTriggerProps, NavigationMenuUi, NavigationMenuUiSlot, NavigationMenuViewportProps };