@soybeanjs/headless 0.29.0-beta.8 → 0.29.0

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

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

package/dist/components/menubar/context.js

@@ -0,0 +1 @@
+import{useContext as e}from"../../composables/use-context.js";import{useDirection as t}from"../config-provider/context.js";import{useCollection as n}from"../../composables/use-collection.js";import{useUiContext as r}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{provideMenuUi as i}from"../menu/context.js";import{shallowRef as a}from"vue";const{provideCollectionContext:o,useCollectionContext:s,useCollectionItem:c}=n(`Menubar`),[l,u]=e(`MenubarRoot`,e=>{let{modelValue:n,currentTabStopId:r}=e,i=t(e.dir),o=a(!1),s=e=>{o.value=!1,n.value=e,r.value=String(e)},c=()=>{o.value=!1,n.value=``},l=e=>{o.value=!1,n.value=n.value?``:e,r.value=String(e)},u=()=>{o.value=!0,n.value=``};return{...e,dir:i,isLinkTriggerHovered:o,onMenuOpen:s,onMenuClose:c,onMenuToggle:l,setTriggerLink:u}}),[d,f]=e(`MenubarMenu`,e=>e),[p,m]=r(`MenubarUi`,e=>(i(e),e));export{o as provideMenubarCollectionContext,d as provideMenubarMenuContext,l as provideMenubarRootContext,p as provideMenubarUi,s as useMenubarCollectionContext,c as useMenubarCollectionItem,f as useMenubarMenuContext,u as useMenubarRootContext,m as useMenubarUi};

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

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

package/dist/components/menubar/index.js

@@ -0,0 +1 @@
+import e from"../portal/portal.js";import t from"../popper/popper-arrow.js";import n from"../separator/separator-root.js";import r from"../menu/menu-group.js";import i from"../menu/menu-group-label.js";import a from"../menu/menu-item.js";import o from"../menu/menu-item-indicator.js";import s from"../menu/menu-checkbox-item.js";import c from"../menu/menu-radio-item.js";import l from"../menu/menu-sub.js";import u from"../menu/menu-checkbox-group.js";import d from"../menu/menu-radio-group.js";import"../menu/index.js";import{provideMenubarUi as f}from"./context.js";import p from"./menubar-root.js";import m from"./menubar-menu.js";import h from"./menubar-trigger.js";import g from"./menubar-content.js";import _ from"./menubar-sub-trigger.js";import v from"./menubar-sub-content.js";import y from"./menubar-compact.js";export{t as MenubarArrow,u as MenubarCheckboxGroup,s as MenubarCheckboxItem,y as MenubarCompact,g as MenubarContent,r as MenubarGroup,i as MenubarGroupLabel,a as MenubarItem,o as MenubarItemIndicator,m as MenubarMenu,e as MenubarPortal,d as MenubarRadioGroup,c as MenubarRadioItem,p as MenubarRoot,n as MenubarSeparator,l as MenubarSub,v as MenubarSubContent,_ as MenubarSubTrigger,h as MenubarTrigger,f as provideMenubarUi};

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

@@ -0,0 +1 @@
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{usePickProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import r from"../portal/portal.js";import i from"../link/link.js";import{useMenuUi as a}from"../menu/context.js";import o from"../menu/menu-options-compact.js";import"../menu/index.js";import s from"./menubar-root.js";import c from"./menubar-menu.js";import l from"./menubar-trigger.js";import u from"./menubar-content.js";import{Fragment as d,computed as f,createBlock as p,createCommentVNode as m,createElementBlock as h,createElementVNode as g,createSlots as _,createVNode as v,defineComponent as y,mergeProps as b,normalizeClass as x,openBlock as S,renderList as C,renderSlot as w,toDisplayString as T,toHandlers as E,unref as D,useSlots as O,withCtx as k}from"vue";import{keysOf as A}from"@soybeanjs/utils";const j=y({name:`MenubarCompact`,__name:`menubar-compact`,props:{disabled:{type:Boolean},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},modelValue:{},defaultValue:{},dir:{},loop:{type:Boolean},asChild:{type:Boolean},as:{},items:{},activeValue:{},itemProps:{},linkProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:modelValue`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:open`,`select`],setup(y,{emit:j}){let M=y,N=j,P=O(),F=t(M,[`as`,`modelValue`,`defaultValue`,`dir`,`loop`]),I=t(M,[`items`,`activeValue`,`itemProps`,`linkProps`,`groupProps`,`groupLabelProps`,`portalProps`,`subTriggerProps`,`subContentProps`,`separatorProps`,`shortcutProps`]),L=e(N),R=f(()=>A(P).filter(e=>e!==`trigger`)),z=a(),B=f(()=>({...M.triggerProps,disabled:M.disabled??M.triggerProps?.disabled})),V=f(()=>({...M.contentProps,popupProps:M.popupProps??M.contentProps?.popupProps,placement:M.placement??M.contentProps?.placement,sideOffset:M.contentProps?.sideOffset??(M.showArrow?0:8)}));return(e,t)=>(S(),p(s,b(D(F),E(D(L))),{default:k(()=>[(S(!0),h(d,null,C(y.items,t=>(S(),p(c,{key:t.value,value:t.value},{default:k(()=>[t.to||t.href?(S(),p(l,b({key:0,ref_for:!0},B.value,{"as-child":``}),{default:k(()=>[v(i,b({ref_for:!0},y.linkProps,{disabled:t.disabled,to:t.to,href:t.href,target:t.target,external:t.external}),{default:k(({isHref:r})=>[w(e.$slots,`trigger`,{item:t},()=>[w(e.$slots,`item-leading`,{item:t},()=>[t.icon?(S(),p(n,{key:0,icon:t.icon,class:x(D(z).itemIcon)},null,8,[`icon`,`class`])):m(`v-if`,!0)]),g(`span`,null,T(t.label),1),r?w(e.$slots,`item-link-icon`,{key:0,item:t},()=>[v(n,{icon:`lucide:arrow-up-right`,class:x(D(z).itemLinkIcon)},null,8,[`class`])]):m(`v-if`,!0),w(e.$slots,`item-trailing`,{item:t})])]),_:2},1040,[`disabled`,`to`,`href`,`target`,`external`])]),_:2},1040)):(S(),h(d,{key:1},[v(l,b({ref_for:!0},B.value),{default:k(()=>[w(e.$slots,`trigger`,{item:t},()=>[w(e.$slots,`item-leading`,{item:t},()=>[t.icon?(S(),p(n,{key:0,icon:t.icon,class:x(D(z).itemIcon)},null,8,[`icon`,`class`])):m(`v-if`,!0)]),g(`span`,null,T(t.label),1),w(e.$slots,`item-trailing`,{item:t})])]),_:2},1040),v(D(r),b({ref_for:!0},y.portalProps),{default:k(()=>[v(u,b({ref_for:!0},V.value),{default:k(()=>[v(D(o),b({ref_for:!0},D(I),{items:t.children??[]}),_({_:2},[C(R.value,t=>({name:t,fn:k(n=>[w(e.$slots,t,b({ref_for:!0},n))])}))]),1040,[`items`])]),_:2},1040)]),_:2},1040)],64))]),_:2},1032,[`value`]))),128))]),_:3},16))}});export{j as default};

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,20 @@
+import { DefinedValue } from "../../types/common.js";
+import { MenubarMenuProps } from "./types.js";
+//#region src/components/menubar/menubar-menu.vue.d.ts
+declare var __VLS_10: {
+  open: boolean;
+  value: DefinedValue;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<MenubarMenuProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MenubarMenuProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

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

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

@@ -0,0 +1,27 @@
+import { DefinedValue } from "../../types/common.js";
+import { MenubarRootProps } from "./types.js";
+//#region src/components/menubar/menubar-root.vue.d.ts
+type __VLS_Props = MenubarRootProps;
+declare var __VLS_14: {
+  modelValue: DefinedValue;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:modelValue": (value: DefinedValue) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+  "onUpdate:modelValue"?: ((value: DefinedValue) => any) | undefined;
+}>, {
+  loop: boolean;
+  modelValue: DefinedValue;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

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

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

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

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

@@ -0,0 +1 @@
+import e from"../menu/menu-sub-trigger.js";import"../menu/index.js";import{createBlock as t,defineComponent as n,mergeProps as r,openBlock as i,renderSlot as a,unref as o,withCtx as s}from"vue";const c=n({name:`MenubarSubTrigger`,__name:`menubar-sub-trigger`,props:{disabled:{type:Boolean},textValue:{},asChild:{type:Boolean},as:{}},setup(n){let c=n;return(n,l)=>(i(),t(o(e),r(c,{"data-soybean-menubar-sub-trigger":``}),{default:s(()=>[a(n.$slots,`default`)]),_:3},16))}});export{c as default};

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

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

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

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

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

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

package/dist/components/menubar/shared.js

@@ -0,0 +1 @@
+function e(e){return e?e.tagName===`A`||e.hasAttribute(`href`):!1}export{e as isTriggerLink};

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

@@ -0,0 +1,124 @@
+import { DefinedValue, Direction, Placement, UiClass } from "../../types/common.js";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
+import { ButtonProps } from "../button/types.js";
+import { PopperArrowProps } from "../popper/types.js";
+import { PortalProps } from "../portal/types.js";
+import { MenuContentEmits, MenuContentProps, MenuOptionData, MenuOptionsCompactEmits, MenuOptionsCompactProps, MenuOptionsCompactSlots, MenuPopupProps, MenuSubContentEmits, MenuSubContentProps, MenuSubTriggerProps, MenuUiSlot } from "../menu/types.js";
+import { ComputedRef, ShallowRef } from "vue";
+
+//#region src/components/menubar/types.d.ts
+/**
+ * Properties for the MenubarRoot component.
+ */
+interface MenubarRootProps<T extends DefinedValue = DefinedValue> extends Omit<PrimitiveWithBaseProps, 'onSelect'> {
+  /** The controlled value of the menu to open. Can be used as `v-model`. */
+  modelValue?: T;
+  /** The value of the menu that should be open when initially rendered. */
+  defaultValue?: T;
+  /** The reading direction of the menubar when applicable. */
+  dir?: Direction;
+  /** When `true`, keyboard navigation loops from last trigger to first and vice versa. */
+  loop?: boolean;
+}
+/**
+ * Events for the MenubarRoot component.
+ */
+type MenubarRootEmits<T extends DefinedValue = DefinedValue> = {
+  /**
+   * Emitted when the model value changes.
+   */
+  'update:modelValue': [value: T];
+};
+/**
+ * Properties for the MenubarMenu component.
+ */
+interface MenubarMenuProps {
+  /** A unique value that associates the trigger with the active root value when controlled. */
+  value?: DefinedValue;
+}
+/**
+ * Properties for the MenubarTrigger component.
+ */
+interface MenubarTriggerProps extends ButtonProps {}
+/**
+ * Events for the MenubarContent component.
+ */
+type MenubarContentEmits = MenuContentEmits;
+/**
+ * Properties for the MenubarContent component.
+ */
+interface MenubarContentProps extends MenuContentProps {}
+/**
+ * Properties for the MenubarSubTrigger component.
+ */
+interface MenubarSubTriggerProps extends MenuSubTriggerProps {}
+/**
+ * Properties for the MenubarSubContent component.
+ */
+interface MenubarSubContentProps extends MenuSubContentProps {}
+/**
+ * Events for the MenubarSubContent component.
+ */
+type MenubarSubContentEmits = MenuSubContentEmits;
+/**
+ * Properties for the MenubarCompact component.
+ */
+interface MenubarCompactProps<T extends DefinedValue = DefinedValue> extends MenubarRootProps<T>, MenuOptionsCompactProps<T> {
+  /**
+   * Whether the component is disabled.
+   */
+  disabled?: boolean;
+  /**
+   * Placement.
+   */
+  placement?: Placement;
+  /**
+   * Whether to show an arrow.
+   */
+  showArrow?: boolean;
+  /**
+   * Properties forwarded to the trigger element.
+   */
+  triggerProps?: MenubarTriggerProps;
+  /**
+   * Properties forwarded to the portal element.
+   */
+  portalProps?: PortalProps;
+  /**
+   * Properties forwarded to the content element.
+   */
+  contentProps?: MenubarContentProps;
+  /**
+   * Properties forwarded to the popup element.
+   */
+  popupProps?: MenuPopupProps;
+  /**
+   * Properties forwarded to the arrow element.
+   */
+  arrowProps?: PopperArrowProps;
+}
+/**
+ * Events for the MenubarCompact component.
+ */
+type MenubarCompactEmits<T extends DefinedValue = DefinedValue> = MenubarRootEmits<T> & MenuContentEmits & MenuOptionsCompactEmits<T>;
+/**
+ * Slots for the MenubarCompact component.
+ */
+type MenubarCompactSlots<T extends DefinedValue = DefinedValue> = MenuOptionsCompactSlots<T> & {
+  /**
+   * Custom content for the trigger slot.
+   */
+  trigger: (data: {
+    item: MenuOptionData<T>;
+  }) => any;
+};
+/**
+ * Available UI slots for the Menubar component.
+ */
+type MenubarUiSlot = 'root' | 'trigger' | MenuUiSlot;
+/**
+ * UI class overrides for the Menubar component.
+ */
+type MenubarUi = UiClass<MenubarUiSlot>;
+//#endregion
+export { MenubarCompactEmits, MenubarCompactProps, MenubarCompactSlots, MenubarContentEmits, MenubarContentProps, MenubarMenuProps, MenubarRootEmits, MenubarRootProps, MenubarSubContentEmits, MenubarSubContentProps, MenubarSubTriggerProps, MenubarTriggerProps, MenubarUi, MenubarUiSlot };

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,32 @@
+import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
+import { NavigationMenuCompactProps, NavigationMenuCompactSlots } from "./types.js";
+//#region src/components/navigation-menu/navigation-menu-compact.vue.d.ts
+type __VLS_Slots = NavigationMenuCompactSlots;
+declare const __VLS_base: import("vue").DefineComponent<NavigationMenuCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  select: (payload: CustomEvent<{
+    originalEvent: Event;
+  }>) => any;
+  "update:modelValue": (value: string) => any;
+  escapeKeyDown: (event: KeyboardEvent) => any;
+  pointerDownOutside: (event: PointerDownOutsideEvent) => any;
+  focusOutside: (event: FocusOutsideEvent) => any;
+  interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
+}, string, import("vue").PublicProps, Readonly<NavigationMenuCompactProps> & Readonly<{
+  onSelect?: ((payload: CustomEvent<{
+    originalEvent: Event;
+  }>) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

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

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

@@ -0,0 +1,27 @@
+import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
+import { NavigationMenuContentProps } from "./types.js";
+//#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: import("vue").DefineComponent<NavigationMenuContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  escapeKeyDown: (event: KeyboardEvent) => any;
+  pointerDownOutside: (event: PointerDownOutsideEvent) => any;
+  focusOutside: (event: FocusOutsideEvent) => any;
+  interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
+}, string, import("vue").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, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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"../../composables/index.js";import{getNavigationMenuIndicatorPosition as n,navigationMenuIndicatorCssVars as r}from"./shared.js";import{useNavigationMenuRootContext as i,useNavigationMenuUi as a}from"./context.js";import{Teleport as o,computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,defineComponent as d,mergeProps as f,openBlock as p,renderSlot as m,shallowRef as h,unref as g,useAttrs as _,watchEffect as v}from"vue";import{useResizeObserver as y}from"@vueuse/core";const b=[`dir`,`data-orientation`,`data-state`],x=d({name:`NavigationMenuIndicator`,inheritAttrs:!1,__name:`navigation-menu-indicator`,props:{forceMount:{type:Boolean}},setup(d){let x=d,S=_(),{dir:C,rootElement:w,orientation:T,activeTriggerElement:E,modelValue:D,indicatorTrackElement:O}=i(`NavigationMenuIndicator`),[k,A]=e(),j=a(`indicator`),M=s(()=>!!D.value),N=x.forceMount?h(!0):t(k,()=>M.value),P=h(),F=s(()=>{if(!P.value)return{};let{size:e,left:t,top:n}=P.value;return{[r.size]:`${e}px`,[r.left]:`${t}px`,[r.top]:`${n}px`}}),I=()=>{!E.value||!O.value||(P.value=n({indicatorTrackElement:O.value,activeTriggerElement:E.value,orientation:T.value,dir:C.value}))},L=s(()=>O.value?.ownerDocument?.body??w.value?.ownerDocument?.body);return v(()=>{if(!D.value){P.value=void 0;return}I()}),y(E,I),y(O,I),(e,t)=>L.value?(p(),c(o,{key:0,to:L.value},[g(N)?(p(),u(`div`,f({key:0},g(S),{ref:g(A),"data-soybean-navigation-menu-indicator":``,class:g(j),"aria-hidden":`true`,dir:g(C),"data-orientation":g(T),"data-state":M.value?`visible`:`hidden`,style:F.value}),[m(e.$slots,`default`)],16,b)):l(`v-if`,!0)],8,[`to`])):l(`v-if`,!0)}});export{x as default};

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

@@ -0,0 +1,17 @@
+import { NavigationMenuIndicatorProps } from "./types.js";
+
+//#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: import("vue").DefineComponent<NavigationMenuIndicatorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NavigationMenuIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/navigation-menu/navigation-menu-item-slot-compact.js

@@ -0,0 +1 @@
+import e from"../_icon/icon.js";import{useNavigationMenuUi as t}from"./context.js";import{createBlock as n,createCommentVNode as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=i({name:`NavigationMenuItemSlotCompact`,__name:`navigation-menu-item-slot-compact`,props:{icon:{}},setup(i){let l=t();return(t,u)=>s(t.$slots,`item`,{},()=>[s(t.$slots,`item-leading`,{},()=>[i.icon?(o(),n(e,{key:0,icon:i.icon,class:a(c(l).itemIcon)},null,8,[`icon`,`class`])):r(`v-if`,!0)]),s(t.$slots,`default`),s(t.$slots,`link-icon`),s(t.$slots,`item-trailing`),s(t.$slots,`trigger-icon`)])}});export{l as 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"../../shared/index.js";import"../../composables/index.js";import{createContentId as a,createTriggerId as o}from"./shared.js";import{provideNavigationMenuItemContext as s,useCollectionContext as c,useNavigationMenuRootContext as l,useNavigationMenuUi as u}from"./context.js";import{computed as d,createElementBlock as f,defineComponent as p,normalizeClass as m,onBeforeUnmount as h,openBlock as g,renderSlot as _,useId as v,withKeys as y}from"vue";const b=p({name:`NavigationMenuItem`,__name:`navigation-menu-item`,props:{value:{}},setup(p){let b=p,{isRoot:x,baseId:S,modelValue:C,onItemDismiss:w,addValue:T,removeValue:E}=l(`NavigationMenuItem`),{getOrderedElements:D}=c(`NavigationMenuItem`),O=u(),k=d(()=>x?O.value?.item:O.value?.subItem),A=b.value??v(),j=a(S,A),M=o(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.slice().reverse())},F=()=>{let e=document.getElementById(j);if(!e)return;let t=n(e);t.length&&(N=r(t))},{triggerElement:I}=s({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`,{"data-soybean-navigation-menu-item":``,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,17 @@
+import { NavigationMenuItemProps } from "./types.js";
+
+//#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: import("vue").DefineComponent<NavigationMenuItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NavigationMenuItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

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