@soybeanjs/headless 0.0.1-beta.3

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

@@ -0,0 +1,37 @@
+import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
+import "../../types/index.js";
+import { MenuContentPrivateProps } from "./types.js";
+import "../../index.js";
+import * as vue728 from "vue";
+
+//#region src/components/menu/menu-content.vue.d.ts
+declare var __VLS_9: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: vue728.DefineComponent<MenuContentPrivateProps, {}, {}, {}, {}, vue728.ComponentOptionsMixin, vue728.ComponentOptionsMixin, {
+  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, vue728.PublicProps, Readonly<MenuContentPrivateProps> & Readonly<{
+  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
+  onOpenAutoFocus?: ((event: Event) => any) | undefined;
+  onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  onEntryFocus?: ((event: Event) => any) | undefined;
+}>, {}, {}, {}, {}, string, vue728.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 };

package/dist/components/menu/menu-group-label.js

@@ -0,0 +1 @@
+import{useMenuThemeContext as e}from"./context.js";import{computed as t,createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o}from"vue";var s=r({name:`MenuGroupLabel`,__name:`menu-group-label`,setup(r){let s=e(),c=t(()=>s?.ui?.value?.groupLabel);return(e,t)=>(a(),n(`div`,{class:i(c.value)},[o(e.$slots,`default`)],2))}});export{s as default};

package/dist/components/menu/menu-group-label.vue.d.ts

@@ -0,0 +1,18 @@
+import { MenuGroupLabelProps } from "./types.js";
+import * as vue826 from "vue";
+
+//#region src/components/menu/menu-group-label.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: vue826.DefineComponent<MenuGroupLabelProps, {}, {}, {}, {}, vue826.ComponentOptionsMixin, vue826.ComponentOptionsMixin, {}, string, vue826.PublicProps, Readonly<MenuGroupLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, vue826.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 };

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

@@ -0,0 +1 @@
+import{Primitive as e}from"../primitive/primitive.js";import{useMenuThemeContext as t}from"./context.js";import{computed as n,createBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";var u=i({name:`MenuGroup`,__name:`menu-group`,props:{asChild:{type:Boolean},as:{}},setup(i){let u=t(),d=n(()=>u?.ui?.value?.group);return(t,n)=>(o(),r(c(e),{as:i.as,"as-child":i.asChild,class:a(d.value),role:`group`},{default:l(()=>[s(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`]))}});export{u as default};

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

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

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

@@ -0,0 +1 @@
+import{isMouseEvent as e}from"../../shared/event.js";import{useOmitProps as t}from"../../composables/use-props.js";import{Primitive as n}from"../primitive/primitive.js";import{useCollectionItem as r}from"../roving-focus/context.js";import{useMenuContentContext as i}from"./context.js";import{createBlock as a,defineComponent as o,mergeProps as s,nextTick as c,openBlock as l,renderSlot as u,shallowRef as d,unref as f,withCtx as p}from"vue";var m=o({name:`MenuItemImpl`,__name:`menu-item-impl`,props:{disabled:{type:Boolean},textValue:{},asChild:{type:Boolean},as:{}},setup(o){let m=o,{onItemEnter:h,onItemLeave:g}=i(`MenuItemImpl`),{setItemElement:_,itemProps:v}=r(()=>({textValue:m.textValue})),y=t(m,[`disabled`,`textValue`],v),b=d(!1),x=t=>{if(!(t.defaultPrevented||!e(t))){if(m.disabled){g(t);return}h(t)||t.currentTarget?.focus({preventScroll:!0})}},S=async t=>{await c(),!(t.defaultPrevented||!e(t))&&g(t)},C=async e=>{await c(),!(e.defaultPrevented||m.disabled)&&(b.value=!0)},w=async e=>{await c(),!e.defaultPrevented&&(b.value=!1)};return(e,t)=>(l(),a(f(n),s(f(y),{ref:f(_),role:`menuitem`,tabindex:`-1`,"aria-disabled":o.disabled||void 0,"data-disabled":o.disabled?``:void 0,"data-highlighted":b.value?``:void 0,onPointermove:x,onPointerleave:S,onFocus:C,onBlur:w}),{default:p(()=>[u(e.$slots,`default`)]),_:3},16,[`aria-disabled`,`data-disabled`,`data-highlighted`]))}});export{m as default};

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

@@ -0,0 +1 @@
+import{isIndeterminate as e}from"../../shared/value.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import{usePresence as n}from"../../composables/use-presence.js";import{Primitive as r}from"../primitive/primitive.js";import{useMenuItemIndicatorContext as i,useMenuThemeContext as a}from"./context.js";import{computed as o,createBlock as s,createCommentVNode as c,defineComponent as l,normalizeClass as u,openBlock as d,renderSlot as f,shallowRef as p,unref as m,withCtx as h}from"vue";var g=l({name:`MenuItemIndicator`,__name:`menu-item-indicator`,props:{asChild:{type:Boolean},as:{default:`span`},forceMount:{type:Boolean}},setup(l){let g=l,_=a(),v=o(()=>_?.ui?.value?.itemIndicator),[y,b]=t(),{modelValue:x}=i(`MenuItemIndicator`),S=o(()=>e(x.value)||x.value===!0),C=g.forceMount?p(!0):n(y,S);return(e,t)=>m(C)?(d(),s(m(r),{key:0,ref:m(b),as:l.as,"as-child":l.asChild,class:u(v.value)},{default:h(()=>[f(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`])):c(`v-if`,!0)}});export{g as default};

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

@@ -0,0 +1,22 @@
+import { AsTag } from "../primitive/types.js";
+import "../primitive/index.js";
+import { MenuItemIndicatorProps } from "./types.js";
+import * as vue831 from "vue";
+
+//#region src/components/menu/menu-item-indicator.vue.d.ts
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: vue831.DefineComponent<MenuItemIndicatorProps, {}, {}, {}, {}, vue831.ComponentOptionsMixin, vue831.ComponentOptionsMixin, {}, string, vue831.PublicProps, Readonly<MenuItemIndicatorProps> & Readonly<{}>, {
+  as: AsTag | vue831.Component;
+}, {}, {}, {}, string, vue831.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 };

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

@@ -0,0 +1 @@
+import{SELECTION_KEYS as e}from"../../constants/common.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import{useMenuContentContext as n,useMenuRootContext as r,useMenuThemeContext as i}from"./context.js";import{ITEM_SELECT as a}from"./shared.js";import o from"./menu-item-impl.js";import{computed as s,createBlock as c,defineComponent as l,mergeProps as u,nextTick as d,openBlock as f,renderSlot as p,unref as m,withCtx as h}from"vue";var g=l({name:`MenuItem`,__name:`menu-item`,props:{disabled:{type:Boolean},textValue:{},asChild:{type:Boolean},as:{}},emits:[`select`],setup(l,{emit:g}){let _=l,v=g,[y,b]=t(),{onClose:x}=r(`MenuItem`),{searchRef:S}=n(`MenuItem`),C=i(),w=s(()=>C?.ui?.value?.item),T=!1,E=async()=>{if(_.disabled||!y.value)return;let e=new CustomEvent(a,{bubbles:!0,cancelable:!0});v(`select`,e),await d(),e.defaultPrevented?T=!1:x()},D=()=>{T=!0},O=async e=>{await d(),!e.defaultPrevented&&(T||e.currentTarget?.click())},k=async t=>{_.disabled||S.value!==``&&t.key===` `||e.includes(t.key)&&(t.currentTarget?.click(),t.preventDefault())};return(e,t)=>(f(),c(o,u(_,{ref:m(b),class:w.value,onClick:E,onPointerdown:D,onPointerup:O,onKeydown:k}),{default:h(()=>[p(e.$slots,`default`)]),_:3},16,[`class`]))}});export{g as default};

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

@@ -0,0 +1,22 @@
+import { MenuItemProps } from "./types.js";
+import * as vue839 from "vue";
+
+//#region src/components/menu/menu-item.vue.d.ts
+declare var __VLS_12: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_base: vue839.DefineComponent<MenuItemProps, {}, {}, {}, {}, vue839.ComponentOptionsMixin, vue839.ComponentOptionsMixin, {
+  select: (event: Event) => any;
+}, string, vue839.PublicProps, Readonly<MenuItemProps> & Readonly<{
+  onSelect?: ((event: Event) => any) | undefined;
+}>, {}, {}, {}, {}, string, vue839.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 };

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

@@ -0,0 +1 @@
+import{isNullish as e}from"../../shared/guard.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import{Primitive as n}from"../primitive/primitive.js";import{provideMenuRadioGroupContext as r,useMenuThemeContext as i}from"./context.js";import{computed as a,createBlock as o,defineComponent as s,normalizeClass as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";var p=s({name:`MenuRadioGroup`,__name:`menu-radio-group`,props:{modelValue:{},defaultValue:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(s,{emit:p}){let m=s,h=p,g=i(),_=a(()=>g?.ui?.value?.radioGroup),v=t(()=>m.modelValue,t=>{e(t)||h(`update:modelValue`,t)},m.defaultValue);return r({modelValue:v,disabled:a(()=>m.disabled)}),(e,t)=>(l(),o(d(n),{as:s.as,"as-child":s.asChild,class:c(_.value),role:`menu-radio-group`},{default:f(()=>[u(e.$slots,`default`,{modelValue:d(v)})]),_:3},8,[`as`,`as-child`,`class`]))}});export{p as default};

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

@@ -0,0 +1,25 @@
+import { AcceptableBooleanValue } from "../../types/common.js";
+import "../../types/index.js";
+import { MenuRadioGroupProps } from "./types.js";
+import * as vue743 from "vue";
+
+//#region src/components/menu/menu-radio-group.vue.d.ts
+declare const __VLS_export: <T extends AcceptableBooleanValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: __VLS_PrettifyLocal<MenuRadioGroupProps<T> & {
+    "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
+  }> & vue743.PublicProps;
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    default?: (props: {
+      modelValue: T | undefined;
+    }) => any;
+  };
+  emit: (evt: "update:modelValue", payload: NonNullable<T>) => void;
+}>) => vue743.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = { [K in keyof T as K]: T[K] } & {};
+//#endregion
+export { _default };

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

@@ -0,0 +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};

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

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

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

@@ -0,0 +1 @@
+import{transformPropsToContext as e}from"../../shared/vue.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import{useIsUsingKeyboard as n}from"../../composables/use-is-using-keyboard.js";import r from"../popper/popper-root.js";import{provideMenuContext as i,provideMenuRootContext as a}from"./context.js";import{createBlock as o,defineComponent as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";var f=s({name:`MenuRoot`,inheritAttrs:!1,__name:`menu-root`,props:{dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0}},emits:[`update:open`],setup(s,{emit:f}){let p=s,m=f,h=t(()=>p.open,e=>{m(`update:open`,e??!1)},p.defaultOpen),g=n(),_=()=>{h.value=!1};return i({open:h}),a({...e(p,[`modal`,`dir`]),onClose:_,isUsingKeyboard:g}),(e,t)=>(c(),o(u(r),null,{default:d(()=>[l(e.$slots,`default`,{open:u(h)})]),_:3}))}});export{f as default};

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

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

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

@@ -0,0 +1 @@
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import{usePresence as n}from"../../composables/use-presence.js";import{popperCssVars as r}from"../popper/shared.js";import{useMenuContext as i,useMenuRootContext as a,useMenuSubContext as o,useMenuThemeContext as s}from"./context.js";import{SUB_CLOSE_KEYS as c,subMenuCssVars as l}from"./shared.js";import u from"./menu-content-impl.js";import{computed as d,createBlock as f,createCommentVNode as p,defineComponent as m,mergeProps as h,openBlock as g,renderSlot as _,shallowRef as v,toHandlers as y,unref as b,withCtx as x,withModifiers as S}from"vue";var C=m({name:`MenuSubContent`,__name:`menu-sub-content`,props:{floatingRef:{},placement:{},sideOffset:{},sideFlip:{type:Boolean},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean,default:!0},reference:{},forceMount:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(m,{emit:C}){let w=m,T=t(C),[E,D]=e(),{open:O,onOpenChange:k}=i(`MenuSubContent`),{dir:A,isUsingKeyboard:j,onClose:M}=a(`MenuSubContent`),{subContentId:N,subTriggerId:P,subTriggerElement:F,initSubContentId:I}=o(`MenuSubContent`),L=s(),R=d(()=>L?.ui?.value?.subContent),z={[l.transformOrigin]:`var(${r.transformOrigin})`,[l.availableWidth]:`var(${r.availableWidth})`,[l.availableHeight]:`var(${r.availableHeight})`,[l.triggerWidth]:`var(${r.anchorWidth})`,[l.triggerHeight]:`var(${r.anchorHeight})`},B=w.forceMount?v(!0):n(E,O),V=d(()=>A.value===`rtl`?`left`:`right`),H=()=>{j.value&&E.value?.focus()},U=e=>{e.defaultPrevented||e.target!==F.value&&k(!1)},W=e=>{M(),e.preventDefault()},G=e=>{let t=e.currentTarget?.contains(e.target),n=c[A.value].includes(e.key);t&&n&&(k(!1),F.value?.focus(),e.preventDefault())};return I(),(e,t)=>b(B)?(g(),f(u,h({key:0},w,{id:b(N),ref:b(D),class:R.value,style:z,"trap-focus":!1,"disable-outside-pointer-events":!1,"aria-labelledby":b(P),align:`start`,side:V.value,"data-soybean-menu-sub-content":``},y(b(T)),{onOpenAutoFocus:S(H,[`prevent`]),onCloseAutoFocus:t[0]||=S(()=>{},[`prevent`]),onEscapeKeyDown:W,onFocusOutside:U,onKeydown:G}),{default:x(()=>[_(e.$slots,`default`)]),_:3},16,[`id`,`class`,`aria-labelledby`,`side`])):p(`v-if`,!0)}});export{C as default};

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

@@ -0,0 +1,39 @@
+import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
+import "../../types/index.js";
+import { MenuSubContentProps } from "./types.js";
+import "../../index.js";
+import * as vue738 from "vue";
+
+//#region src/components/menu/menu-sub-content.vue.d.ts
+declare var __VLS_13: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_base: vue738.DefineComponent<MenuSubContentProps, {}, {}, {}, {}, vue738.ComponentOptionsMixin, vue738.ComponentOptionsMixin, {
+  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, vue738.PublicProps, Readonly<MenuSubContentProps> & Readonly<{
+  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, vue738.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 };

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

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

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

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

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

@@ -0,0 +1 @@
+import{useControllableState as e}from"../../composables/use-controllable-state.js";import t from"../popper/popper-root.js";import{provideMenuContext as n,provideMenuSubContext as r,useMenuContext as i}from"./context.js";import{createBlock as a,defineComponent as o,onWatcherCleanup as s,openBlock as c,renderSlot as l,unref as u,watchEffect as d,withCtx as f}from"vue";var p=o({name:`MenuSub`,inheritAttrs:!1,__name:`menu-sub`,props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean}},emits:[`update:open`],setup(o,{emit:p}){let m=o,h=p,g=e(()=>m.open,e=>{h(`update:open`,e??!1)},m.defaultOpen),_=i(`MenuSub`);return d(()=>{_.open.value===!1&&(g.value=!1),s(()=>{g.value=!1})}),n({open:g}),r(),(e,n)=>(c(),a(u(t),null,{default:f(()=>[l(e.$slots,`default`)]),_:3}))}});export{p as default};

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

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

package/dist/components/menu/shared.js

@@ -0,0 +1 @@
+import{SELECTION_KEYS as e}from"../../constants/common.js";const t={transformOrigin:`--soybean-menu-content-transform-origin`,availableWidth:`--soybean-menu-content-available-width`,availableHeight:`--soybean-menu-content-available-height`,triggerWidth:`--soybean-menu-content-trigger-width`,triggerHeight:`--soybean-menu-content-trigger-height`},n={transformOrigin:`--soybean-sub-menu-content-transform-origin`,availableWidth:`--soybean-sub-menu-content-available-width`,availableHeight:`--soybean-sub-menu-content-available-height`,triggerWidth:`--soybean-sub-menu-trigger-width`,triggerHeight:`--soybean-sub-menu-trigger-height`},r=`data-soybean-menu-content`,i=`menu.itemSelect`,a=[`ArrowDown`,`PageUp`,`Home`],o=[`ArrowUp`,`PageDown`,`End`],s=[...a,...o],c={ltr:[...e,`ArrowRight`],rtl:[...e,`ArrowLeft`]},l={ltr:[`ArrowLeft`],rtl:[`ArrowRight`]};export{s as FIRST_LAST_KEYS,i as ITEM_SELECT,o as LAST_KEYS,r as MENU_CONTENT_DATA_ATTRIBUTE,l as SUB_CLOSE_KEYS,c as SUB_OPEN_KEYS,t as menuContentCssVars,n as subMenuCssVars};

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

@@ -0,0 +1,116 @@
+import { AcceptableBooleanValue, CheckedState, ClassValue, DefinedValue, Direction } from "../../types/common.js";
+import { DismissableLayerEmits, FocusScopeEmits, ForceMountProps } from "../../types/component.js";
+import "../../types/index.js";
+import { PrimitiveProps } from "../primitive/types.js";
+import { DialogRootEmits, DialogRootProps } from "../dialog/types.js";
+import { RovingFocusGroupEmits } from "../roving-focus/types.js";
+import { PopperContentProps } from "../popper/types.js";
+import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+
+//#region src/components/menu/types.d.ts
+interface MenuRootProps extends DialogRootProps {
+  /**
+   * The reading direction of the combobox when applicable.
+   *
+   * If omitted, inherits globally from `ConfigProvider` or assumes LTR (left-to-right) reading mode.
+   */
+  dir?: Direction;
+}
+type MenuRootEmits = DialogRootEmits;
+type MenuContentImplEmits = DismissableLayerEmits & FocusScopeEmits & Pick<RovingFocusGroupEmits, 'entryFocus'>;
+interface MenuContentProps extends PopperContentProps, ForceMountProps {}
+interface MenuContentPrivateProps extends MenuContentProps {
+  /**
+   * The function to set the menu content element.
+   *
+   * @param el - The menu content element.
+   */
+  elRef?: (el: HTMLElement) => void;
+}
+type MenuContentEmits = MenuContentImplEmits;
+interface MenuTriggerProps extends PrimitiveProps, /** @vue-ignore */ButtonHTMLAttributes {
+  /** When `true`, the menu would not open when triggered. */
+  disabled?: boolean;
+}
+interface MenuSubProps extends Pick<MenuRootProps, 'open' | 'defaultOpen'> {}
+type MenuSubEmits = MenuRootEmits;
+interface MenuSubContentProps extends Omit<MenuContentProps, 'side' | 'align'> {}
+type MenuSubContentEmits = MenuContentEmits;
+interface MenuGroupProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface MenuGroupLabelProps extends /** @vue-ignore */HTMLAttributes {}
+interface MenuItemImplProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+  /** When `true`, prevents the user from interacting with the item. */
+  disabled?: boolean;
+  /**
+   * Optional text used for typeahead purposes. By default the typeahead behavior will use the `.textContent` of the
+   * item. <br> Use this when the content is complex, or you have non-textual content inside.
+   */
+  textValue?: string;
+}
+interface MenuItemProps extends MenuItemImplProps {}
+type MenuItemEmits = {
+  /**
+   * Event handler called when the user selects an item (via mouse or keyboard). <br> Calling `event.preventDefault` in
+   * this handler will prevent the menu from closing when selecting that item.
+   */
+  select: [event: Event];
+};
+interface MenuCheckboxItemProps extends MenuItemProps {
+  /** The controlled checked state of the item. Can be used as `v-model`. */
+  modelValue?: CheckedState;
+  /**
+   * The value given as data when submitted with a `name`.
+   *
+   * @defaultValue on
+   */
+  value?: DefinedValue;
+}
+type MenuCheckboxItemEmits = MenuItemEmits & {
+  /** Event handler called when the checked state of the item changes. */
+  'update:modelValue': [value: CheckedState];
+};
+interface MenuCheckboxGroupProps<T extends DefinedValue = DefinedValue> extends MenuGroupProps {
+  /** The controlled value of the checkbox. Can be bound with v-model. */
+  modelValue?: T[];
+  /** The value of the checkbox when it is initially rendered. Use when you do not need to control its value. */
+  defaultValue?: T[];
+  /**
+   * When `true`, prevents the user from interacting with the checkboxes
+   *
+   * @defaultValue false
+   */
+  disabled?: boolean;
+}
+type MenuCheckboxGroupEmits<T extends DefinedValue = DefinedValue> = {
+  /** Event handler called when the value of the checkbox group changes. */
+  'update:modelValue': [value: T[]];
+};
+interface MenuRadioItemProps extends MenuItemProps {
+  /** The value given as data when submitted with a `name`. */
+  value: NonNullable<AcceptableBooleanValue>;
+}
+type MenuRadioItemEmits = MenuItemEmits;
+interface MenuRadioGroupProps<T = AcceptableBooleanValue> extends MenuGroupProps {
+  /** The controlled value of the radio item to check. Can be bound as `v-model`. */
+  modelValue?: T;
+  /**
+   * The value of the radio item that should be checked when initially rendered. Use when you do not need to control the
+   * state of the radio items.
+   */
+  defaultValue?: T;
+  /** When `true`, prevents the user from interacting with radio items. */
+  disabled?: boolean;
+}
+type MenuRadioGroupEmits<T = AcceptableBooleanValue> = {
+  /** Event handler called when the radio group value changes */
+  'update:modelValue': [payload: NonNullable<T>];
+};
+interface MenuSubTriggerProps extends MenuItemImplProps {}
+interface MenuItemIndicatorProps extends PrimitiveProps, ForceMountProps, /** @vue-ignore */HTMLAttributes {}
+type MenuThemeSlot = 'content' | 'subContent' | 'subTrigger' | 'arrow' | 'group' | 'groupLabel' | 'item' | 'checkboxGroup' | 'checkboxItem' | 'radioGroup' | 'radioItem' | 'itemIndicator' | 'separator';
+type MenuUi = Record<MenuThemeSlot, ClassValue>;
+interface MenuThemeContextParams {
+  ui: ComputedRef<MenuUi>;
+}
+//#endregion
+export { MenuCheckboxGroupEmits, MenuCheckboxGroupProps, MenuCheckboxItemEmits, MenuCheckboxItemProps, MenuContentEmits, MenuContentPrivateProps, MenuContentProps, MenuGroupLabelProps, MenuGroupProps, MenuItemEmits, MenuItemIndicatorProps, MenuItemProps, MenuRadioGroupEmits, MenuRadioGroupProps, MenuRadioItemEmits, MenuRadioItemProps, MenuRootEmits, MenuRootProps, MenuSubContentEmits, MenuSubContentProps, MenuSubEmits, MenuSubProps, MenuSubTriggerProps, MenuThemeContextParams, MenuThemeSlot, MenuTriggerProps, MenuUi };

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

@@ -0,0 +1,10 @@
+import "../../composables/index.js";
+import { NavigationMenuThemeContextParams } from "./types.js";
+import "../../index.js";
+import "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;
+//#endregion
+export { provideNavigationMenuThemeContext };

package/dist/components/navigation-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{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};

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

@@ -0,0 +1,12 @@
+import { NavigationMenuContentEmits, NavigationMenuContentProps, NavigationMenuIndicatorProps, NavigationMenuItemProps, NavigationMenuLinkEmits, NavigationMenuLinkProps, NavigationMenuListProps, NavigationMenuRootEmits, NavigationMenuRootProps, NavigationMenuSubEmits, NavigationMenuSubListProps, NavigationMenuSubProps, NavigationMenuThemeSlot, NavigationMenuTriggerProps, NavigationMenuUi, 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";
+import { _default as _default$2 } from "./navigation-menu-item.vue.js";
+import { _default as _default$3 } from "./navigation-menu-link.vue.js";
+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 };

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

@@ -0,0 +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};

package/dist/components/navigation-menu/navigation-menu-content-impl.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{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,mergeProps as m,openBlock as h,renderSlot as g,shallowRef as _,unref as v,watchEffect as y}from"vue";const b=[`id`,`aria-labelledby`,`data-motion`,`data-state`];var x=p({name:`NavigationMenuContentImpl`,__name:`navigation-menu-content-impl`,props:{disableOutsidePointerEvents:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`],setup(p,{emit:x}){let S=p,C=x,{dir:w,modelValue:T,previousValue:E,rootElement:D,viewportElement:O,isRoot:k,onItemDismiss:A}=c(`NavigationMenuContentImpl`),{value:j,triggerId:M,contentId:N,triggerElement:P,open:F,dataState:I,wasEscapeCloseRef:L,focusProxyElement:R,onContentFocusOutside:z,onRootContentClose:B}=s(`NavigationMenuContentImpl`),V=l(),H=d(()=>V?.ui?.value?.content),{getOrderedElements:U}=o(`NavigationMenuContentImpl`),[W,G]=a(),{computedStyle:K,layerProps:q}=i(W,{disableOutsidePointerEvents:()=>S.disableOutsidePointerEvents,onEscapeKeyDown:e=>{C(`escapeKeyDown`,e),!e.defaultPrevented&&(A(),P.value?.focus(),L.value=!0)},onPointerDownOutside:e=>{if(C(`pointerDownOutside`,e),e.defaultPrevented)return;let t=e.target,n=U().some(e=>e.contains(t)),r=k&&O.value?.contains(t);(n||r||!k)&&e.preventDefault()},onFocusOutside:e=>{C(`focusOutside`,e),C(`interactOutside`,e),e.detail.originalEvent.target.hasAttribute(`data-navigation-menu-trigger`)&&e.preventDefault(),!e.defaultPrevented&&(z(),D.value?.contains(e.target)&&e.preventDefault())},onDismiss:()=>{let e=new Event(u,{bubbles:!0,cancelable:!0});W.value?.dispatchEvent(e)}}),J=_(null),Y=d(()=>{let e=U().map(e=>e.id.split(`trigger-`)[1]);w.value===`rtl`&&e.reverse();let t=e.indexOf(E.value??``),n=j===T.value,r=t===e.indexOf(j);if(!n&&!r)return J.value;let i=e.indexOf(T.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(()=>({...K.value,pointerEvents:!F.value&&k?`none`:void 0})),Z=i=>{if(i.target.closest(`[data-soybean-navigation-menu]`)!==D.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{R.value?.focus();return}}e(i,t(),void 0,{itemsArray:s,loop:!1,enableIgnoredElement:!0})?.focus()};return y(()=>{J.value=Y.value}),y(e=>{let n=W.value;if(k&&n){let r=()=>{A(),B(),n.contains(t())&&P.value?.focus()};n.addEventListener(u,r),e(()=>n.removeEventListener(u,r))}}),(e,t)=>(h(),f(`div`,m(v(q),{id:v(N),ref:v(G),class:H.value,"aria-labelledby":v(M),"data-motion":Y.value,"data-state":v(I),style:X.value,onKeydown:Z}),[g(e.$slots,`default`)],16,b))}});export{x as default};

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

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

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

@@ -0,0 +1,30 @@
+import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
+import { NavigationMenuContentProps } from "./types.js";
+import "../../index.js";
+import * as vue1307 from "vue";
+
+//#region src/components/navigation-menu/navigation-menu-content.vue.d.ts
+declare var __VLS_15: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_15) => any;
+};
+declare const __VLS_base: vue1307.DefineComponent<NavigationMenuContentProps, {}, {}, {}, {}, vue1307.ComponentOptionsMixin, vue1307.ComponentOptionsMixin, {
+  escapeKeyDown: (event: KeyboardEvent) => any;
+  pointerDownOutside: (event: PointerDownOutsideEvent) => any;
+  focusOutside: (event: FocusOutsideEvent) => any;
+  interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
+}, string, vue1307.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, vue1307.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 };

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

@@ -0,0 +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(),{activeTriggerElement:S,modelValue:C,indicatorTrackElement:w}=n(`NavigationMenuIndicator`),[T,E]=e(),D=r(),O=o(()=>D?.ui?.value?.indicator),k=o(()=>!!C.value),A=b.forceMount?m(!0):t(T,()=>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(!S.value)return;let{offsetWidth:e,offsetLeft:t}=S.value;j.value={size:e,position:t}};return _(()=>{if(!C.value){j.value=void 0;return}N()}),v(S,N),v(w,N),(e,t)=>h(w)?(f(),s(a,{key:0,to:h(w)},[h(A)?(f(),l(`div`,d({key:0},h(x),{ref:h(E),class:O.value,"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

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

package/dist/components/navigation-menu/navigation-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{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};

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

@@ -0,0 +1,18 @@
+import { NavigationMenuItemProps } from "./types.js";
+import * as vue1328 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: vue1328.DefineComponent<NavigationMenuItemProps, {}, {}, {}, {}, vue1328.ComponentOptionsMixin, vue1328.ComponentOptionsMixin, {}, string, vue1328.PublicProps, Readonly<NavigationMenuItemProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1328.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 };

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

@@ -0,0 +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(()=>[f(e.$slots,`default`)]),_:3},16,[`class`,`data-active`,`aria-current`]))}});export{h as default};