@soybeanjs/headless 0.29.2 → 0.30.0-beta.1

package/dist/components/list/list-description.vue.d.ts

@@ -1,5 +1,4 @@
 import { ListDescriptionProps } from "./types.js";
-
 //#region src/components/list/list-description.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,5 +1,4 @@
 import { ListItemProps } from "./types.js";
-
 //#region src/components/list/list-item.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,5 +1,4 @@
 import { ListRootProps } from "./types.js";
-
 //#region src/components/list/list-root.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/list/list-title.vue.d.ts

@@ -1,5 +1,4 @@
 import { ListTitleProps } from "./types.js";
-
 //#region src/components/list/list-title.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,5 +1,6 @@
 import { UiClass } from "../../types/common.js";
 import { BaseProps } from "../../types/vue.js";
+import "../../types/index.js";
 //#region src/components/list/types.d.ts
 /**
  * Properties for the ListRoot component.

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

@@ -1,6 +1,9 @@
 import { UiClass } from "../../types/common.js";
+import "../../types/index.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/index.js";
 import { ListboxUiSlot } from "./types.js";
+import "../../index.js";
 //#region src/components/listbox/context.d.ts
 declare const provideListboxUi: (ui: import("vue").ComputedRef<Partial<UiClass<ListboxUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<ListboxUiSlot>>>, useListboxUi: UseUiConsumer<ListboxUiSlot>;
 //#endregion

package/dist/components/listbox/context.js

@@ -1 +1 @@
-import{findValuesBetween as e}from"../../shared/object.js";import{getFocusIntent as t}from"../../shared/focus.js";import{useContext as n}from"../../composables/use-context.js";import{useDirection as r}from"../config-provider/context.js";import"../../shared/index.js";import{useCollection as i}from"../../composables/use-collection.js";import{useForwardElement as a}from"../../composables/use-forward-element.js";import{useTypeahead as o}from"../../composables/use-typeahead.js";import{useUiContext as s}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{provideInputUi as c}from"../input/context.js";import{computed as l,nextTick as u,shallowRef as d,useId as f}from"vue";import{createEventHook as p}from"@vueuse/core";const{provideCollectionContext:m,useCollectionContext:h,useCollectionItem:g}=i(`Listbox`),[_,v]=n(`ListboxRoot`,n=>{let[i,s]=a(),{getOrderedItems:c,getOrderedElements:l}=m(),{handleTypeaheadSearch:f}=o(),{modelValue:h,orientation:g,selectionBehavior:_,isMultiple:v,onModelValueChange:y,onHighlight:b,onEntryFocus:x}=n,S=r(n.dir),C=d(),w=d(!1),T=d(!0),E=d(null),D=d(null),O=d(!1),k=d(!1),A=p(),j=p(),M=p(),N=e=>{w.value=!0,v.value&&_.value===`replace`&&(C.value=e),y(e),setTimeout(()=>{w.value=!1},1)},P=(e,t=!0)=>{e&&(E.value=e,T.value&&E.value.focus(),t&&E.value.scrollIntoView({block:`nearest`}),b(c().find(t=>t.element===e)))},F=e=>{if(O.value)M.trigger(e);else{let t=c().find(t=>t.data.value===e);t&&(E.value=t.element,P(t.element))}},I=e=>{E.value?.isConnected&&(e.preventDefault(),e.stopPropagation(),!k.value&&E.value.click())},L=e=>{if(w.value=!0,O.value)j.trigger(e);else{let t=e.altKey||e.ctrlKey||e.metaKey,n=c();if(t&&e.key===`a`&&v.value){h.value=[...n.map(e=>e.data.value)],e.preventDefault();let t=n[n.length-1]?.element;t&&P(t)}else if(!t){let t=f(e.key,n);t&&P(t)}}setTimeout(()=>{w.value=!1},1)},R=()=>{k.value=!0},z=()=>{u(()=>{k.value=!1})},B=e=>{let t=E.value;t?.isConnected&&(D.value=t),E.value=null,n.onLeave(e)},V=e=>{let t=new CustomEvent(`listbox.entryFocus`,{bubbles:!1,cancelable:!0});if(e.currentTarget?.dispatchEvent(t),x(t),!t.defaultPrevented)if(D.value)P(D.value);else{let e=l()?.[0];e&&P(e)}},H=e=>{let n=t(e,g.value,S.value);if(!n)return;let r=l();if(E.value){if(n===`last`)r.reverse();else if(n===`prev`||n===`next`){n===`prev`&&r.reverse();let e=r.indexOf(E.value);r=r.slice(e+1)}let t=r[0];t&&W(e,t)}if(r.length){let e=!E.value&&n===`prev`?r.length-1:0,t=r[e];t&&P(t)}O.value&&j.trigger(e)},U=()=>{u(()=>{H(new KeyboardEvent(`keydown`,{key:`PageUp`}))})};function W(t,n){if(O.value||_.value!==`replace`||!v.value||!Array.isArray(h.value)||(t.altKey||t.ctrlKey||t.metaKey)&&!t.shiftKey||!t.shiftKey)return;let r=c(),i=r.find(e=>e.element===n)?.data?.value;t.key===`End`?i=r[r.length-1]?.data?.value:t.key===`Home`&&(i=r[0]?.data?.value),!(!i||!C.value)&&(h.value=e(r.map(e=>e.data.value),C.value,i))}let G=async e=>{if(await u(),O.value)A.trigger(e);else{let e=l(),t=e.find(e=>e.dataset.state===`checked`);t?P(t):e[0]&&P(e[0])}},K=async e=>{let t=e.relatedTarget||e.target;await u(),!(!E.value||i.value?.contains(t))&&B(e)};return{...n,rootElement:i,setRootElement:s,isUserAction:w,isVirtual:O,virtualFocusHook:A,virtualKeydownHook:j,virtualHighlightHook:M,firstValue:C,focusable:T,onModelValueChange:N,onLeave:B,onEnter:V,highlightedElement:E,changeHighlight:P,highlightItem:F,highlightSelected:G,highlightFirstItem:U,onKeydownEnter:I,onKeydownNavigation:H,onKeydownTypeahead:L,onCompositionStart:R,onCompositionEnd:z,onFocusOut:K,getItems:c}}),[y,b]=n(`ListboxGroup`,()=>({id:`soybean-listbox-group-${f()}`})),[x,S]=n(`ListboxItem`,e=>e),[C,w]=s(`ListboxUi`,e=>(c(l(()=>({root:e.value?.filterRoot,control:e.value?.filterControl}))),e));export{y as provideListboxGroupContext,x as provideListboxItemContext,_ as provideListboxRootContext,C as provideListboxUi,h as useCollectionContext,g as useCollectionItem,b as useListboxGroupContext,S as useListboxItemContext,v as useListboxRootContext,w as useListboxUi};
+import{findValuesBetween as e}from"../../shared/object.js";import{getFocusIntent as t}from"../../shared/focus.js";import{useContext as n}from"../../composables/use-context.js";import{useDirection as r}from"../config-provider/context.js";import"../../shared/index.js";import{useCollection as i}from"../../composables/use-collection.js";import{useForwardElement as a}from"../../composables/use-forward-element.js";import{useTypeahead as o}from"../../composables/use-typeahead.js";import{useUiContext as s}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{provideInputUi as c}from"../input/context.js";import{computed as l,nextTick as u,shallowRef as d,useId as f}from"vue";import{createEventHook as p}from"@vueuse/core";const{provideCollectionContext:m,useCollectionContext:h,useCollectionItem:g}=i(`Listbox`),[_,v]=n(`ListboxRoot`,n=>{let[i,s]=a(),{getOrderedItems:c,getOrderedElements:l}=m(),{handleTypeaheadSearch:f}=o(),{modelValue:h,orientation:g,selectionBehavior:_,isMultiple:v,onModelValueChange:y,onHighlight:b,onEntryFocus:x}=n,S=r(n.dir),C=d(),w=d(!1),T=d(!0),E=d(null),D=d(null),O=d(!1),k=d(!1),A=p(),j=p(),M=p(),N=e=>{w.value=!0,v.value&&_.value===`replace`&&(C.value=e),y(e),setTimeout(()=>{w.value=!1},1)},P=(e,t=!0,n)=>{if(!e)return;E.value=e,(n??T.value)&&E.value.focus(),t&&E.value.scrollIntoView({block:`nearest`});let r=c().find(t=>t.element===e);b(r)},F=e=>{if(O.value)M.trigger(e);else{let t=c().find(t=>t.data.value===e);t&&(E.value=t.element,P(t.element))}},I=e=>{E.value?.isConnected&&(e.preventDefault(),e.stopPropagation(),!k.value&&E.value.click())},L=e=>{if(w.value=!0,O.value)j.trigger(e);else{let t=e.altKey||e.ctrlKey||e.metaKey,n=c();if(t&&e.key===`a`&&v.value){let t=n.map(e=>e.data.value);h.value=[...t],e.preventDefault();let r=n[n.length-1]?.element;r&&P(r)}else if(!t){let t=f(e.key,n);t&&P(t)}}setTimeout(()=>{w.value=!1},1)},R=()=>{k.value=!0},z=()=>{u(()=>{k.value=!1})},B=e=>{let t=E.value;t?.isConnected&&(D.value=t),E.value=null,n.onLeave(e)},V=e=>{let t=new CustomEvent(`listbox.entryFocus`,{bubbles:!1,cancelable:!0});if(e.currentTarget?.dispatchEvent(t),x(t),!t.defaultPrevented){if(D.value)P(D.value);else{let e=l()?.[0];e&&P(e)}}},H=e=>{let n=t(e,g.value,S.value);if(!n)return;let r=l();if(E.value){if(n===`last`)r.reverse();else if(n===`prev`||n===`next`){n===`prev`&&r.reverse();let e=r.indexOf(E.value);r=r.slice(e+1)}let t=r[0];t&&W(e,t)}if(r.length){let e=!E.value&&n===`prev`?r.length-1:0,t=r[e];t&&P(t)}O.value&&j.trigger(e)},U=()=>{u(()=>{let e=new KeyboardEvent(`keydown`,{key:`PageUp`});H(e)})};function W(t,n){if(O.value||_.value!==`replace`||!v.value||!Array.isArray(h.value)||(t.altKey||t.ctrlKey||t.metaKey)&&!t.shiftKey||!t.shiftKey)return;let r=c(),i=r.find(e=>e.element===n)?.data?.value;if(t.key===`End`?i=r[r.length-1]?.data?.value:t.key===`Home`&&(i=r[0]?.data?.value),!i||!C.value)return;let a=e(r.map(e=>e.data.value),C.value,i);h.value=a}let G=async e=>{if(await u(),O.value)A.trigger(e);else{let e=l(),t=e.find(e=>e.dataset.state===`checked`);t?P(t):e[0]&&P(e[0])}},K=async e=>{let t=e.relatedTarget||e.target;await u(),!(!E.value||i.value?.contains(t))&&B(e)};return{...n,rootElement:i,setRootElement:s,isUserAction:w,isVirtual:O,virtualFocusHook:A,virtualKeydownHook:j,virtualHighlightHook:M,firstValue:C,focusable:T,onModelValueChange:N,onLeave:B,onEnter:V,highlightedElement:E,changeHighlight:P,highlightItem:F,highlightSelected:G,highlightFirstItem:U,onKeydownEnter:I,onKeydownNavigation:H,onKeydownTypeahead:L,onCompositionStart:R,onCompositionEnd:z,onFocusOut:K,getItems:c}}),[y,b]=n(`ListboxGroup`,()=>({id:`soybean-listbox-group-${f()}`})),[x,S]=n(`ListboxItem`,e=>e),[C,w]=s(`ListboxUi`,e=>{let t=l(()=>({root:e.value?.filterRoot,control:e.value?.filterControl}));return c(t),e});export{m as provideCollectionContext,y as provideListboxGroupContext,x as provideListboxItemContext,_ as provideListboxRootContext,C as provideListboxUi,h as useCollectionContext,g as useCollectionItem,b as useListboxGroupContext,S as useListboxItemContext,v as useListboxRootContext,w as useListboxUi};

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

@@ -1,11 +1,11 @@
 import { ListboxCollectionItemData, ListboxContentProps, ListboxFilterEmits, ListboxFilterProps, ListboxGroupLabelProps, ListboxGroupProps, ListboxItemEmits, ListboxItemIndicatorProps, ListboxItemProps, ListboxRootEmits, ListboxRootProps, ListboxUi, ListboxUiSlot, ListboxVirtualizerProps } from "./types.js";
-import { _default as _default$6 } from "./listbox-root.vue.js";
-import { _default } from "./listbox-content.vue.js";
-import { _default as _default$2 } from "./listbox-group.vue.js";
-import { _default as _default$3 } from "./listbox-group-label.vue.js";
-import { _default as _default$4 } from "./listbox-item.vue.js";
-import { _default as _default$5 } from "./listbox-item-indicator.vue.js";
-import { _default as _default$1 } from "./listbox-filter.vue.js";
-import { _default as _default$7 } from "./listbox-virtualizer.vue.js";
+import _default$6 from "./listbox-root.vue.js";
+import _default from "./listbox-content.vue.js";
+import _default$2 from "./listbox-group.vue.js";
+import _default$3 from "./listbox-group-label.vue.js";
+import _default$4 from "./listbox-item.vue.js";
+import _default$5 from "./listbox-item-indicator.vue.js";
+import _default$1 from "./listbox-filter.vue.js";
+import _default$7 from "./listbox-virtualizer.vue.js";
 import { provideListboxUi } from "./context.js";
 export { type ListboxCollectionItemData, _default as ListboxContent, type ListboxContentProps, _default$1 as ListboxFilter, type ListboxFilterEmits, type ListboxFilterProps, _default$2 as ListboxGroup, _default$3 as ListboxGroupLabel, type ListboxGroupLabelProps, type ListboxGroupProps, _default$4 as ListboxItem, type ListboxItemEmits, _default$5 as ListboxItemIndicator, type ListboxItemIndicatorProps, type ListboxItemProps, _default$6 as ListboxRoot, type ListboxRootEmits, type ListboxRootProps, type ListboxUi, type ListboxUiSlot, _default$7 as ListboxVirtualizer, type ListboxVirtualizerProps, provideListboxUi };

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

@@ -1,5 +1,4 @@
 import { ListboxContentProps } from "./types.js";
-
 //#region src/components/listbox/listbox-content.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,11 +1,10 @@
 import { ListboxFilterProps } from "./types.js";
-
 //#region src/components/listbox/listbox-filter.vue.d.ts
 declare var __VLS_10: {
-    clear: () => void;
-  }, __VLS_20: {
-    clear: () => void;
-  };
+  clear: () => void;
+}, __VLS_20: {
+  clear: () => void;
+};
 type __VLS_Slots = {} & {
   leading?: (props: typeof __VLS_10) => any;
 } & {
@@ -24,4 +23,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,5 +1,4 @@
 import { ListboxGroupLabelProps } from "./types.js";
-
 //#region src/components/listbox/listbox-group-label.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,5 +1,4 @@
 import { ListboxGroupProps } from "./types.js";
-
 //#region src/components/listbox/listbox-group.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,6 +1,6 @@
 import { AsTag } from "../primitive/types.js";
+import "../primitive/index.js";
 import { ListboxItemIndicatorProps } from "./types.js";
-
 //#region src/components/listbox/listbox-item-indicator.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
@@ -17,4 +17,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1 +1 @@
-import{handleAndDispatchCustomEvent 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{provideListboxItemContext as r,useCollectionItem as i,useListboxRootContext as a,useListboxUi as o}from"./context.js";import{computed as s,createVNode as c,defineComponent as l,mergeProps as u,renderSlot as d,unref as f,useId as p,withCtx as m,withKeys as h,withMemo as g,withModifiers as _}from"vue";const v=l({name:`ListboxItem`,__name:`listbox-item`,props:{value:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`select`],setup(l,{emit:v}){let y=l,b=v,x=o(`item`),{modelValue:S,onModelValueChange:C,disabled:w,focusable:T,highlightOnHover:E,highlightedElement:D,changeHighlight:O}=a(`ListboxItem`),{itemElement:k,setItemElement:A}=i({value:y.value}),j=t(y,[`value`,`disabled`]),M=`soybean-listbox-item-${p()}`,N=s(()=>w.value||y.disabled),P=s(()=>k.value===D.value),F=s(()=>Array.isArray(S.value)?S.value.includes(y.value):S.value===y.value),I=s(()=>T.value&&P.value?`0`:`-1`),L=async e=>{b(`select`,e),!e?.defaultPrevented&&(N.value||!e||(C(y.value),k.value&&O(k.value)))},R=t=>{e(`listbox.select`,L,{originalEvent:t,value:y.value})},z=()=>{if(!(P.value||!k.value)){if(E.value){O(k.value,!1);return}T.value||O(k.value,!1)}};return r({isSelected:F}),(e,t)=>g([P.value,F.value],()=>c(f(n),u(f(j),{id:M,ref:f(A),"data-soybean-listbox-item":``,"data-soybean-collection-item":``,class:f(x),role:`option`,tabindex:I.value,"aria-selected":F.value,disabled:N.value?``:void 0,"data-disabled":N.value?``:void 0,"data-highlighted":P.value?``:void 0,"data-state":F.value?`checked`:`unchecked`,onClick:R,onKeydown:h(_(R,[`prevent`]),[`space`]),onPointermove:z}),{default:m(()=>[d(e.$slots,`default`)]),_:3},16,[`class`,`tabindex`,`aria-selected`,`disabled`,`data-disabled`,`data-highlighted`,`data-state`,`onKeydown`]),t,0)}});export{v as default};
+import{handleAndDispatchCustomEvent 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{provideListboxItemContext as r,useCollectionItem as i,useListboxRootContext as a,useListboxUi as o}from"./context.js";import{computed as s,createVNode as c,defineComponent as l,mergeProps as u,renderSlot as d,unref as f,useId as p,withCtx as m,withKeys as h,withMemo as g,withModifiers as _}from"vue";const v=l({name:`ListboxItem`,__name:`listbox-item`,props:{value:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`select`],setup(l,{emit:v}){let y=l,b=v,x=o(`item`),{modelValue:S,onModelValueChange:C,disabled:w,focusable:T,highlightOnHover:E,highlightedElement:D,changeHighlight:O}=a(`ListboxItem`),{itemElement:k,setItemElement:A}=i({value:y.value}),j=t(y,[`value`,`disabled`]),M=`soybean-listbox-item-${p()}`,N=s(()=>w.value||y.disabled),P=s(()=>k.value===D.value),F=s(()=>Array.isArray(S.value)?S.value.includes(y.value):S.value===y.value),I=s(()=>T.value&&P.value?`0`:`-1`),L=async e=>{b(`select`,e),!e?.defaultPrevented&&(N.value||!e||(C(y.value),k.value&&O(k.value)))},R=t=>{let n={originalEvent:t,value:y.value};e(`listbox.select`,L,n)},z=()=>{if(!(P.value||!k.value)){if(E.value){O(k.value,!1,!1);return}T.value||O(k.value,!1)}};return r({isSelected:F}),(e,t)=>g([P.value,F.value],()=>c(f(n),u(f(j),{id:M,ref:f(A),"data-soybean-listbox-item":``,"data-soybean-collection-item":``,class:f(x),role:`option`,tabindex:I.value,"aria-selected":F.value,disabled:N.value?``:void 0,"data-disabled":N.value?``:void 0,"data-highlighted":P.value?``:void 0,"data-state":F.value?`checked`:`unchecked`,onClick:R,onKeydown:h(_(R,[`prevent`]),[`space`]),onPointermove:z}),{default:m(()=>[d(e.$slots,`default`)]),_:3},16,[`class`,`tabindex`,`aria-selected`,`disabled`,`data-disabled`,`data-highlighted`,`data-state`,`onKeydown`]),t,0)}});export{v as default};

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

@@ -1,6 +1,6 @@
 import { SelectEvent } from "../../types/event.js";
+import "../../types/index.js";
 import { ListboxItemProps } from "./types.js";
-
 //#region src/components/listbox/listbox-item.vue.d.ts
 declare var __VLS_12: {};
 type __VLS_Slots = {} & {
@@ -19,4 +19,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

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

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

@@ -1,6 +1,6 @@
 import { CollectionItemData } from "../../composables/use-collection.js";
+import "../../composables/index.js";
 import { ListboxCollectionItemData, ListboxRootProps } from "./types.js";
-
 //#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: import("vue").PublicProps & __VLS_PrettifyLocal<ListboxRootProps<M> & {
@@ -26,9 +26,9 @@ declare const __VLS_export: <M extends boolean>(__VLS_props: NonNullable<Awaited
   };
   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);
 }>) => import("vue").VNode & {
-  __ctx?: Awaited<typeof __VLS_setup>;
+  __ctx?: NonNullable<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] }) & {};
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K]; } : { [K in keyof T as K]: T[K]; }) & {};
 //#endregion
-export { _default };
+export { _default as default };

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"../../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:{type:[Number,Function]},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:e=>typeof T.estimateSize==`function`?T.estimateSize(e):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:{type:[Number,Function]},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:e=>typeof T.estimateSize==`function`?T.estimateSize(e):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=H.value.map(e=>e.textContent||``),o=n(a,V.value,i),s=H.value.find(e=>e.textContent===o);s&&(G.value.scrollToIndex(s.index,{align:`start`}),requestAnimationFrame(()=>{let e=U.value?.querySelector(`[data-index="${s.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])}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,5 +1,4 @@
 import { ListboxVirtualizerProps, ListboxVirtualizerSlots } from "./types.js";
-
 //#region src/components/listbox/listbox-virtualizer.vue.d.ts
 type __VLS_Slots = ListboxVirtualizerSlots;
 declare const __VLS_base: import("vue").DefineComponent<ListboxVirtualizerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ListboxVirtualizerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -11,4 +10,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/listbox/shared.js

@@ -1 +1 @@
-import{Fragment as e,cloneVNode as t}from"vue";function n(e){if(!e)return{start:0,end:0};let{paddingBlockStart:t,paddingTop:n,paddingBlockEnd:r,paddingBottom:i}=window.getComputedStyle(e);return{start:Number.parseFloat(t||n),end:Number.parseFloat(r||i)}}function r(n,r,i){return n.getVirtualItems().map(a=>{let o=i({option:r[a.index],virtualizer:n,virtualItem:a})[0];return{item:a,is:t(o.type===e&&Array.isArray(o.children)?o.children[0]:o,{key:`${a.key}`,"data-index":a.index,"aria-setsize":r.length,"aria-posinset":a.index+1,style:{position:`absolute`,top:0,left:0,transform:`translateY(${a.start}px)`,overflowAnchor:`none`}})}})}function i(e){return e?.querySelector(`[data-state=checked]`)}export{r as getVirtualizerItems,n as getVirtualizerPadding,i as queryCheckedElement};
+import{Fragment as e,cloneVNode as t}from"vue";function n(e){if(!e)return{start:0,end:0};let{paddingBlockStart:t,paddingTop:n,paddingBlockEnd:r,paddingBottom:i}=window.getComputedStyle(e);return{start:Number.parseFloat(t||n),end:Number.parseFloat(r||i)}}function r(n,r,i){return n.getVirtualItems().map(a=>{let o=i({option:r[a.index],virtualizer:n,virtualItem:a})[0],s=o.type===e&&Array.isArray(o.children)?o.children[0]:o;return{item:a,is:t(s,{key:`${a.key}`,"data-index":a.index,"aria-setsize":r.length,"aria-posinset":a.index+1,style:{position:`absolute`,top:0,left:0,transform:`translateY(${a.start}px)`,overflowAnchor:`none`}})}})}function i(e){return e?.querySelector(`[data-state=checked]`)}export{r as getVirtualizerItems,n as getVirtualizerPadding,i as queryCheckedElement};

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

@@ -2,12 +2,13 @@ import { DataOrientation, Direction, SelectionEmits, SelectionProps, UiClass } f
 import { SelectEvent } from "../../types/event.js";
 import { FormFieldCommonProps } from "../../types/component.js";
 import { BaseProps } from "../../types/vue.js";
+import "../../types/index.js";
 import { PrimitiveWithBaseProps } from "../primitive/types.js";
 import { CollectionItemData } from "../../composables/use-collection.js";
+import "../../composables/index.js";
 import { InputControlProps, InputRootEmits, InputRootProps } from "../input/types.js";
 import { ComputedRef, ShallowRef } from "vue";
 import { VirtualItem, Virtualizer } from "@tanstack/vue-virtual";
-
 //#region src/components/listbox/types.d.ts
 /**
  * Properties for the ListboxRoot component.
@@ -41,8 +42,11 @@ type ListboxCollectionItemData = {
  * Events for the ListboxRoot component.
  */
 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];
 };
 /**
@@ -58,7 +62,8 @@ interface ListboxItemProps extends Omit<PrimitiveWithBaseProps, 'onSelect'> {
  * Events for the ListboxItem component.
  */
 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>];
 };
 /**
  * Properties for the ListboxItemIndicator component.
@@ -143,4 +148,4 @@ type ListboxUiSlot = 'root' | 'content' | 'filterRoot' | 'filterControl' | 'item
  */
 type ListboxUi = UiClass<ListboxUiSlot>;
 //#endregion
-export { ListboxCollectionItemData, ListboxContentProps, ListboxFilterEmits, ListboxFilterProps, ListboxGroupLabelProps, ListboxGroupProps, ListboxItemEmits, ListboxItemIndicatorProps, ListboxItemProps, ListboxRootEmits, ListboxRootProps, ListboxUi, ListboxUiSlot, ListboxVirtualizerProps, ListboxVirtualizerSlots };
+export { ListboxCollectionItemData, ListboxContentProps, ListboxFilterEmits, ListboxFilterProps, ListboxGroupLabelProps, ListboxGroupProps, ListboxItemEmits, ListboxItemIndicatorProps, ListboxItemProps, ListboxRootEmits, ListboxRootProps, ListboxUi, ListboxUiSlot, ListboxVirtualizerProps, ListboxVirtualizerSlots, ListboxVirtualizerSlotsProps };

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

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

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

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

@@ -1,27 +1,27 @@
 import { PopperAnchorProps, PopperArrowProps } from "../popper/types.js";
 import { PortalProps } from "../portal/types.js";
-import { _default } from "../popper/popper-anchor.vue.js";
-import { _default as _default$12 } from "../portal/portal.vue.js";
-import { _default as _default$1 } from "../popper/popper-arrow.vue.js";
+import _default from "../popper/popper-anchor.vue.js";
+import _default$12 from "../portal/portal.vue.js";
 import { SeparatorRootProps } from "../separator/types.js";
 import { 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 } from "./types.js";
-import { _default as _default$16 } from "./menu-root.vue.js";
-import { _default as _default$5 } from "./menu-content.vue.js";
-import { _default as _default$6 } from "./menu-group.vue.js";
-import { _default as _default$7 } from "./menu-group-label.vue.js";
-import { _default as _default$8 } from "./menu-item.vue.js";
-import { _default as _default$9 } from "./menu-item-indicator.vue.js";
-import { _default as _default$3 } from "./menu-checkbox-item.vue.js";
-import { _default as _default$14 } from "./menu-radio-item.vue.js";
-import { _default as _default$18 } from "./menu-sub.vue.js";
-import { _default as _default$20 } from "./menu-sub-trigger.vue.js";
-import { _default as _default$19 } from "./menu-sub-content.vue.js";
-import { _default as _default$17 } from "../separator/separator-root.vue.js";
-import { _default as _default$2 } from "./menu-checkbox-group.vue.js";
-import { _default as _default$13 } from "./menu-radio-group.vue.js";
-import { _default as _default$10 } from "./menu-option-compact.vue.js";
-import { _default as _default$11 } from "./menu-options-compact.vue.js";
-import { _default as _default$4 } from "./menu-checkbox-options-compact.vue.js";
-import { _default as _default$15 } from "./menu-radio-options-compact.vue.js";
-import { provideMenuUi, useMenuUi } from "./context.js";
-export { _default as MenuAnchor, type PopperAnchorProps as MenuAnchorProps, _default$1 as MenuArrow, type PopperArrowProps as MenuArrowProps, _default$2 as MenuCheckboxGroup, type MenuCheckboxGroupEmits, type MenuCheckboxGroupProps, _default$3 as MenuCheckboxItem, type MenuCheckboxItemEmits, type MenuCheckboxItemProps, type MenuCheckboxOptionData, _default$4 as MenuCheckboxOptionsCompact, type MenuCheckboxOptionsCompactEmits, type MenuCheckboxOptionsCompactProps, type MenuCheckboxOptionsCompactSelectEmits, type MenuCheckboxOptionsCompactSlots, _default$5 as MenuContent, type MenuContentEmits, type MenuContentProps, _default$6 as MenuGroup, _default$7 as MenuGroupLabel, type MenuGroupLabelProps, type MenuGroupProps, _default$8 as MenuItem, type MenuItemEmits, _default$9 as MenuItemIndicator, type MenuItemIndicatorProps, type MenuItemProps, _default$10 as MenuOptionCompact, type MenuOptionCompactEmits, type MenuOptionCompactProps, type MenuOptionCompactSelectEmits, type MenuOptionCompactSlots, type MenuOptionData, _default$11 as MenuOptionsCompact, type MenuOptionsCompactEmits, type MenuOptionsCompactProps, type MenuOptionsCompactSlots, type MenuPopupProps, _default$12 as MenuPortal, type PortalProps as MenuPortalProps, _default$13 as MenuRadioGroup, type MenuRadioGroupEmits, type MenuRadioGroupProps, _default$14 as MenuRadioItem, type MenuRadioItemEmits, type MenuRadioItemProps, type MenuRadioOptionData, _default$15 as MenuRadioOptionsCompact, type MenuRadioOptionsCompactEmits, type MenuRadioOptionsCompactProps, type MenuRadioOptionsCompactSelectEmits, type MenuRadioOptionsCompactSlots, _default$16 as MenuRoot, type MenuRootEmits, type MenuRootProps, _default$17 as MenuSeparator, type SeparatorRootProps as MenuSeparatorProps, type MenuShortcutProps, _default$18 as MenuSub, _default$19 as MenuSubContent, type MenuSubContentEmits, type MenuSubContentProps, type MenuSubEmits, type MenuSubProps, _default$20 as MenuSubTrigger, type MenuSubTriggerProps, type MenuTriggerProps, type MenuUi, type MenuUiSlot, provideMenuUi, useMenuUi };
+import _default$16 from "./menu-root.vue.js";
+import _default$5 from "./menu-content.vue.js";
+import _default$1 from "../popper/popper-arrow.vue.js";
+import _default$6 from "./menu-group.vue.js";
+import _default$7 from "./menu-group-label.vue.js";
+import _default$8 from "./menu-item.vue.js";
+import _default$9 from "./menu-item-indicator.vue.js";
+import _default$3 from "./menu-checkbox-item.vue.js";
+import _default$14 from "./menu-radio-item.vue.js";
+import _default$18 from "./menu-sub.vue.js";
+import _default$20 from "./menu-sub-trigger.vue.js";
+import _default$19 from "./menu-sub-content.vue.js";
+import _default$17 from "../separator/separator-root.vue.js";
+import _default$2 from "./menu-checkbox-group.vue.js";
+import _default$13 from "./menu-radio-group.vue.js";
+import _default$10 from "./menu-option-compact.vue.js";
+import _default$11 from "./menu-options-compact.vue.js";
+import _default$4 from "./menu-checkbox-options-compact.vue.js";
+import _default$15 from "./menu-radio-options-compact.vue.js";
+import { provideMenuUi } from "./context.js";
+export { _default as MenuAnchor, type PopperAnchorProps as MenuAnchorProps, _default$1 as MenuArrow, type PopperArrowProps as MenuArrowProps, _default$2 as MenuCheckboxGroup, type MenuCheckboxGroupEmits, type MenuCheckboxGroupProps, _default$3 as MenuCheckboxItem, type MenuCheckboxItemEmits, type MenuCheckboxItemProps, type MenuCheckboxOptionData, _default$4 as MenuCheckboxOptionsCompact, type MenuCheckboxOptionsCompactEmits, type MenuCheckboxOptionsCompactProps, type MenuCheckboxOptionsCompactSelectEmits, type MenuCheckboxOptionsCompactSlots, _default$5 as MenuContent, type MenuContentEmits, type MenuContentProps, _default$6 as MenuGroup, _default$7 as MenuGroupLabel, type MenuGroupLabelProps, type MenuGroupProps, _default$8 as MenuItem, type MenuItemEmits, _default$9 as MenuItemIndicator, type MenuItemIndicatorProps, type MenuItemProps, _default$10 as MenuOptionCompact, type MenuOptionCompactEmits, type MenuOptionCompactProps, type MenuOptionCompactSelectEmits, type MenuOptionCompactSlots, type MenuOptionData, _default$11 as MenuOptionsCompact, type MenuOptionsCompactEmits, type MenuOptionsCompactProps, type MenuOptionsCompactSlots, type MenuPopupProps, _default$12 as MenuPortal, type PortalProps as MenuPortalProps, _default$13 as MenuRadioGroup, type MenuRadioGroupEmits, type MenuRadioGroupProps, _default$14 as MenuRadioItem, type MenuRadioItemEmits, type MenuRadioItemProps, type MenuRadioOptionData, _default$15 as MenuRadioOptionsCompact, type MenuRadioOptionsCompactEmits, type MenuRadioOptionsCompactProps, type MenuRadioOptionsCompactSelectEmits, type MenuRadioOptionsCompactSlots, _default$16 as MenuRoot, type MenuRootEmits, type MenuRootProps, _default$17 as MenuSeparator, type SeparatorRootProps as MenuSeparatorProps, type MenuShortcutProps, _default$18 as MenuSub, _default$19 as MenuSubContent, type MenuSubContentEmits, type MenuSubContentProps, type MenuSubEmits, type MenuSubProps, _default$20 as MenuSubTrigger, type MenuSubTriggerProps, type MenuTriggerProps, type MenuUi, type MenuUiSlot, provideMenuUi };

package/dist/components/menu/index.js

@@ -1 +1 @@
-import e from"../popper/popper-anchor.js";import t from"../portal/portal.js";import n from"../popper/popper-arrow.js";import r from"../separator/separator-root.js";import{provideMenuUi as i,useMenuUi as a}from"./context.js";import o from"./menu-root.js";import s from"./menu-content.js";import c from"./menu-group.js";import l from"./menu-group-label.js";import u from"./menu-item.js";import d from"./menu-item-indicator.js";import f from"./menu-checkbox-item.js";import p from"./menu-radio-item.js";import m from"./menu-sub.js";import h from"./menu-sub-trigger.js";import g from"./menu-sub-content.js";import _ from"./menu-checkbox-group.js";import v from"./menu-radio-group.js";import y from"./menu-option-compact.js";import b from"./menu-options-compact.js";import x from"./menu-checkbox-options-compact.js";import S from"./menu-radio-options-compact.js";export{e as MenuAnchor,n as MenuArrow,_ as MenuCheckboxGroup,f as MenuCheckboxItem,x as MenuCheckboxOptionsCompact,s as MenuContent,c as MenuGroup,l as MenuGroupLabel,u as MenuItem,d as MenuItemIndicator,y as MenuOptionCompact,b as MenuOptionsCompact,t as MenuPortal,v as MenuRadioGroup,p as MenuRadioItem,S as MenuRadioOptionsCompact,o as MenuRoot,r as MenuSeparator,m as MenuSub,g as MenuSubContent,h as MenuSubTrigger,i as provideMenuUi,a as useMenuUi};
+import e from"../popper/popper-anchor.js";import t from"../portal/portal.js";import n from"../popper/popper-arrow.js";import r from"../separator/separator-root.js";import{provideMenuUi as i}from"./context.js";import a from"./menu-root.js";import o from"./menu-content.js";import s from"./menu-group.js";import c from"./menu-group-label.js";import l from"./menu-item.js";import u from"./menu-item-indicator.js";import d from"./menu-checkbox-item.js";import f from"./menu-radio-item.js";import p from"./menu-sub.js";import m from"./menu-sub-trigger.js";import h from"./menu-sub-content.js";import g from"./menu-checkbox-group.js";import _ from"./menu-radio-group.js";import v from"./menu-option-compact.js";import y from"./menu-options-compact.js";import b from"./menu-checkbox-options-compact.js";import x from"./menu-radio-options-compact.js";export{e as MenuAnchor,n as MenuArrow,g as MenuCheckboxGroup,d as MenuCheckboxItem,b as MenuCheckboxOptionsCompact,o as MenuContent,s as MenuGroup,c as MenuGroupLabel,l as MenuItem,u as MenuItemIndicator,v as MenuOptionCompact,y as MenuOptionsCompact,t as MenuPortal,_ as MenuRadioGroup,f as MenuRadioItem,x as MenuRadioOptionsCompact,a as MenuRoot,r as MenuSeparator,p as MenuSub,h as MenuSubContent,m as MenuSubTrigger,i as provideMenuUi};

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

@@ -1 +1 @@
-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,"data-soybean-menu-checkbox-group":``,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,"data-soybean-menu-checkbox-group":``,class:s(u(h)),role:`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,6 +1,6 @@
 import { DefinedValue } from "../../types/common.js";
+import "../../types/index.js";
 import { MenuCheckboxGroupProps } from "./types.js";
-
 //#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: import("vue").PublicProps & __VLS_PrettifyLocal<MenuCheckboxGroupProps<T> & {
@@ -17,9 +17,9 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   };
   emit: (evt: "update:modelValue", value: T[]) => void;
 }>) => import("vue").VNode & {
-  __ctx?: Awaited<typeof __VLS_setup>;
+  __ctx?: NonNullable<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] }) & {};
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K]; } : { [K in keyof T as K]: T[K]; }) & {};
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1 +1 @@
-import{SELECTION_KEYS as e}from"../../constants/common.js";import{isNullish as t}from"../../shared/guard.js";import{isValueEqualOrExist as n}from"../../shared/comparison.js";import{getCheckedState as r,isIndeterminate as i}from"../../shared/value.js";import"../../shared/index.js";import{useControllableState as a}from"../../composables/use-controllable-state.js";import{useForwardElement as o}from"../../composables/use-forward-element.js";import{useOmitProps as s}from"../../composables/use-props.js";import"../../composables/index.js";import{provideMenuItemIndicatorContext as c,useMenuCheckboxGroupContext as l,useMenuContentContext as u,useMenuRootContext as d,useMenuUi as f}from"./context.js";import{ITEM_SELECT as p}from"./shared.js";import m from"./menu-item-impl.js";import{computed as h,createBlock as g,defineComponent as _,mergeProps as v,nextTick as y,openBlock as b,renderSlot as x,unref as S,withCtx as C}from"vue";const w=_({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(_,{emit:w}){let T=_,E=w,D=s(T,[`modelValue`,`value`,`disabled`]),[O,k]=o(),{onClose:A}=d(`MenuItem`),{searchRef:j}=u(`MenuItem`),M=f(`checkboxItem`),N=a(()=>T.modelValue,e=>{E(`update:modelValue`,e)},!1),P=l(),F=h(()=>P?.disabled.value||T.disabled),I=h(()=>t(P?.modelValue?.value)?t(N.value)?!1:N.value===`indeterminate`?`indeterminate`:N.value:n(P?.modelValue.value,T.value)),L=h(()=>r(I.value)),R=h(()=>i(I.value)?`mixed`:I.value),z=e=>{if(E(`select`,e),i(N.value)){N.value=!0;return}N.value=!N.value,T.value&&P?.onModelValueChange(T.value)},B=!1,V=async()=>{if(T.disabled||!O.value)return;let e=new CustomEvent(p,{bubbles:!0,cancelable:!0});z(e),await y(),e.defaultPrevented?B=!1:A()},H=()=>{B=!0},U=async e=>{await y(),!e.defaultPrevented&&(B||e.currentTarget?.click())},W=async t=>{T.disabled||j.value!==``&&t.key===` `||e.includes(t.key)&&(t.currentTarget?.click(),t.preventDefault())};return c({modelValue:I}),(e,t)=>(b(),g(m,v(S(D),{ref:S(k),"data-soybean-menu-checkbox-item":``,class:S(M),role:`menu-checkbox-item`,disabled:F.value,"data-state":L.value,"aria-checked":R.value,onClick:V,onPointerdown:H,onPointerup:U,onKeydown:W}),{default:C(()=>[x(e.$slots,`default`,{modelValue:I.value})]),_:3},16,[`class`,`disabled`,`data-state`,`aria-checked`]))}});export{w as default};
+import{SELECTION_KEYS as e}from"../../constants/common.js";import{isNullish as t}from"../../shared/guard.js";import{isValueEqualOrExist as n}from"../../shared/comparison.js";import{getCheckedState as r,isIndeterminate as i}from"../../shared/value.js";import"../../shared/index.js";import{useControllableState as a}from"../../composables/use-controllable-state.js";import{useForwardElement as o}from"../../composables/use-forward-element.js";import{useOmitProps as s}from"../../composables/use-props.js";import"../../composables/index.js";import{provideMenuItemIndicatorContext as c,useMenuCheckboxGroupContext as l,useMenuContentContext as u,useMenuRootContext as d,useMenuUi as f}from"./context.js";import{ITEM_SELECT as p}from"./shared.js";import m from"./menu-item-impl.js";import{computed as h,createBlock as g,defineComponent as _,mergeProps as v,nextTick as y,openBlock as b,renderSlot as x,unref as S,withCtx as C}from"vue";const w=_({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(_,{emit:w}){let T=_,E=w,D=s(T,[`modelValue`,`value`,`disabled`]),[O,k]=o(),{onClose:A}=d(`MenuItem`),{searchRef:j}=u(`MenuItem`),M=f(`checkboxItem`),N=a(()=>T.modelValue,e=>{E(`update:modelValue`,e)},!1),P=l(),F=h(()=>P?.disabled.value||T.disabled),I=h(()=>t(P?.modelValue?.value)?t(N.value)?!1:N.value===`indeterminate`?`indeterminate`:N.value:n(P?.modelValue.value,T.value)),L=h(()=>r(I.value)),R=h(()=>i(I.value)?`mixed`:I.value),z=e=>{if(E(`select`,e),i(N.value)){N.value=!0;return}N.value=!N.value,T.value&&P?.onModelValueChange(T.value)},B=!1,V=async()=>{if(T.disabled||!O.value)return;let e=new CustomEvent(p,{bubbles:!0,cancelable:!0});z(e),await y(),e.defaultPrevented?B=!1:A()},H=()=>{B=!0},U=async e=>{await y(),!e.defaultPrevented&&(B||e.currentTarget?.click())},W=async t=>{T.disabled||(j.value===``||t.key!==` `)&&e.includes(t.key)&&(t.currentTarget?.click(),t.preventDefault())};return c({modelValue:I}),(e,t)=>(b(),g(m,v(S(D),{ref:S(k),"data-soybean-menu-checkbox-item":``,class:S(M),role:`menuitemcheckbox`,disabled:F.value,"data-state":L.value,"aria-checked":R.value,onClick:V,onPointerdown:H,onPointerup:U,onKeydown:W}),{default:C(()=>[x(e.$slots,`default`,{modelValue:I.value})]),_:3},16,[`class`,`disabled`,`data-state`,`aria-checked`]))}});export{w as default};

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

@@ -1,6 +1,6 @@
 import { CheckedState } from "../../types/common.js";
+import "../../types/index.js";
 import { MenuCheckboxItemProps } from "./types.js";
-
 //#region src/components/menu/menu-checkbox-item.vue.d.ts
 declare var __VLS_13: {
   modelValue: CheckedState;
@@ -23,4 +23,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/menu/menu-checkbox-options-compact.js

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../_icon/icon.js";import n from"../kbd/kbd.js";import r from"../separator/separator-root.js";import{useMenuUi as i}from"./context.js";import a from"./menu-group-label.js";import o from"./menu-item-indicator.js";import s from"./menu-checkbox-item.js";import c from"./menu-checkbox-group.js";import{useCommonSlotNames as l}from"./hooks.js";import u from"./menu-item-slot-compact.js";import{Fragment as d,createBlock as f,createCommentVNode as p,createElementBlock as m,createSlots as h,createVNode as g,defineComponent as _,mergeProps as v,openBlock as y,renderList as b,renderSlot as x,unref as S,useSlots as C,withCtx as w}from"vue";const T=_({name:`MenuCheckboxOptionsCompact`,__name:`menu-checkbox-options-compact`,props:{items:{},groupLabelProps:{},checkboxItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`select`],setup(_,{emit:T}){let E=_,D=T,O=C(),k=e(E,[`items`,`groupLabelProps`,`checkboxItemProps`,`indicatorProps`,`shortcutProps`,`separatorProps`]),A=l(O),j=i();return(e,i)=>(y(),f(c,v(S(k),{"onUpdate:modelValue":i[0]||(i[0]=e=>D(`update:modelValue`,e))}),{default:w(()=>[(y(!0),m(d,null,b(_.items,i=>(y(),m(d,{key:i.value},[i.isGroupLabel?(y(),f(a,v({key:0,ref_for:!0},_.groupLabelProps),{default:w(()=>[g(u,{icon:i.icon,label:i.label},{default:w(()=>[(y(!0),m(d,null,b(S(A),t=>x(e.$slots,t,v({ref_for:!0},i))),256))]),_:2},1032,[`icon`,`label`])]),_:2},1040)):(y(),f(s,v({key:1,ref_for:!0},_.checkboxItemProps,{value:i.value,disabled:i.disabled,"text-value":i.textValue,onSelect:e=>D(`select`,i,e)}),{default:w(()=>[g(u,{icon:i.icon,label:i.label},h({indicator:w(()=>[g(o,v({ref_for:!0},_.indicatorProps),{default:w(()=>[x(e.$slots,`item-indicator-icon`,v({ref_for:!0},i),()=>[g(t,{icon:`lucide:check`})])]),_:2},1040)]),default:w(()=>[(y(!0),m(d,null,b(S(A),t=>x(e.$slots,t,v({ref_for:!0},i))),256))]),_:2},[i.shortcut?{name:`shortcut`,fn:w(()=>[g(n,v({ref_for:!0},_.shortcutProps,{value:i.shortcut,class:S(j).shortcut}),null,16,[`value`,`class`])]),key:`0`}:void 0]),1032,[`icon`,`label`])]),_:2},1040,[`value`,`disabled`,`text-value`,`onSelect`])),i.separator?(y(),f(r,v({key:2,ref_for:!0},_.separatorProps),null,16)):p(`v-if`,!0)],64))),128))]),_:3},16))}});export{T as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../_icon/icon.js";import n from"../kbd/kbd.js";import r from"../separator/separator-root.js";import{useMenuUi as i}from"./context.js";import a from"./menu-group-label.js";import o from"./menu-item-indicator.js";import s from"./menu-checkbox-item.js";import c from"./menu-checkbox-group.js";import{useCommonSlotNames as l}from"./hooks.js";import u from"./menu-item-slot-compact.js";import{Fragment as d,createBlock as f,createCommentVNode as p,createElementBlock as m,createSlots as h,createVNode as g,defineComponent as _,mergeProps as v,openBlock as y,renderList as b,renderSlot as x,unref as S,useSlots as C,withCtx as w}from"vue";const T=_({name:`MenuCheckboxOptionsCompact`,__name:`menu-checkbox-options-compact`,props:{items:{},groupLabelProps:{},checkboxItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`select`],setup(_,{emit:T}){let E=_,D=T,O=C(),k=e(E,[`items`,`groupLabelProps`,`checkboxItemProps`,`indicatorProps`,`shortcutProps`,`separatorProps`]),A=l(O),j=i();return(e,i)=>(y(),f(c,v(S(k),{"onUpdate:modelValue":i[0]||(i[0]=e=>D(`update:modelValue`,e))}),{default:w(()=>[(y(!0),m(d,null,b(_.items,i=>(y(),m(d,{key:i.value},[i.isGroupLabel?(y(),f(a,v({key:0,ref_for:!0},_.groupLabelProps),{default:w(()=>[g(u,{icon:i.icon,label:i.label},{default:w(()=>[(y(!0),m(d,null,b(S(A),t=>x(e.$slots,t,v({ref_for:!0},i))),256))]),_:2},1032,[`icon`,`label`])]),_:2},1040)):(y(),f(s,v({key:1,ref_for:!0},_.checkboxItemProps,{value:i.value,disabled:i.disabled??_.checkboxItemProps?.disabled,"text-value":i.textValue,onSelect:e=>D(`select`,i,e)}),{default:w(()=>[g(u,{icon:i.icon,label:i.label},h({indicator:w(()=>[g(o,v({ref_for:!0},_.indicatorProps),{default:w(()=>[x(e.$slots,`item-indicator-icon`,v({ref_for:!0},i),()=>[g(t,{icon:`lucide:check`})])]),_:2},1040)]),default:w(()=>[(y(!0),m(d,null,b(S(A),t=>x(e.$slots,t,v({ref_for:!0},i))),256))]),_:2},[i.shortcut?{name:`shortcut`,fn:w(()=>[g(n,v({ref_for:!0},_.shortcutProps,{value:i.shortcut,class:S(j).shortcut}),null,16,[`value`,`class`])]),key:`0`}:void 0]),1032,[`icon`,`label`])]),_:2},1040,[`value`,`disabled`,`text-value`,`onSelect`])),i.separator?(y(),f(r,v({key:2,ref_for:!0},_.separatorProps),null,16)):p(`v-if`,!0)],64))),128))]),_:3},16))}});export{T as default};

package/dist/components/menu/menu-checkbox-options-compact.vue.d.ts

@@ -1,6 +1,6 @@
 import { DefinedValue } from "../../types/common.js";
+import "../../types/index.js";
 import { MenuCheckboxOptionData, MenuCheckboxOptionsCompactProps, MenuCheckboxOptionsCompactSlots } from "./types.js";
-
 //#region src/components/menu/menu-checkbox-options-compact.vue.d.ts
 declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: import("vue").PublicProps & __VLS_PrettifyLocal<MenuCheckboxOptionsCompactProps<T> & {
@@ -14,9 +14,9 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   slots: MenuCheckboxOptionsCompactSlots<T>;
   emit: ((evt: "select", item: MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void);
 }>) => import("vue").VNode & {
-  __ctx?: Awaited<typeof __VLS_setup>;
+  __ctx?: NonNullable<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] }) & {};
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K]; } : { [K in keyof T as K]: T[K]; }) & {};
 //#endregion
-export { _default };
+export { _default as default };

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