@soybeanjs/headless 0.13.8 → 0.15.0-beta.1

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

@@ -1 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import{useIsUsingKeyboard as n}from"../../composables/use-is-using-keyboard.js";import"../../composables/index.js";import r from"../popper/popper-root.js";import"../popper/index.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";const 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,isRoot:!0}),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};
+import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import{useIsUsingKeyboard as n}from"../../composables/use-is-using-keyboard.js";import"../../composables/index.js";import{useDirection as r}from"../config-provider/context.js";import i from"../popper/popper-root.js";import"../popper/index.js";import{provideMenuContext as a,provideMenuRootContext as o}from"./context.js";import{createBlock as s,defineComponent as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=c({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(c,{emit:p}){let m=c,h=p,g=t(()=>m.open,e=>{h(`update:open`,e??!1)},m.defaultOpen),_=r(()=>m.dir),v=n(),y=()=>{g.value=!1};return a({open:g,isRoot:!0}),o({...e(m,[`modal`]),dir:_,onClose:y,isUsingKeyboard:v}),(e,t)=>(l(),s(d(i),null,{default:f(()=>[u(e.$slots,`default`,{open:d(g)})]),_:3}))}});export{p as default};

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

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

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

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{usePresence as t}from"../../composables/use-presence.js";import"../../composables/index.js";import{useMenuContext as n,useMenuRootContext as r}from"./context.js";import{SUB_CLOSE_KEYS as i}from"./shared.js";import a from"./menu-content-impl.js";import{computed as o,createBlock as s,createCommentVNode as c,defineComponent as l,mergeProps as u,openBlock as d,renderSlot as f,shallowRef as p,toHandlers as m,unref as h,withCtx as g,withModifiers as _}from"vue";const v=l({name:`MenuSubContent`,__name:`menu-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,default:!0},reference:{},forceMount:{type:Boolean},loop:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(l,{emit:v}){let y=l,b=e(v),{open:x,popupElement:S,triggerId:C,triggerElement:w,onOpenChange:T}=n(`MenuSubContent`),{dir:E,isUsingKeyboard:D,onClose:O}=r(`MenuSubContent`),k=y.forceMount?p(!0):t(S,x),A=o(()=>E.value===`rtl`?`left`:`right`),j=()=>{D.value&&S.value?.focus()},M=e=>{e.defaultPrevented||e.target!==w.value&&T(!1)},N=e=>{O(),e.preventDefault()},P=e=>{let t=e.currentTarget?.contains(e.target),n=i[E.value].includes(e.key);t&&n&&(T(!1),w.value?.focus(),e.preventDefault())};return(e,t)=>h(k)?(d(),s(a,u({key:0},y,{"trap-focus":!1,"disable-outside-pointer-events":!1,"aria-labelledby":h(C),align:`start`,side:A.value},m(h(b)),{onOpenAutoFocus:_(j,[`prevent`]),onCloseAutoFocus:t[0]||(t[0]=_(()=>{},[`prevent`])),onEscapeKeyDown:N,onFocusOutside:M,onKeydown:P}),{default:g(()=>[f(e.$slots,`default`)]),_:3},16,[`aria-labelledby`,`side`])):c(`v-if`,!0)}});export{v as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{usePresence as t}from"../../composables/use-presence.js";import"../../composables/index.js";import{useMenuContext as n,useMenuRootContext as r,useMenuSubAttributeContext as i}from"./context.js";import{SUB_CLOSE_KEYS as a}from"./shared.js";import o from"./menu-content-impl.js";import{computed as s,createBlock as c,createCommentVNode as l,defineComponent as u,mergeProps as d,openBlock as f,renderSlot as p,shallowRef as m,toHandlers as h,unref as g,withCtx as _,withModifiers as v}from"vue";const y=u({name:`MenuSubContent`,__name:`menu-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,default:!0},reference:{},forceMount:{type:Boolean},loop:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(u,{emit:y}){let b=u,x=e(y),{open:S,popupElement:C,triggerId:w,triggerElement:T,onOpenChange:E}=n(`MenuSubContent`),{dir:D,isUsingKeyboard:O,onClose:k}=r(`MenuSubContent`),A=i(),j=s(()=>d(b,{...A?.subContent?.value})),M=b.forceMount?m(!0):t(C,S),N=s(()=>D.value===`rtl`?`left`:`right`),P=()=>{O.value&&C.value?.focus()},F=e=>{e.defaultPrevented||e.target!==T.value&&E(!1)},I=e=>{k(),e.preventDefault()},L=e=>{let t=e.currentTarget?.contains(e.target),n=a[D.value].includes(e.key);t&&n&&(E(!1),T.value?.focus(),e.preventDefault())};return(e,t)=>g(M)?(f(),c(o,d({key:0},j.value,{"trap-focus":!1,"disable-outside-pointer-events":!1,"aria-labelledby":g(w),align:`start`,side:N.value},h(g(x)),{onOpenAutoFocus:v(P,[`prevent`]),onCloseAutoFocus:t[0]||(t[0]=v(()=>{},[`prevent`])),onEscapeKeyDown:I,onFocusOutside:F,onKeydown:L}),{default:_(()=>[p(e.$slots,`default`)]),_:3},16,[`aria-labelledby`,`side`])):l(`v-if`,!0)}});export{y as default};

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

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

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

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

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

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

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

package/dist/components/menu/shared.js

@@ -1 +1 @@
-import{SELECTION_KEYS as e}from"../../constants/common.js";const t={popupTransformOrigin:`--soybean-menu-popup-transform-origin`,popupAvailableWidth:`--soybean-menu-popup-available-width`,popupAvailableHeight:`--soybean-menu-popup-available-height`,triggerWidth:`--soybean-menu-trigger-width`,triggerHeight:`--soybean-menu-trigger-height`},n={popupTransformOrigin:`--soybean-sub-menu-popup-transform-origin`,popupAvailableWidth:`--soybean-sub-menu-popup-available-width`,popupAvailableHeight:`--soybean-sub-menu-popup-available-height`,triggerWidth:`--soybean-sub-menu-trigger-width`,triggerHeight:`--soybean-sub-menu-trigger-height`},r=`data-soybean-menu-popup`,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_POPUP_DATA_ATTRIBUTE,l as SUB_CLOSE_KEYS,c as SUB_OPEN_KEYS,t as menuCssVars,n as subMenuCssVars};
+import{SELECTION_KEYS as e}from"../../constants/common.js";const t={popupTransformOrigin:`--soybean-menu-popup-transform-origin`,popupAvailableWidth:`--soybean-menu-popup-available-width`,popupAvailableHeight:`--soybean-menu-popup-available-height`,triggerWidth:`--soybean-menu-trigger-width`,triggerHeight:`--soybean-menu-trigger-height`},n={popupTransformOrigin:`--soybean-sub-menu-popup-transform-origin`,popupAvailableWidth:`--soybean-sub-menu-popup-available-width`,popupAvailableHeight:`--soybean-sub-menu-popup-available-height`,triggerWidth:`--soybean-sub-menu-trigger-width`,triggerHeight:`--soybean-sub-menu-trigger-height`},r=`data-soybean-menu-popup`,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`]},u=[`item`,`item-leading`,`item-trailing`];export{u as COMMON_SLOTS,s as FIRST_LAST_KEYS,i as ITEM_SELECT,o as LAST_KEYS,r as MENU_POPUP_DATA_ATTRIBUTE,l as SUB_CLOSE_KEYS,c as SUB_OPEN_KEYS,t as menuCssVars,n as subMenuCssVars};

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

@@ -1,9 +1,14 @@
 import { AcceptableBooleanValue, CheckedState, DefinedValue, Direction, UiClass } from "../../types/common.js";
 import { DismissableLayerEmits, FocusScopeEmits, ForceMountProps } from "../../types/component.js";
 import { PrimitiveProps } from "../primitive/types.js";
+import { IconValue } from "../icon/types.js";
 import { DialogRootEmits, DialogRootProps } from "../dialog/types.js";
-import { RovingFocusGroupEmits, RovingFocusGroupProps } from "../roving-focus/types.js";
+import { PortalProps } from "../portal/types.js";
+import { LinkBaseProps, LinkProps } from "../link/types.js";
 import { PopperPopupProps, PopperPositionerProps } from "../popper/types.js";
+import { SeparatorRootProps } from "../separator/types.js";
+import { RovingFocusGroupEmits, RovingFocusGroupProps } from "../roving-focus/types.js";
+import { KbdProps, KbdValue } from "../kbd/types.js";
 import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, ShallowRef } from "vue";
 
 //#region src/components/menu/types.d.ts
@@ -30,7 +35,7 @@ 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 MenuGroupProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'dir' | 'onSelect'> {}
 interface MenuGroupLabelProps extends /** @vue-ignore */HTMLAttributes {}
 interface MenuItemImplProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
   /** When `true`, prevents the user from interacting with the item. */
@@ -49,7 +54,7 @@ type MenuItemEmits = {
    */
   select: [event: Event];
 };
-interface MenuCheckboxItemProps extends MenuItemProps {
+interface MenuCheckboxItemProps extends MenuItemImplProps {
   /** The controlled checked state of the item. Can be used as `v-model`. */
   modelValue?: CheckedState;
   /**
@@ -77,7 +82,7 @@ interface MenuCheckboxGroupProps<T extends DefinedValue = DefinedValue> extends
 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 {
+interface MenuRadioItemProps extends MenuItemImplProps {
   /** The value given as data when submitted with a `name`. */
   value: NonNullable<AcceptableBooleanValue>;
 }
@@ -98,7 +103,117 @@ type MenuRadioGroupEmits<T = AcceptableBooleanValue> = {
 };
 interface MenuSubTriggerProps extends MenuItemImplProps {}
 interface MenuItemIndicatorProps extends PrimitiveProps, ForceMountProps, /** @vue-ignore */HTMLAttributes {}
-type MenuUiSlot = 'positioner' | 'popup' | 'arrow' | 'subPositioner' | 'subPopup' | 'subTrigger' | 'group' | 'groupLabel' | 'item' | 'checkboxGroup' | 'checkboxItem' | 'radioGroup' | 'radioItem' | 'itemIndicator' | 'separator';
+interface MenuOptionData<T extends DefinedValue = DefinedValue> extends Pick<MenuItemProps, 'disabled' | 'textValue'>, LinkBaseProps {
+  /** The label to display in the menu. */
+  label: string;
+  /** The value of the option. */
+  value: T;
+  /** Whether the option should render as a group label. */
+  isGroupLabel?: boolean;
+  /** The icon rendered before the label. */
+  icon?: IconValue;
+  /** Whether to show a separator after this option. */
+  separator?: boolean;
+  /** The shortcut rendered at the end of the option. */
+  shortcut?: KbdValue | KbdValue[];
+  /** The children of the option. */
+  children?: MenuOptionData<T>[];
+}
+interface MenuShortcutProps extends Omit<KbdProps, 'value'> {}
+interface MenuOptionCompactProps<T extends DefinedValue = DefinedValue> {
+  item: MenuOptionData<T>;
+  itemProps?: MenuItemProps;
+  linkProps?: LinkProps;
+  groupProps?: MenuGroupProps;
+  groupLabelProps?: MenuGroupLabelProps;
+  subProps?: MenuSubProps;
+  subTriggerProps?: MenuSubTriggerProps;
+  portalProps?: PortalProps;
+  subContentProps?: MenuSubContentProps;
+  separatorProps?: SeparatorRootProps;
+  shortcutProps?: MenuShortcutProps;
+}
+type MenuOptionCompactSelectEmits<T extends DefinedValue = DefinedValue> = {
+  select: [item: MenuOptionData<T>, event: Event];
+};
+type MenuOptionCompactEmits<T extends DefinedValue = DefinedValue> = MenuSubEmits & MenuSubContentEmits & MenuOptionCompactSelectEmits<T>;
+type MenuOptionCompactSlots<T extends DefinedValue = DefinedValue> = {
+  item?: (props: {
+    item: MenuOptionData<T>;
+    isTrigger?: boolean;
+  }) => any;
+  'item-leading'?: (props: {
+    item: MenuOptionData<T>;
+  }) => any;
+  'item-trailing'?: (props: {
+    item: MenuOptionData<T>;
+  }) => any;
+  'item-trigger-icon'?: (props: {
+    item: MenuOptionData<T>;
+  }) => any;
+  'item-link-icon'?: (props: {
+    item: MenuOptionData<T>;
+  }) => any;
+};
+interface MenuOptionsCompactProps<T extends DefinedValue = DefinedValue> extends Omit<MenuOptionCompactProps<T>, 'item'> {
+  items: MenuOptionData<T>[];
+  /** The active value of the menu. */
+  activeValue?: T;
+}
+type MenuOptionsCompactEmits<T extends DefinedValue = DefinedValue> = MenuOptionCompactEmits<T>;
+type MenuOptionsCompactSlots<T extends DefinedValue = DefinedValue> = MenuOptionCompactSlots<T>;
+interface MenuCheckboxOptionData<T extends DefinedValue = DefinedValue> extends Omit<MenuOptionData<T>, 'children'> {}
+interface MenuCheckboxOptionsCompactProps<T extends DefinedValue = DefinedValue> extends MenuCheckboxGroupProps<T> {
+  items: MenuCheckboxOptionData<T>[];
+  groupLabelProps?: MenuGroupLabelProps;
+  checkboxItemProps?: MenuCheckboxItemProps;
+  indicatorProps?: MenuItemIndicatorProps;
+  shortcutProps?: MenuShortcutProps;
+  separatorProps?: SeparatorRootProps;
+}
+type MenuCheckboxOptionsCompactSelectEmits<T extends DefinedValue = DefinedValue> = {
+  select: [item: MenuCheckboxOptionData<T>, event: Event];
+};
+type MenuCheckboxOptionsCompactEmits<T extends DefinedValue = DefinedValue> = MenuCheckboxGroupEmits<T> & MenuCheckboxOptionsCompactSelectEmits<T>;
+type MenuCheckboxOptionsCompactSlots<T extends DefinedValue = DefinedValue> = {
+  item?: (props: MenuCheckboxOptionData<T>) => any;
+  'item-leading'?: (props: MenuCheckboxOptionData<T>) => any;
+  'item-trailing'?: (props: MenuCheckboxOptionData<T>) => any;
+  'item-indicator-icon'?: (props: MenuCheckboxOptionData<T>) => any;
+};
+interface MenuRadioOptionData<T extends AcceptableBooleanValue = AcceptableBooleanValue> extends Pick<MenuItemProps, 'disabled' | 'textValue'>, LinkBaseProps {
+  /** The label to display in the menu. */
+  label: string;
+  /** The value of the option. */
+  value: NonNullable<T>;
+  /** Whether the option should render as a group label. */
+  isGroupLabel?: boolean;
+  /** The icon rendered before the label. */
+  icon?: IconValue;
+  /** Whether to show a separator after this option. */
+  separator?: boolean;
+  /** The shortcut rendered at the end of the option. */
+  shortcut?: KbdValue | KbdValue[];
+}
+interface MenuRadioOptionsCompactProps<T extends AcceptableBooleanValue = AcceptableBooleanValue> extends MenuRadioGroupProps<T> {
+  items: MenuRadioOptionData<T>[];
+  groupLabelProps?: MenuGroupLabelProps;
+  radioItemProps?: MenuRadioItemProps;
+  indicatorProps?: MenuItemIndicatorProps;
+  shortcutProps?: MenuShortcutProps;
+  separatorProps?: SeparatorRootProps;
+}
+type MenuRadioOptionsCompactSelectEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue> = {
+  select: [item: MenuRadioOptionData<T>, event: Event];
+};
+type MenuRadioOptionsCompactEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue> = MenuRadioGroupEmits<T> & MenuRadioOptionsCompactSelectEmits<T>;
+type MenuRadioOptionsCompactSlots<T extends AcceptableBooleanValue = AcceptableBooleanValue> = {
+  item?: (props: MenuRadioOptionData<T>) => any;
+  'item-leading'?: (props: MenuRadioOptionData<T>) => any;
+  'item-trailing'?: (props: MenuRadioOptionData<T>) => any;
+  'item-indicator-icon'?: (props: MenuRadioOptionData<T>) => any;
+};
+type MenuUiSlot = 'positioner' | 'popup' | 'arrow' | 'subPositioner' | 'subPopup' | 'subTrigger' | 'group' | 'groupLabel' | 'item' | 'itemIcon' | 'itemLink' | 'itemLinkIcon' | 'checkboxGroup' | 'checkboxItem' | 'radioGroup' | 'radioItem' | 'itemIndicator' | 'subTriggerIcon' | 'shortcut' | 'separator';
 type MenuUi = UiClass<MenuUiSlot>;
 //#endregion
-export { MenuCheckboxGroupEmits, MenuCheckboxGroupProps, MenuCheckboxItemEmits, MenuCheckboxItemProps, MenuContentEmits, MenuContentProps, MenuGroupLabelProps, MenuGroupProps, MenuItemEmits, MenuItemIndicatorProps, MenuItemProps, MenuPopupProps, MenuRadioGroupEmits, MenuRadioGroupProps, MenuRadioItemEmits, MenuRadioItemProps, MenuRootEmits, MenuRootProps, MenuSubContentEmits, MenuSubContentProps, MenuSubEmits, MenuSubProps, MenuSubTriggerProps, MenuTriggerProps, MenuUi, MenuUiSlot };
+export { MenuCheckboxGroupEmits, MenuCheckboxGroupProps, MenuCheckboxItemEmits, MenuCheckboxItemProps, MenuCheckboxOptionData, MenuCheckboxOptionsCompactEmits, MenuCheckboxOptionsCompactProps, MenuCheckboxOptionsCompactSelectEmits, MenuCheckboxOptionsCompactSlots, MenuContentEmits, MenuContentProps, MenuGroupLabelProps, MenuGroupProps, MenuItemEmits, MenuItemIndicatorProps, MenuItemProps, MenuOptionCompactEmits, MenuOptionCompactProps, MenuOptionCompactSelectEmits, MenuOptionCompactSlots, MenuOptionData, MenuOptionsCompactEmits, MenuOptionsCompactProps, MenuOptionsCompactSlots, MenuPopupProps, MenuRadioGroupEmits, MenuRadioGroupProps, MenuRadioItemEmits, MenuRadioItemProps, MenuRadioOptionData, MenuRadioOptionsCompactEmits, MenuRadioOptionsCompactProps, MenuRadioOptionsCompactSelectEmits, MenuRadioOptionsCompactSlots, MenuRootEmits, MenuRootProps, MenuShortcutProps, MenuSubContentEmits, MenuSubContentProps, MenuSubEmits, MenuSubProps, MenuSubTriggerProps, MenuTriggerProps, MenuUi, MenuUiSlot };

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

@@ -0,0 +1,8 @@
+import { ClassValue, UiClass } from "../../types/common.js";
+import { MenubarUiSlot } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/menubar/context.d.ts
+declare const provideMenubarUi: (ui: _$vue.ComputedRef<Partial<UiClass<MenubarUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<MenubarUiSlot>>>, useMenubarUi: <S extends MenubarUiSlot | undefined = undefined>(slot?: S | undefined) => S extends MenubarUiSlot ? _$vue.ComputedRef<ClassValue> : _$vue.ComputedRef<Partial<UiClass<MenubarUiSlot>>>;
+//#endregion
+export { provideMenubarUi };

package/dist/components/menubar/context.js

@@ -0,0 +1 @@
+import{useContext as e}from"../../composables/use-context.js";import{useCollection as t}from"../../composables/use-collection.js";import{useUiContext as n}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{useDirection as r}from"../config-provider/context.js";import{provideMenuUi as i}from"../menu/context.js";import{shallowRef as a}from"vue";const{provideCollectionContext:o,useCollectionContext:s,useCollectionItem:c}=t(`Menubar`),[l,u]=e(`MenubarRoot`,e=>{let{modelValue:t,currentTabStopId:n}=e,i=r(e.dir),o=a(!1),s=e=>{o.value=!1,t.value=e,n.value=String(e)},c=()=>{o.value=!1,t.value=``},l=e=>{o.value=!1,t.value=t.value?``:e,n.value=String(e)},u=()=>{o.value=!0,t.value=``};return{...e,dir:i,isLinkTriggerHovered:o,onMenuOpen:s,onMenuClose:c,onMenuToggle:l,setTriggerLink:u}}),[d,f]=e(`MenubarMenu`,e=>e),[p,m]=n(`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-render.js";import r from"../portal/portal.js";import i from"../link/link.js";import{useMenuUi as a}from"../menu/context.js";import{e as o}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.0/node_modules/@soybeanjs/utils/dist/index.js";import s from"../menu/menu-options-compact.js";import"../menu/index.js";import c from"./menubar-root.js";import l from"./menubar-menu.js";import u from"./menubar-trigger.js";import d from"./menubar-content.js";import{Fragment as f,computed as p,createBlock as m,createCommentVNode as h,createElementBlock as g,createElementVNode as _,createSlots as v,createVNode as y,defineComponent as b,mergeProps as x,normalizeClass as S,openBlock as C,renderList as w,renderSlot as T,toDisplayString as E,toHandlers as D,unref as O,useSlots as k,withCtx as A}from"vue";const j=b({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(b,{emit:j}){let M=b,N=j,P=k(),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=p(()=>o(P).filter(e=>e!==`trigger`)),z=a(),B=p(()=>({...M.triggerProps,disabled:M.disabled??M.triggerProps?.disabled})),V=p(()=>({...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)=>(C(),m(c,x(O(F),D(O(L))),{default:A(()=>[(C(!0),g(f,null,w(b.items,t=>(C(),m(l,{key:t.value,value:t.value},{default:A(()=>[t.to||t.href?(C(),m(u,x({key:0,ref_for:!0},B.value,{"as-child":``}),{default:A(()=>[y(i,x({ref_for:!0},b.linkProps,{disabled:t.disabled,to:t.to,href:t.href,target:t.target,external:t.external}),{default:A(({isHref:r})=>[T(e.$slots,`trigger`,{item:t},()=>[T(e.$slots,`item-leading`,{item:t},()=>[t.icon?(C(),m(n,{key:0,icon:t.icon,class:S(O(z).itemIcon)},null,8,[`icon`,`class`])):h(`v-if`,!0)]),_(`span`,null,E(t.label),1),r?T(e.$slots,`item-link-icon`,{key:0,item:t},()=>[y(n,{icon:`lucide:arrow-up-right`,class:S(O(z).itemLinkIcon)},null,8,[`class`])]):h(`v-if`,!0),T(e.$slots,`item-trailing`,{item:t})])]),_:2},1040,[`disabled`,`to`,`href`,`target`,`external`])]),_:2},1040)):(C(),g(f,{key:1},[y(u,x({ref_for:!0},B.value),{default:A(()=>[T(e.$slots,`trigger`,{item:t},()=>[T(e.$slots,`item-leading`,{item:t},()=>[t.icon?(C(),m(n,{key:0,icon:t.icon,class:S(O(z).itemIcon)},null,8,[`icon`,`class`])):h(`v-if`,!0)]),_(`span`,null,E(t.label),1),T(e.$slots,`item-trailing`,{item:t})])]),_:2},1040),y(O(r),x({ref_for:!0},b.portalProps),{default:A(()=>[y(d,x({ref_for:!0},V.value),{default:A(()=>[y(O(s),x({ref_for:!0},O(I),{items:t.children??[]}),v({_:2},[w(R.value,t=>({name:t,fn:A(n=>[T(e.$slots,t,x({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,33 @@
+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";
+import * as _$vue from "vue";
+
+//#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: _$vue.PublicProps & __VLS_PrettifyLocal<MenubarCompactProps<T> & {
+    onSelect?: ((item: MenuOptionData<T>, event: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: T) => any) | undefined;
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onEntryFocus?: ((event: Event) => 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: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+}>) => _$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,loop:x,modelValue:S,onMenuOpen:C,setTriggerLink:w}=a(`MenubarContent`),{value:T,triggerId:E,contentId:D,triggerElement:O,wasKeyboardTriggerOpen:k}=i(`MenubarContent`),{getOrderedItems:A}=r(`MenubarContent`),j=f(!1),M=e=>{!S.value&&!j.value&&O.value?.focus(),j.value=!1,e.preventDefault()},N=e=>{let t=e.target;A().some(e=>e.element.contains(t))&&e.preventDefault()},P=()=>{j.value=!0},F=e=>{k.value||e.preventDefault()},I=t=>{let n=t.target.hasAttribute(`data-soybean-menubar-subtrigger`),r=b.value===`rtl`?`ArrowRight`:`ArrowLeft`,i=t.key===r;if(!i&&n)return;let a=A(),s=a.map(e=>e.data.value);i&&s.reverse();let c=s.findIndex(e=>e===T.value),l=(x.value?e(s,c+1):s.slice(c+1))[0],u=a.find(e=>e.data.value===l);!l||!u||(o(u.element)?(w(),u.element.focus()):C(l))};return(e,t)=>(u(),s(m(n),l(v,{id:m(D),"aria-labelledby":m(E),"data-slot":`content`},p(m(y)),{onCloseAutoFocus:M,onFocusOutside:N,onInteractOutside:P,onEntryFocus:F,onKeydown:g(I,[`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,38 @@
+import { Align } from "../../types/common.js";
+import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
+import { MenubarContentProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#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: _$vue.DefineComponent<MenubarContentProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  escapeKeyDown: (event: KeyboardEvent) => any;
+  pointerDownOutside: (event: PointerDownOutsideEvent) => any;
+  focusOutside: (event: FocusOutsideEvent) => any;
+  interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
+  entryFocus: (event: Event) => any;
+  openAutoFocus: (event: Event) => any;
+  closeAutoFocus: (event: Event) => any;
+}, string, _$vue.PublicProps, Readonly<MenubarContentProps> & Readonly<{
+  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
+  onEntryFocus?: ((event: Event) => any) | undefined;
+  onOpenAutoFocus?: ((event: Event) => any) | undefined;
+  onCloseAutoFocus?: ((event: Event) => any) | undefined;
+}>, {
+  align: Align;
+}, {}, {}, {}, string, _$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-subtrigger`))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-subtrigger":``})),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,22 @@
+import { DefinedValue } from "../../types/common.js";
+import { MenubarMenuProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#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: _$vue.DefineComponent<MenubarMenuProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<MenubarMenuProps> & Readonly<{}>, {}, {}, {}, {}, string, _$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{computed as l,createBlock as u,createVNode as d,defineComponent as f,mergeProps as p,openBlock as m,renderSlot as h,shallowRef as g,unref as _,withCtx as v}from"vue";const y=f({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(f,{emit:y}){let b=f,x=y,S=c(`root`),C=r(b,[`class`,`modelValue`,`defaultValue`,`dir`,`loop`]),w=l(()=>[S.value,b.class]),T=t(()=>b.modelValue,e=>{x(`update:modelValue`,e??``)},b.defaultValue??``),E=g(null);s({modelValue:T,currentTabStopId:E,...e(b,[`dir`,`loop`])});let{onContainerElementChange:D}=o(),[O,k]=n(D);return(e,t)=>(m(),u(_(a),{"current-tab-stop-id":E.value,"onUpdate:currentTabStopId":t[0]||(t[0]=e=>E.value=e),"as-child":``,orientation:`horizontal`,dir:f.dir,loop:f.loop},{default:v(()=>[d(_(i),p(_(C),{ref:_(k),as:f.as,"as-child":f.asChild,class:w.value,role:`menubar`,dir:f.dir,"data-slot":`root`}),{default:v(()=>[h(e.$slots,`default`,{modelValue:_(T)})]),_:3},16,[`as`,`as-child`,`class`,`dir`])]),_:3},8,[`current-tab-stop-id`,`dir`,`loop`]))}});export{y as default};

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

@@ -0,0 +1,29 @@
+import { DefinedValue } from "../../types/common.js";
+import { MenubarRootProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/menubar/menubar-root.vue.d.ts
+type __VLS_Props = MenubarRootProps;
+declare var __VLS_14: {
+  modelValue: string;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (value: DefinedValue) => any;
+}, string, _$vue.PublicProps, Readonly<__VLS_Props> & Readonly<{
+  "onUpdate:modelValue"?: ((value: DefinedValue) => any) | undefined;
+}>, {
+  modelValue: DefinedValue;
+  loop: boolean;
+}, {}, {}, {}, string, _$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-subtrigger`))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-slot":`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,35 @@
+import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
+import { MenubarSubContentProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#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: _$vue.DefineComponent<MenubarSubContentProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  escapeKeyDown: (event: KeyboardEvent) => any;
+  pointerDownOutside: (event: PointerDownOutsideEvent) => any;
+  focusOutside: (event: FocusOutsideEvent) => any;
+  interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
+  entryFocus: (event: Event) => any;
+  openAutoFocus: (event: Event) => any;
+  closeAutoFocus: (event: Event) => any;
+}, string, _$vue.PublicProps, Readonly<MenubarSubContentProps> & Readonly<{
+  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
+  onEntryFocus?: ((event: Event) => any) | undefined;
+  onOpenAutoFocus?: ((event: Event) => any) | undefined;
+  onCloseAutoFocus?: ((event: Event) => any) | undefined;
+}>, {}, {}, {}, {}, string, _$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-slot":`sub-trigger`,"data-soybean-menubar-subtrigger":``}),{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,18 @@
+import { MenubarSubTriggerProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#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: _$vue.DefineComponent<MenubarSubTriggerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<MenubarSubTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, _$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{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.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:{disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},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`),{itemProps:M,onItemElementChange:N}=i(()=>({value:T.value})),[P,F]=e(e=>{O.value=e,N(e)}),I=h(!1),L=()=>c(P.value),R=e=>{if(y.disabled||e.button!==0||e.ctrlKey)return;if(L()){w();return}let t=A.value;S(T.value),t||e.preventDefault()},z=()=>{!x.value&&!b.value||A.value||(L()?w():S(T.value),P.value?.focus())},B=()=>{I.value=!0},V=()=>{I.value=!1},H=e=>{y.disabled||L()||([`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(g(t),f(g(M),{id:g(E),ref:g(F),as:d.as,"as-child":d.asChild,class:g(j),type:d.as===`button`?`button`:void 0,role:`menuitem`,"aria-haspopup":`menu`,"aria-expanded":g(A),"aria-controls":g(A)?g(D):void 0,"data-highlighted":I.value?``:void 0,"data-state":g(A)?`open`:`closed`,"data-disabled":d.disabled?``:void 0,disabled:d.disabled,"data-value":g(T),"data-slot":`trigger`,onPointerdown:R,onPointerenter:z,onKeydown:v(H,[`enter`,`space`,`arrow-down`]),onFocus:B,onBlur:V}),{default:_(()=>[m(e.$slots,`default`)]),_:3},16,[`id`,`as`,`as-child`,`class`,`type`,`aria-expanded`,`aria-controls`,`data-highlighted`,`data-state`,`data-disabled`,`disabled`,`data-value`])]),_:3})]),_:3},8,[`focusable`,`tab-stop-id`]))}});export{y as default};