@soybeanjs/headless 0.5.2 → 0.5.4

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

@@ -3,20 +3,20 @@ import "../../types/index.js";
 import { AsTag } from "../primitive/types.js";
 import "../primitive/index.js";
 import { ListboxItemProps } from "./types.js";
-import * as vue1782 from "vue";
+import * as vue from "vue";
 
 //#region src/components/listbox/listbox-item.vue.d.ts
 declare var __VLS_12: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_12) => any;
 };
-declare const __VLS_base: vue1782.DefineComponent<ListboxItemProps, {}, {}, {}, {}, vue1782.ComponentOptionsMixin, vue1782.ComponentOptionsMixin, {
+declare const __VLS_base: vue.DefineComponent<ListboxItemProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   select: (event: SelectEvent<string>) => any;
-}, string, vue1782.PublicProps, Readonly<ListboxItemProps> & Readonly<{
+}, string, vue.PublicProps, Readonly<ListboxItemProps> & Readonly<{
   onSelect?: ((event: SelectEvent<string>) => any) | undefined;
 }>, {
-  as: AsTag | vue1782.Component;
-}, {}, {}, {}, string, vue1782.ComponentProvideOptions, false, {}, any>;
+  as: AsTag | vue.Component;
+}, {}, {}, {}, 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/listbox/listbox-root.js

@@ -1 +1 @@
-import{isFormControl as e,transformPropsToContext as t}from"../../shared/vue.js";import{useSelection as n}from"../../composables/use-selection.js";import r from"../visually-hidden/visually-hidden-input.js";import{provideListboxRootContext as i,useListboxUi as a}from"./context.js";import{computed as o,createBlock as s,createCommentVNode as c,createElementBlock as l,defineComponent as u,nextTick as d,normalizeClass as f,openBlock as p,renderSlot as m,unref as h,watch as g}from"vue";const _=[`data-disabled`,`dir`];var v=u({name:`ListboxRoot`,__name:`listbox-root`,props:{orientation:{default:`vertical`},dir:{},disabled:{type:Boolean},selectionBehavior:{default:`toggle`},highlightOnHover:{type:Boolean},modelValue:{default:void 0},defaultValue:{},multiple:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`entryFocus`,`leave`],setup(u,{expose:v,emit:y}){let b=u,x=y,S=a(`root`),{modelValue:C,isMultiple:w}=n(b,e=>{x(`update:modelValue`,e)}),{rootElement:T,setRootElement:E,isUserAction:D,highlightedElement:O,highlightSelected:k,highlightFirstItem:A,highlightItem:j,getItems:M}=i({...t(b,[`dir`,`orientation`,`disabled`,`highlightOnHover`,`selectionBehavior`]),modelValue:C,isMultiple:w,onHighlight(e){x(`highlight`,e)},onEntryFocus(e){x(`entryFocus`,e)},onLeave(e){x(`leave`,e)}}),N=o(()=>e(T.value));return g(C,()=>{D.value||d(()=>{k()})},{immediate:!0,deep:!0}),v({highlightedElement:O,highlightItem:j,highlightFirstItem:A,highlightSelected:k,getItems:M}),(e,t)=>(p(),l(`div`,{ref:h(E),class:f(h(S)),"data-disabled":u.disabled?``:void 0,dir:u.dir,onPointerleave:t[0]||(t[0]=(...t)=>e.onLeave&&e.onLeave(...t)),onFocusout:t[1]||(t[1]=(...t)=>e.onFocusout&&e.onFocusout(...t))},[m(e.$slots,`default`,{modelValue:h(C)}),N.value&&u.name?(p(),s(r,{key:0,name:u.name,value:h(C),disabled:u.disabled,required:u.required},null,8,[`name`,`value`,`disabled`,`required`])):c(`v-if`,!0)],42,_))}});export{v as default};
+import{isFormControl as e,transformPropsToContext as t}from"../../shared/vue.js";import"../../shared/index.js";import{useSelection as n}from"../../composables/use-selection.js";import"../../composables/index.js";import r from"../visually-hidden/visually-hidden-input.js";import{provideListboxRootContext as i,useListboxUi as a}from"./context.js";import{computed as o,createBlock as s,createCommentVNode as c,createElementBlock as l,defineComponent as u,nextTick as d,normalizeClass as f,openBlock as p,renderSlot as m,unref as h,watch as g}from"vue";const _=[`data-disabled`,`dir`],v=u({name:`ListboxRoot`,__name:`listbox-root`,props:{orientation:{default:`vertical`},dir:{},disabled:{type:Boolean},selectionBehavior:{default:`toggle`},highlightOnHover:{type:Boolean},modelValue:{default:void 0},defaultValue:{},multiple:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`entryFocus`,`leave`],setup(u,{expose:v,emit:y}){let b=u,x=y,S=a(`root`),{modelValue:C,isMultiple:w}=n(b,e=>{x(`update:modelValue`,e)}),{rootElement:T,setRootElement:E,isUserAction:D,highlightedElement:O,highlightSelected:k,highlightFirstItem:A,highlightItem:j,getItems:M}=i({...t(b,[`dir`,`orientation`,`disabled`,`highlightOnHover`,`selectionBehavior`]),modelValue:C,isMultiple:w,onHighlight(e){x(`highlight`,e)},onEntryFocus(e){x(`entryFocus`,e)},onLeave(e){x(`leave`,e)}}),N=o(()=>e(T.value));return g(C,()=>{D.value||d(()=>{k()})},{immediate:!0,deep:!0}),v({highlightedElement:O,highlightItem:j,highlightFirstItem:A,highlightSelected:k,getItems:M}),(e,t)=>(p(),l(`div`,{ref:h(E),class:f(h(S)),"data-disabled":u.disabled?``:void 0,dir:u.dir,onPointerleave:t[0]||(t[0]=(...t)=>e.onLeave&&e.onLeave(...t)),onFocusout:t[1]||(t[1]=(...t)=>e.onFocusout&&e.onFocusout(...t))},[m(e.$slots,`default`,{modelValue:h(C)}),N.value&&u.name?(p(),s(r,{key:0,name:u.name,value:h(C),disabled:u.disabled,required:u.required},null,8,[`name`,`value`,`disabled`,`required`])):c(`v-if`,!0)],42,_))}});export{v as default};

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

@@ -1,11 +1,11 @@
 import { CollectionItemData } from "../../composables/use-collection.js";
 import "../../composables/index.js";
 import { ListboxCollectionItemData, ListboxRootProps } from "./types.js";
-import * as vue1758 from "vue";
+import * as vue from "vue";
 
 //#region src/components/listbox/listbox-root.vue.d.ts
 declare const __VLS_export: <M extends boolean>(__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: vue1758.PublicProps & __VLS_PrettifyLocal<ListboxRootProps<M> & {
+  props: vue.PublicProps & __VLS_PrettifyLocal<ListboxRootProps<M> & {
     "onUpdate:modelValue"?: ((value: M extends true ? string[] : string) => any) | undefined;
     onEntryFocus?: ((event: CustomEvent<any>) => any) | undefined;
     onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
@@ -13,8 +13,8 @@ declare const __VLS_export: <M extends boolean>(__VLS_props: NonNullable<Awaited
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
-  expose: (exposed: vue1758.ShallowUnwrapRef<{
-    highlightedElement: vue1758.ShallowRef<HTMLElement | null, HTMLElement | null>;
+  expose: (exposed: vue.ShallowUnwrapRef<{
+    highlightedElement: vue.ShallowRef<HTMLElement | null, HTMLElement | null>;
     highlightItem: (value: string) => void;
     highlightFirstItem: () => void;
     highlightSelected: (event?: Event) => Promise<void>;
@@ -27,7 +27,7 @@ declare const __VLS_export: <M extends boolean>(__VLS_props: NonNullable<Awaited
     }) => any;
   };
   emit: ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "leave", event: Event) => void);
-}>) => vue1758.VNode & {
+}>) => vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/listbox/listbox-virtualizer.js

@@ -1 +1 @@
-import{MAP_KEY_TO_FOCUS_INTENT as e}from"../../constants/common.js";import{findValuesBetween as t,getNextMatch as n}from"../../shared/object.js";import{getActiveElement as r}from"../../shared/dom.js";import{useCollectionContext as i,useListboxRootContext as a,useListboxUi as o}from"./context.js";import{getVirtualizerItems as s,getVirtualizerPadding as c,queryCheckedElement as l}from"./shared.js";import{Fragment as u,computed as d,createBlock as f,createElementBlock as p,defineComponent as m,normalizeClass as h,normalizeStyle as g,openBlock as _,renderList as v,resolveDynamicComponent as y,unref as b,useSlots as x}from"vue";import{refAutoReset as S,useParentElement as C}from"@vueuse/core";import{useVirtualizer as w}from"@tanstack/vue-virtual";var T=m({name:`ListboxVirtualizer`,__name:`listbox-virtualizer`,props:{options:{},overscan:{},estimateSize:{},textContent:{type:Function}},setup(m){let T=m,E=x(),{modelValue:D,isMultiple:O,orientation:k,firstValue:A,isVirtual:j,virtualFocusHook:M,virtualHighlightHook:N,virtualKeydownHook:P,highlightedElement:F,changeHighlight:I,highlightFirstItem:L}=a(`ListboxVirtualizer`);j.value=!0;let R=o(`virtualizer`),{getOrderedItems:z,getOrderedElements:B}=i(`ListboxVirtualizer`),V=S(``,1e3),H=d(()=>{let e=e=>T.textContent?T.textContent(e):e?.toString()?.toLowerCase();return T.options.map((t,n)=>({index:n,textContent:e(t)}))}),U=C(),W=d(()=>c(U.value)),G=w(d(()=>({scrollPaddingStart:W.value.start,scrollPaddingEnd:W.value.end,count:T.options.length,horizontal:k.value===`horizontal`,overscan:T.overscan??12,estimateSize:()=>T.estimateSize??28,getScrollElement:()=>U.value}))),K=d(()=>G.value.getTotalSize()),q=d(()=>`position:relative;width:100%;height:${K.value}px;`),J=d(()=>s(G.value,T.options,E.default));M.on(e=>{let t=T.options.findIndex(e=>e===(Array.isArray(D.value)?D.value[0]:D.value));t===-1?L():(e?.preventDefault(),G.value.scrollToIndex(t,{align:`start`}),requestAnimationFrame(()=>{let t=l(U.value);t&&(I(t),e&&t.focus())}))}),N.on(e=>{let t=T.options.findIndex(t=>t===e);G.value.scrollToIndex(t,{align:`start`}),requestAnimationFrame(()=>{let e=l(U.value);e&&I(e)})}),P.on(t=>{let i=t.altKey||t.ctrlKey||t.metaKey;if(t.key===`Tab`&&!i)return;let a=e[t.key];if(i&&t.key===`a`&&O.value?(t.preventDefault(),D.value=[...T.options],a=`last`):t.shiftKey&&a&&Y(t,a),[`first`,`last`].includes(a)){t.preventDefault();let e=a===`first`?0:T.options.length-1;G.value.scrollToIndex(e),requestAnimationFrame(()=>{let e=B(),t=a===`first`?e[0]:e[e.length-1];t&&I(t)})}else if(!a&&!i){V.value+=t.key;let e=Number(r()?.getAttribute(`data-index`)),i=H.value[e]?.textContent,a=n(H.value.map(e=>e.textContent||``),V.value,i),o=H.value.find(e=>e.textContent===a);o&&(G.value.scrollToIndex(o.index,{align:`start`}),requestAnimationFrame(()=>{let e=U.value?.querySelector(`[data-index="${o.index}"]`);e instanceof HTMLElement&&I(e)}))}});function Y(e,n){if(!A.value||!O.value||!Array.isArray(D.value))return;let r=z().find(e=>e.element===F.value)?.data?.value;if(!r)return;let i=null;switch(n){case`prev`:case`next`:i=t(T.options,A.value,r);break;case`first`:i=t(T.options,A.value,T.options?.[0]);break;case`last`:i=t(T.options,A.value,T.options?.[T.options.length-1]);break;default:}D.value=i??void 0}return(e,t)=>(_(),p(`div`,{"data-soybean-virtualizer":``,class:h(b(R)),style:g(q.value)},[(_(!0),p(u,null,v(J.value,({is:e,item:t})=>(_(),f(y(e),{key:t.index}))),128))],6))}});export{T as default};
+import{MAP_KEY_TO_FOCUS_INTENT as e}from"../../constants/common.js";import{findValuesBetween as t,getNextMatch as n}from"../../shared/object.js";import{getActiveElement as r}from"../../shared/dom.js";import"../../shared/index.js";import{useCollectionContext as i,useListboxRootContext as a,useListboxUi as o}from"./context.js";import{getVirtualizerItems as s,getVirtualizerPadding as c,queryCheckedElement as l}from"./shared.js";import{Fragment as u,computed as d,createBlock as f,createElementBlock as p,defineComponent as m,normalizeClass as h,normalizeStyle as g,openBlock as _,renderList as v,resolveDynamicComponent as y,unref as b,useSlots as x}from"vue";import{refAutoReset as S,useParentElement as C}from"@vueuse/core";import{useVirtualizer as w}from"@tanstack/vue-virtual";const T=m({name:`ListboxVirtualizer`,__name:`listbox-virtualizer`,props:{options:{},overscan:{},estimateSize:{},textContent:{type:Function}},setup(m){let T=m,E=x(),{modelValue:D,isMultiple:O,orientation:k,firstValue:A,isVirtual:j,virtualFocusHook:M,virtualHighlightHook:N,virtualKeydownHook:P,highlightedElement:F,changeHighlight:I,highlightFirstItem:L}=a(`ListboxVirtualizer`);j.value=!0;let R=o(`virtualizer`),{getOrderedItems:z,getOrderedElements:B}=i(`ListboxVirtualizer`),V=S(``,1e3),H=d(()=>{let e=e=>T.textContent?T.textContent(e):e?.toString()?.toLowerCase();return T.options.map((t,n)=>({index:n,textContent:e(t)}))}),U=C(),W=d(()=>c(U.value)),G=w(d(()=>({scrollPaddingStart:W.value.start,scrollPaddingEnd:W.value.end,count:T.options.length,horizontal:k.value===`horizontal`,overscan:T.overscan??12,estimateSize:()=>T.estimateSize??28,getScrollElement:()=>U.value}))),K=d(()=>G.value.getTotalSize()),q=d(()=>`position:relative;width:100%;height:${K.value}px;`),J=d(()=>s(G.value,T.options,E.default));M.on(e=>{let t=T.options.findIndex(e=>e===(Array.isArray(D.value)?D.value[0]:D.value));t===-1?L():(e?.preventDefault(),G.value.scrollToIndex(t,{align:`start`}),requestAnimationFrame(()=>{let t=l(U.value);t&&(I(t),e&&t.focus())}))}),N.on(e=>{let t=T.options.findIndex(t=>t===e);G.value.scrollToIndex(t,{align:`start`}),requestAnimationFrame(()=>{let e=l(U.value);e&&I(e)})}),P.on(t=>{let i=t.altKey||t.ctrlKey||t.metaKey;if(t.key===`Tab`&&!i)return;let a=e[t.key];if(i&&t.key===`a`&&O.value?(t.preventDefault(),D.value=[...T.options],a=`last`):t.shiftKey&&a&&Y(t,a),[`first`,`last`].includes(a)){t.preventDefault();let e=a===`first`?0:T.options.length-1;G.value.scrollToIndex(e),requestAnimationFrame(()=>{let e=B(),t=a===`first`?e[0]:e[e.length-1];t&&I(t)})}else if(!a&&!i){V.value+=t.key;let e=Number(r()?.getAttribute(`data-index`)),i=H.value[e]?.textContent,a=n(H.value.map(e=>e.textContent||``),V.value,i),o=H.value.find(e=>e.textContent===a);o&&(G.value.scrollToIndex(o.index,{align:`start`}),requestAnimationFrame(()=>{let e=U.value?.querySelector(`[data-index="${o.index}"]`);e instanceof HTMLElement&&I(e)}))}});function Y(e,n){if(!A.value||!O.value||!Array.isArray(D.value))return;let r=z().find(e=>e.element===F.value)?.data?.value;if(!r)return;let i=null;switch(n){case`prev`:case`next`:i=t(T.options,A.value,r);break;case`first`:i=t(T.options,A.value,T.options?.[0]);break;case`last`:i=t(T.options,A.value,T.options?.[T.options.length-1]);break;default:}D.value=i??void 0}return(e,t)=>(_(),p(`div`,{"data-soybean-virtualizer":``,class:h(b(R)),style:g(q.value)},[(_(!0),p(u,null,v(J.value,({is:e,item:t})=>(_(),f(y(e),{key:t.index}))),128))],6))}});export{T as default};

package/dist/components/listbox/listbox-virtualizer.vue.d.ts

@@ -1,9 +1,9 @@
 import { ListboxVirtualizerProps, ListboxVirtualizerSlots } from "./types.js";
-import * as vue1772 from "vue";
+import * as vue from "vue";
 
 //#region src/components/listbox/listbox-virtualizer.vue.d.ts
 type __VLS_Slots = ListboxVirtualizerSlots;
-declare const __VLS_base: vue1772.DefineComponent<ListboxVirtualizerProps, {}, {}, {}, {}, vue1772.ComponentOptionsMixin, vue1772.ComponentOptionsMixin, {}, string, vue1772.PublicProps, Readonly<ListboxVirtualizerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1772.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue.DefineComponent<ListboxVirtualizerProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<ListboxVirtualizerProps> & 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/listbox/types.d.ts

@@ -33,11 +33,8 @@ type ListboxCollectionItemData = {
   value: string;
 };
 type ListboxRootEmits<M extends boolean = false> = SelectionEmits<M> & {
-  /** Event handler when highlighted element changes. */
-  highlight: [payload?: CollectionItemData<ListboxCollectionItemData>];
-  /** Event handler called when container is being focused. Can be prevented. */
-  entryFocus: [event: CustomEvent];
-  /** Event handler called when the mouse leave the container */
+  /** Event handler when highlighted element changes. */highlight: [payload?: CollectionItemData<ListboxCollectionItemData>]; /** Event handler called when container is being focused. Can be prevented. */
+  entryFocus: [event: CustomEvent]; /** Event handler called when the mouse leave the container */
   leave: [event: Event];
 };
 interface ListboxItemProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'onSelect'> {
@@ -47,8 +44,7 @@ interface ListboxItemProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAt
   disabled?: boolean;
 }
 type ListboxItemEmits = {
-  /** Event handler called when the selecting item. <br> It can be prevented by calling `event.preventDefault`. */
-  select: [event: SelectEvent<string>];
+  /** Event handler called when the selecting item. <br> It can be prevented by calling `event.preventDefault`. */select: [event: SelectEvent<string>];
 };
 interface ListboxItemIndicatorProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
 interface ListboxGroupProps extends /** @vue-ignore */HTMLAttributes {}

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

@@ -2,10 +2,9 @@ import { ClassValue, UiClass } from "../../types/common.js";
 import "../../types/index.js";
 import { MenuUiSlot } from "./types.js";
 import "../../index.js";
-import * as vue1630 from "vue";
+import * as vue from "vue";
 
 //#region src/components/menu/context.d.ts
-
-declare const provideMenuUi: (ui: vue1630.ComputedRef<Partial<UiClass<MenuUiSlot>>>) => vue1630.ComputedRef<Partial<UiClass<MenuUiSlot>>>, useMenuUi: <S extends MenuUiSlot | undefined = undefined>(slot?: S | undefined) => S extends MenuUiSlot ? vue1630.ComputedRef<ClassValue> : vue1630.ComputedRef<Partial<UiClass<MenuUiSlot>>>;
+declare const provideMenuUi: (ui: vue.ComputedRef<Partial<UiClass<MenuUiSlot>>>) => vue.ComputedRef<Partial<UiClass<MenuUiSlot>>>, useMenuUi: <S extends MenuUiSlot | undefined = undefined>(slot?: S | undefined) => S extends MenuUiSlot ? vue.ComputedRef<ClassValue> : vue.ComputedRef<Partial<UiClass<MenuUiSlot>>>;
 //#endregion
 export { provideMenuUi, useMenuUi };

package/dist/components/menu/context.js

@@ -1 +1 @@
-import{getDisclosureState as e}from"../../shared/value.js";import{isPointerInGraceArea as t}from"../../shared/geometry.js";import{useContext as n}from"../../composables/use-context.js";import{useUiContext as r}from"../../composables/use-ui-context.js";import{useDirection as i}from"../config-provider/context.js";import{providePopperUi as a}from"../popper/context.js";import{provideSeparatorUi as o}from"../separator/context.js";import{computed as s,ref as c,shallowRef as l,useId as u}from"vue";const[d,f]=n(`Menu`,t=>{let{isRoot:n,open:r}=t,i=e=>{r.value=e},a=s(()=>e(r.value)),o=n?`data-soybean-menu-popup`:`data-soybean-menu-sub-popup`,c=l(),d=e=>{c.value=e},f=l(),p=e=>{f.value=e},m=n?`soybean-menu`:`soybean-menu-sub`,h=l(``),g=()=>{h.value||(h.value=`${m}-popup-${u()}`)},_=l(``);return{isRoot:n,open:r,onOpenChange:i,dataState:a,dataPopupAttr:o,popupElement:c,onPopupElementChange:d,triggerElement:f,onTriggerElementChange:p,popupId:h,initPopupId:g,triggerId:_,initTriggerId:()=>{_.value||(_.value=`${m}-trigger-${u()}`)}}}),[p,m]=n(`MenuRoot`,e=>{let t=i(e.dir);return{...e,dir:t}}),[h,g]=n(`MenuContent`,e=>{let{popupElement:n}=e,r=l(``),i=c(null),a=l(0),o=l(`right`),s=c(null),u=e=>{s.value=e},d=()=>{s.value=null},f=e=>{let n=o.value===s.value?.side,r=t(e,s.value?.area);return n&&r};return{searchRef:r,currentItemId:i,popupElement:n,pointerSide:o,pointerGraceTimer:a,pointerGraceIntent:s,onPointerGraceIntentChange:u,resetPointerGraceIntent:d,onItemEnter:f,onItemLeave:e=>{f(e)||(n.value?.focus(),i.value=null)},onTriggerLeave:f}}),[_,v]=n(`MenuCheckboxGroup`,e=>{let{modelValue:t}=e,n=e=>{t.value||(t.value=[]),t.value.includes(e)?t.value=t.value.filter(t=>t!==e):t.value.push(e)};return{...e,onModelValueChange:n}}),[y,b]=n(`MenuRadioGroup`,e=>{let{modelValue:t}=e,n=e=>{t.value=e};return{...e,onModelValueChange:n}}),[x,S]=n(`MenuItemIndicator`,e=>e),[C,w]=r(`MenuUi`,e=>(a(s(()=>({arrow:e.value?.arrow}))),o(s(()=>({root:e.value?.separator}))),e));export{_ as provideMenuCheckboxGroupContext,h as provideMenuContentContext,d as provideMenuContext,x as provideMenuItemIndicatorContext,y as provideMenuRadioGroupContext,p as provideMenuRootContext,C as provideMenuUi,v as useMenuCheckboxGroupContext,g as useMenuContentContext,f as useMenuContext,S as useMenuItemIndicatorContext,b as useMenuRadioGroupContext,m as useMenuRootContext,w as useMenuUi};
+import{getDisclosureState as e}from"../../shared/value.js";import{isPointerInGraceArea as t}from"../../shared/geometry.js";import"../../shared/index.js";import{useContext as n}from"../../composables/use-context.js";import{useUiContext as r}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{useDirection as i}from"../config-provider/context.js";import{providePopperUi as a}from"../popper/context.js";import{provideSeparatorUi as o}from"../separator/context.js";import{computed as s,ref as c,shallowRef as l,useId as u}from"vue";const[d,f]=n(`Menu`,t=>{let{isRoot:n,open:r}=t,i=e=>{r.value=e},a=s(()=>e(r.value)),o=n?`data-soybean-menu-popup`:`data-soybean-menu-sub-popup`,c=l(),d=e=>{c.value=e},f=l(),p=e=>{f.value=e},m=n?`soybean-menu`:`soybean-menu-sub`,h=l(``),g=()=>{h.value||(h.value=`${m}-popup-${u()}`)},_=l(``);return{isRoot:n,open:r,onOpenChange:i,dataState:a,dataPopupAttr:o,popupElement:c,onPopupElementChange:d,triggerElement:f,onTriggerElementChange:p,popupId:h,initPopupId:g,triggerId:_,initTriggerId:()=>{_.value||(_.value=`${m}-trigger-${u()}`)}}}),[p,m]=n(`MenuRoot`,e=>{let t=i(e.dir);return{...e,dir:t}}),[h,g]=n(`MenuContent`,e=>{let{popupElement:n}=e,r=l(``),i=c(null),a=l(0),o=l(`right`),s=c(null),u=e=>{s.value=e},d=()=>{s.value=null},f=e=>{let n=o.value===s.value?.side,r=t(e,s.value?.area);return n&&r};return{searchRef:r,currentItemId:i,popupElement:n,pointerSide:o,pointerGraceTimer:a,pointerGraceIntent:s,onPointerGraceIntentChange:u,resetPointerGraceIntent:d,onItemEnter:f,onItemLeave:e=>{f(e)||(n.value?.focus(),i.value=null)},onTriggerLeave:f}}),[_,v]=n(`MenuCheckboxGroup`,e=>{let{modelValue:t}=e,n=e=>{t.value||(t.value=[]),t.value.includes(e)?t.value=t.value.filter(t=>t!==e):t.value.push(e)};return{...e,onModelValueChange:n}}),[y,b]=n(`MenuRadioGroup`,e=>{let{modelValue:t}=e,n=e=>{t.value=e};return{...e,onModelValueChange:n}}),[x,S]=n(`MenuItemIndicator`,e=>e),[C,w]=r(`MenuUi`,e=>(a(s(()=>({arrow:e.value?.arrow}))),o(s(()=>({root:e.value?.separator}))),e));export{_ as provideMenuCheckboxGroupContext,h as provideMenuContentContext,d as provideMenuContext,x as provideMenuItemIndicatorContext,y as provideMenuRadioGroupContext,p as provideMenuRootContext,C as provideMenuUi,v as useMenuCheckboxGroupContext,g as useMenuContentContext,f as useMenuContext,S as useMenuItemIndicatorContext,b as useMenuRadioGroupContext,m as useMenuRootContext,w as useMenuUi};

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

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

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

@@ -1,11 +1,11 @@
 import { DefinedValue } from "../../types/common.js";
 import "../../types/index.js";
 import { MenuCheckboxGroupProps } from "./types.js";
-import * as vue1710 from "vue";
+import * as vue from "vue";
 
 //#region src/components/menu/menu-checkbox-group.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: vue1710.PublicProps & __VLS_PrettifyLocal<MenuCheckboxGroupProps<T> & {
+  props: vue.PublicProps & __VLS_PrettifyLocal<MenuCheckboxGroupProps<T> & {
     "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -18,7 +18,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
     }) => any;
   };
   emit: (evt: "update:modelValue", value: T[]) => void;
-}>) => vue1710.VNode & {
+}>) => vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

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

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

@@ -1,7 +1,7 @@
 import { CheckedState } from "../../types/common.js";
 import "../../types/index.js";
 import { MenuCheckboxItemProps } from "./types.js";
-import * as vue1625 from "vue";
+import * as vue from "vue";
 
 //#region src/components/menu/menu-checkbox-item.vue.d.ts
 declare var __VLS_10: {
@@ -10,13 +10,13 @@ declare var __VLS_10: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
-declare const __VLS_base: vue1625.DefineComponent<MenuCheckboxItemProps, {}, {}, {}, {}, vue1625.ComponentOptionsMixin, vue1625.ComponentOptionsMixin, {
+declare const __VLS_base: vue.DefineComponent<MenuCheckboxItemProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   select: (event: Event) => any;
   "update:modelValue": (value: CheckedState) => any;
-}, string, vue1625.PublicProps, Readonly<MenuCheckboxItemProps> & Readonly<{
+}, string, vue.PublicProps, Readonly<MenuCheckboxItemProps> & Readonly<{
   onSelect?: ((event: Event) => any) | undefined;
   "onUpdate:modelValue"?: ((value: CheckedState) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue1625.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-content-impl.js

@@ -1 +1 @@
-import{COLLECTION_ITEM_ATTRIBUTE as e}from"../../constants/attr.js";import{useArrowNavigation as t}from"../../composables/use-arrow-navigation.js";import{getActiveElement as n}from"../../shared/dom.js";import{tryFocusFirst as ee}from"../../shared/focus.js";import{isMouseEvent as r}from"../../shared/event.js";import{useBodyScrollLock as i}from"../../composables/use-body-scroll-lock.js";import{useDismissableLayer as a}from"../../composables/use-dismissable-layer.js";import{useForwardElement as o}from"../../composables/use-forward-element.js";import{useFocusGuards as s}from"../../composables/use-focus-guards.js";import{useFocusScope as c}from"../../composables/use-focus-scope.js";import{useHideOthers as l}from"../../composables/use-hide-others.js";import{useOmitProps as te}from"../../composables/use-props.js";import{useTypeahead as ne}from"../../composables/use-typeahead.js";import u from"../roving-focus/roving-focus-group.js";import{popperCssVars as d}from"../popper/shared.js";import re from"../popper/popper-positioner.js";import ie from"../popper/popper-popup.js";import{provideMenuContentContext as f,useMenuContext as p,useMenuRootContext as m,useMenuUi as h}from"./context.js";import{FIRST_LAST_KEYS as g,LAST_KEYS as _,MENU_POPUP_DATA_ATTRIBUTE as v,menuCssVars as y,subMenuCssVars as b}from"./shared.js";import{computed as x,createBlock as ae,createVNode as S,defineComponent as C,isRef as w,mergeProps as T,onWatcherCleanup as E,openBlock as D,renderSlot as O,unref as k,useTemplateRef as A,watchEffect as j,withCtx as M}from"vue";var N=C({name:`MenuContentImpl`,__name:`menu-content-impl`,props:{popupProps:{},placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{},trapFocus:{type:Boolean},disableOutsidePointerEvents:{type:Boolean},loop:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(C,{emit:N}){let P=C,F=N,{modal:I,dir:L,isUsingKeyboard:R}=m(`MenuContentImpl`),{isRoot:z,dataState:B,popupId:V,triggerId:H,dataPopupAttr:oe,initPopupId:U,onOpenChange:W,onPopupElementChange:G}=p(`MenuContentImpl`),[K,q]=o(),[J,se]=o(e=>{G(e)}),{currentItemId:Y,searchRef:ce,pointerSide:le}=f({popupElement:J}),X=h(),Z=x(()=>z?X.value?.positioner:X.value?.subPositioner),ue=x(()=>z?X.value?.popup:X.value?.subPopup),{handleTypeaheadSearch:de}=ne(),Q=A(`rovingFocusGroupRef`),{pointerEvents:fe}=a(J,{disableOutsidePointerEvents:()=>P.disableOutsidePointerEvents,onEscapeKeyDown:e=>{F(`escapeKeyDown`,e)},onPointerDownOutside:e=>{F(`pointerDownOutside`,e)},onFocusOutside:e=>{F(`focusOutside`,e)},onInteractOutside:e=>{F(`interactOutside`,e)},onDismiss:()=>{z&&W(!1)}}),{onKeydown:pe}=c(K,{trapped:()=>P.trapFocus,onOpenAutoFocus:e=>{F(`openAutoFocus`,e),!e.defaultPrevented&&(e.preventDefault(),J.value?.focus({preventScroll:!0}))},onCloseAutoFocus:e=>{F(`closeAutoFocus`,e)}}),me=te(P,[`disableOutsidePointerEvents`,`trapFocus`,`loop`,`popupProps`]),he=x(()=>({...P.popupProps,[oe]:``})),ge=x(()=>{let e=z?y:b;return{[e.popupTransformOrigin]:`var(${d.transformOrigin})`,[e.popupAvailableWidth]:`var(${d.availableWidth})`,[e.popupAvailableHeight]:`var(${d.availableHeight})`,[e.triggerWidth]:`var(${d.anchorWidth})`,[e.triggerHeight]:`var(${d.anchorHeight})`,pointerEvents:fe.value}}),_e=e=>{F(`entryFocus`,e),R.value||e.preventDefault()},ve=r=>{if(pe(r),r.defaultPrevented)return;let i=r.target.closest(`[${v}]`)===r.currentTarget,a=r.ctrlKey||r.altKey||r.metaKey,o=r.key.length===1,s=t(r,n(),J.value,{loop:P.loop,arrowKeyOptions:`vertical`,dir:L.value,focus:!0,attributeName:`[${e}]:not([data-disabled])`});if(s){s.focus();return}if(r.code===`Space`)return;let c=Q.value?.getItems()??[];if(i&&(r.key===`Tab`&&r.preventDefault(),!a&&o&&de(r.key,c)),r.target!==J.value||!g.includes(r.key))return;r.preventDefault();let l=c.map(e=>e.element);_.includes(r.key)&&l.reverse(),ee(l)};function ye(e){if(!e)return;let{currentTarget:t,target:n}=e;t?.contains(n)||(ce.value=``)}let $=0;function be(e){if(!r(e))return;let t=e.target,n=$!==e.clientX;(e?.currentTarget)?.contains(t)&&n&&(le.value=e.clientX>$?`right`:`left`,$=e.clientX)}return U(),s(),l(K,()=>I.value&&z),j(()=>{P.disableOutsidePointerEvents&&E(i())}),(e,t)=>(D(),ae(k(u),{ref_key:`rovingFocusGroupRef`,ref:Q,"current-tab-stop-id":k(Y),"onUpdate:currentTabStopId":t[0]||(t[0]=e=>w(Y)?Y.value=e:null),"as-child":``,orientation:`vertical`,dir:k(L),loop:C.loop,onEntryFocus:_e},{default:M(()=>[S(k(re),T(k(me),{ref:k(q),class:Z.value,onKeydown:ve,onBlur:ye,onPointermove:be}),{default:M(()=>[S(k(ie),T(he.value,{id:k(V),ref:k(se),class:ue.value,"aria-labelledby":k(H),"aria-orientation":`vertical`,"data-dismissable-layer":``,"data-state":k(B),dir:k(L),role:`menu`,tabindex:`-1`,style:ge.value}),{default:M(()=>[O(e.$slots,`default`)]),_:3},16,[`id`,`class`,`aria-labelledby`,`data-state`,`dir`,`style`])]),_:3},16,[`class`])]),_:3},8,[`current-tab-stop-id`,`dir`,`loop`]))}});export{N as default};
+import{COLLECTION_ITEM_ATTRIBUTE as e}from"../../constants/attr.js";import{useArrowNavigation as t}from"../../composables/use-arrow-navigation.js";import{getActiveElement as n}from"../../shared/dom.js";import{tryFocusFirst as ee}from"../../shared/focus.js";import{isMouseEvent as r}from"../../shared/event.js";import"../../shared/index.js";import{useBodyScrollLock as i}from"../../composables/use-body-scroll-lock.js";import{useDismissableLayer as a}from"../../composables/use-dismissable-layer.js";import{useForwardElement as o}from"../../composables/use-forward-element.js";import{useFocusGuards as s}from"../../composables/use-focus-guards.js";import{useFocusScope as c}from"../../composables/use-focus-scope.js";import{useHideOthers as l}from"../../composables/use-hide-others.js";import{useOmitProps as te}from"../../composables/use-props.js";import{useTypeahead as ne}from"../../composables/use-typeahead.js";import"../../composables/index.js";import u from"../roving-focus/roving-focus-group.js";import"../roving-focus/index.js";import{popperCssVars as d}from"../popper/shared.js";import re from"../popper/popper-positioner.js";import ie from"../popper/popper-popup.js";import"../popper/index.js";import{provideMenuContentContext as f,useMenuContext as p,useMenuRootContext as m,useMenuUi as h}from"./context.js";import{FIRST_LAST_KEYS as g,LAST_KEYS as _,MENU_POPUP_DATA_ATTRIBUTE as v,menuCssVars as y,subMenuCssVars as b}from"./shared.js";import{computed as x,createBlock as ae,createVNode as S,defineComponent as C,isRef as w,mergeProps as T,onWatcherCleanup as E,openBlock as D,renderSlot as O,unref as k,useTemplateRef as A,watchEffect as j,withCtx as M}from"vue";const N=C({name:`MenuContentImpl`,__name:`menu-content-impl`,props:{popupProps:{},placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{},trapFocus:{type:Boolean},disableOutsidePointerEvents:{type:Boolean},loop:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(C,{emit:N}){let P=C,F=N,{modal:I,dir:L,isUsingKeyboard:R}=m(`MenuContentImpl`),{isRoot:z,dataState:B,popupId:V,triggerId:H,dataPopupAttr:oe,initPopupId:U,onOpenChange:W,onPopupElementChange:G}=p(`MenuContentImpl`),[K,q]=o(),[J,se]=o(e=>{G(e)}),{currentItemId:Y,searchRef:ce,pointerSide:le}=f({popupElement:J}),X=h(),Z=x(()=>z?X.value?.positioner:X.value?.subPositioner),ue=x(()=>z?X.value?.popup:X.value?.subPopup),{handleTypeaheadSearch:de}=ne(),Q=A(`rovingFocusGroupRef`),{pointerEvents:fe}=a(J,{disableOutsidePointerEvents:()=>P.disableOutsidePointerEvents,onEscapeKeyDown:e=>{F(`escapeKeyDown`,e)},onPointerDownOutside:e=>{F(`pointerDownOutside`,e)},onFocusOutside:e=>{F(`focusOutside`,e)},onInteractOutside:e=>{F(`interactOutside`,e)},onDismiss:()=>{z&&W(!1)}}),{onKeydown:pe}=c(K,{trapped:()=>P.trapFocus,onOpenAutoFocus:e=>{F(`openAutoFocus`,e),!e.defaultPrevented&&(e.preventDefault(),J.value?.focus({preventScroll:!0}))},onCloseAutoFocus:e=>{F(`closeAutoFocus`,e)}}),me=te(P,[`disableOutsidePointerEvents`,`trapFocus`,`loop`,`popupProps`]),he=x(()=>({...P.popupProps,[oe]:``})),ge=x(()=>{let e=z?y:b;return{[e.popupTransformOrigin]:`var(${d.transformOrigin})`,[e.popupAvailableWidth]:`var(${d.availableWidth})`,[e.popupAvailableHeight]:`var(${d.availableHeight})`,[e.triggerWidth]:`var(${d.anchorWidth})`,[e.triggerHeight]:`var(${d.anchorHeight})`,pointerEvents:fe.value}}),_e=e=>{F(`entryFocus`,e),R.value||e.preventDefault()},ve=r=>{if(pe(r),r.defaultPrevented)return;let i=r.target.closest(`[${v}]`)===r.currentTarget,a=r.ctrlKey||r.altKey||r.metaKey,o=r.key.length===1,s=t(r,n(),J.value,{loop:P.loop,arrowKeyOptions:`vertical`,dir:L.value,focus:!0,attributeName:`[${e}]:not([data-disabled])`});if(s){s.focus();return}if(r.code===`Space`)return;let c=Q.value?.getItems()??[];if(i&&(r.key===`Tab`&&r.preventDefault(),!a&&o&&de(r.key,c)),r.target!==J.value||!g.includes(r.key))return;r.preventDefault();let l=c.map(e=>e.element);_.includes(r.key)&&l.reverse(),ee(l)};function ye(e){if(!e)return;let{currentTarget:t,target:n}=e;t?.contains(n)||(ce.value=``)}let $=0;function be(e){if(!r(e))return;let t=e.target,n=$!==e.clientX;(e?.currentTarget)?.contains(t)&&n&&(le.value=e.clientX>$?`right`:`left`,$=e.clientX)}return U(),s(),l(K,()=>I.value&&z),j(()=>{P.disableOutsidePointerEvents&&E(i())}),(e,t)=>(D(),ae(k(u),{ref_key:`rovingFocusGroupRef`,ref:Q,"current-tab-stop-id":k(Y),"onUpdate:currentTabStopId":t[0]||(t[0]=e=>w(Y)?Y.value=e:null),"as-child":``,orientation:`vertical`,dir:k(L),loop:C.loop,onEntryFocus:_e},{default:M(()=>[S(k(re),T(k(me),{ref:k(q),class:Z.value,onKeydown:ve,onBlur:ye,onPointermove:be}),{default:M(()=>[S(k(ie),T(he.value,{id:k(V),ref:k(se),class:ue.value,"aria-labelledby":k(H),"aria-orientation":`vertical`,"data-dismissable-layer":``,"data-state":k(B),dir:k(L),role:`menu`,tabindex:`-1`,style:ge.value}),{default:M(()=>[O(e.$slots,`default`)]),_:3},16,[`id`,`class`,`aria-labelledby`,`data-state`,`dir`,`style`])]),_:3},16,[`class`])]),_:3},8,[`current-tab-stop-id`,`dir`,`loop`]))}});export{N as default};

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

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{usePresence as t}from"../../composables/use-presence.js";import{useOmitProps as n}from"../../composables/use-props.js";import{useMenuContext as r,useMenuRootContext as i}from"./context.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}from"vue";var _=l({name:`MenuContent`,__name:`menu-content`,props:{popupProps:{},placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},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(l,{emit:_}){let v=l,y=_,b=n(v,[`forceMount`]),x=e(y),{open:S,popupElement:C}=r(`MenuContent`),{modal:w}=i(`MenuContent`),T=v.forceMount?p(!0):t(C,S),E=o(()=>w.value&&S.value),D=e=>{w.value&&e.preventDefault()};return(e,t)=>h(T)?(d(),s(a,u({key:0},h(b),{"trap-focus":E.value,"disable-outside-pointer-events":E.value},m(h(x)),{onFocusOutside:D}),{default:g(()=>[f(e.$slots,`default`)]),_:3},16,[`trap-focus`,`disable-outside-pointer-events`])):c(`v-if`,!0)}});export{_ as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{usePresence as t}from"../../composables/use-presence.js";import{useOmitProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import{useMenuContext as r,useMenuRootContext as i}from"./context.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}from"vue";const _=l({name:`MenuContent`,__name:`menu-content`,props:{popupProps:{},placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},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(l,{emit:_}){let v=l,y=_,b=n(v,[`forceMount`]),x=e(y),{open:S,popupElement:C}=r(`MenuContent`),{modal:w}=i(`MenuContent`),T=v.forceMount?p(!0):t(C,S),E=o(()=>w.value&&S.value),D=e=>{w.value&&e.preventDefault()};return(e,t)=>h(T)?(d(),s(a,u({key:0},h(b),{"trap-focus":E.value,"disable-outside-pointer-events":E.value},m(h(x)),{onFocusOutside:D}),{default:g(()=>[f(e.$slots,`default`)]),_:3},16,[`trap-focus`,`disable-outside-pointer-events`])):c(`v-if`,!0)}});export{_ as default};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,11 +1,11 @@
 import { AcceptableBooleanValue } from "../../types/common.js";
 import "../../types/index.js";
 import { MenuRadioGroupProps } from "./types.js";
-import * as vue1712 from "vue";
+import * as vue from "vue";
 
 //#region src/components/menu/menu-radio-group.vue.d.ts
 declare const __VLS_export: <T extends AcceptableBooleanValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: vue1712.PublicProps & __VLS_PrettifyLocal<MenuRadioGroupProps<T> & {
+  props: vue.PublicProps & __VLS_PrettifyLocal<MenuRadioGroupProps<T> & {
     "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -18,7 +18,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue>(__VLS_props: NonN
     }) => any;
   };
   emit: (evt: "update:modelValue", payload: NonNullable<T>) => void;
-}>) => vue1712.VNode & {
+}>) => vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

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

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

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

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

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

@@ -1,5 +1,5 @@
 import { MenuRootProps } from "./types.js";
-import * as vue1580 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: vue1580.DefineComponent<MenuRootProps, {}, {}, {}, {}, vue1580.ComponentOptionsMixin, vue1580.ComponentOptionsMixin, {
+declare const __VLS_base: vue.DefineComponent<MenuRootProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
-}, string, vue1580.PublicProps, Readonly<MenuRootProps> & Readonly<{
+}, string, vue.PublicProps, Readonly<MenuRootProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
   open: boolean;
   modal: boolean;
-}, {}, {}, {}, string, vue1580.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{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";var 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:{},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}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:{},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};

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

@@ -2,32 +2,32 @@ import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js
 import "../../types/index.js";
 import { MenuSubContentProps } from "./types.js";
 import "../../index.js";
-import * as vue1600 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: vue1600.DefineComponent<MenuSubContentProps, {}, {}, {}, {}, vue1600.ComponentOptionsMixin, vue1600.ComponentOptionsMixin, {
+declare const __VLS_base: vue.DefineComponent<MenuSubContentProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, 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;
-  entryFocus: (event: Event) => any;
-}, string, vue1600.PublicProps, Readonly<MenuSubContentProps> & Readonly<{
+  openAutoFocus: (event: Event) => any;
+}, string, vue.PublicProps, Readonly<MenuSubContentProps> & Readonly<{
+  onEntryFocus?: ((event: Event) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
-  onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
-  onEntryFocus?: ((event: Event) => any) | undefined;
+  onOpenAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
   prioritizePosition: boolean;
-}, {}, {}, {}, string, vue1600.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 & {