@soybeanjs/headless 0.0.9 → 0.0.11

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

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

@@ -1 +1 @@
-import{provideListboxGroupContext as e,useListboxThemeContext as t}from"./context.js";import{computed as n,createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=[`aria-labelledby`];var u=i({name:`ListboxGroup`,__name:`listbox-group`,setup(i){let{id:u}=e(),d=t(),f=n(()=>d?.ui?.value?.group);return(e,t)=>(o(),r(`div`,{"aria-labelledby":c(u),role:`group`,class:a(f.value)},[s(e.$slots,`default`)],10,l))}});export{u as default};
+import{provideListboxGroupContext as e,useListboxUi as t}from"./context.js";import{createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o,unref as s}from"vue";const c=[`aria-labelledby`];var l=r({name:`ListboxGroup`,__name:`listbox-group`,setup(r){let{id:l}=e(),u=t(`group`);return(e,t)=>(a(),n(`div`,{"aria-labelledby":s(l),role:`group`,class:i(s(u))},[o(e.$slots,`default`)],10,c))}});export{l as default};

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

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

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import{useListboxItemContext as t,useListboxThemeContext as n}from"./context.js";import{computed as r,createBlock as i,createCommentVNode 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:`ListboxItemIndicator`,__name:`listbox-item-indicator`,props:{asChild:{type:Boolean},as:{default:`span`}},setup(o){let{isSelected:f}=t(`ListboxItemIndicator`),p=n(),m=r(()=>p?.ui?.value?.itemIndicator);return(t,n)=>u(f)?(c(),i(u(e),{key:0,as:o.as,"as-child":o.asChild,class:s(m.value),"aria-hidden":`true`},{default:d(()=>[l(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`])):a(`v-if`,!0)}});export{f as default};
+import{Primitive as e}from"../primitive/primitive.js";import{useListboxItemContext as t,useListboxUi as n}from"./context.js";import{createBlock as r,createCommentVNode as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";var d=a({name:`ListboxItemIndicator`,__name:`listbox-item-indicator`,props:{asChild:{type:Boolean},as:{default:`span`}},setup(a){let{isSelected:d}=t(`ListboxItemIndicator`),f=n(`itemIndicator`);return(t,n)=>l(d)?(s(),r(l(e),{key:0,as:a.as,"as-child":a.asChild,class:o(l(f)),"aria-hidden":`true`},{default:u(()=>[c(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`])):i(`v-if`,!0)}});export{d as default};

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

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

@@ -1 +1 @@
-import{handleAndDispatchCustomEvent as e}from"../../shared/event.js";import{useOmitProps as t}from"../../composables/use-props.js";import{Primitive as n}from"../primitive/primitive.js";import{provideListboxItemContext as r,useCollectionItem as i,useListboxRootContext as a,useListboxThemeContext 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";var v=l({name:`ListboxItem`,__name:`listbox-item`,props:{value:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`div`}},emits:[`select`],setup(l,{emit:v}){let y=l,b=v,x=o(),S=s(()=>x?.ui?.value?.item),{modelValue:C,onModelValueChange:w,disabled:T,focusable:E,highlightOnHover:D,highlightedElement:O,changeHighlight:k}=a(`ListboxItem`),{itemProps:A,itemElement:j,setItemElement:M}=i({value:y.value}),N=t(y,[`value`,`disabled`],A),P=`soybean-listbox-item-${p()}`,F=s(()=>T.value||y.disabled),I=s(()=>j.value===O.value),L=s(()=>Array.isArray(C.value)?C.value.includes(y.value):C.value===y.value),R=s(()=>E.value&&I.value?`0`:`-1`),z=async e=>{b(`select`,e),!e?.defaultPrevented&&(F.value||!e||(w(y.value),j.value&&k(j.value)))},B=t=>{e(`listbox.select`,z,{originalEvent:t,value:y.value})},V=()=>{if(!(I.value||!j.value)){if(D.value){k(j.value,!1);return}E.value||k(j.value,!1)}};return r({isSelected:L}),(e,t)=>g([I.value,L.value],()=>c(f(n),u(f(N),{id:P,ref:f(M),class:S.value,role:`option`,tabindex:R.value,"aria-selected":L.value,disabled:F.value?``:void 0,"data-disabled":F.value?``:void 0,"data-highlighted":I.value?``:void 0,"data-state":L.value?`checked`:`unchecked`,onClick:B,onKeydown:h(_(B,[`prevent`]),[`space`]),onPointermove:V}),{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{useOmitProps as t}from"../../composables/use-props.js";import{Primitive as n}from"../primitive/primitive.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";var v=l({name:`ListboxItem`,__name:`listbox-item`,props:{value:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`div`}},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`),{itemProps:k,itemElement:A,setItemElement:j}=i({value:y.value}),M=t(y,[`value`,`disabled`],k),N=`soybean-listbox-item-${p()}`,P=s(()=>w.value||y.disabled),F=s(()=>A.value===D.value),I=s(()=>Array.isArray(S.value)?S.value.includes(y.value):S.value===y.value),L=s(()=>T.value&&F.value?`0`:`-1`),R=async e=>{b(`select`,e),!e?.defaultPrevented&&(P.value||!e||(C(y.value),A.value&&O(A.value)))},z=t=>{e(`listbox.select`,R,{originalEvent:t,value:y.value})},B=()=>{if(!(F.value||!A.value)){if(E.value){O(A.value,!1);return}T.value||O(A.value,!1)}};return r({isSelected:I}),(e,t)=>g([F.value,I.value],()=>c(f(n),u(f(M),{id:N,ref:f(j),class:f(x),role:`option`,tabindex:L.value,"aria-selected":I.value,disabled:P.value?``:void 0,"data-disabled":P.value?``:void 0,"data-highlighted":F.value?``:void 0,"data-state":I.value?`checked`:`unchecked`,onClick:z,onKeydown:h(_(z,[`prevent`]),[`space`]),onPointermove:B}),{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

@@ -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 vue474 from "vue";
+import * as vue1012 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: vue474.DefineComponent<ListboxItemProps, {}, {}, {}, {}, vue474.ComponentOptionsMixin, vue474.ComponentOptionsMixin, {
+declare const __VLS_base: vue1012.DefineComponent<ListboxItemProps, {}, {}, {}, {}, vue1012.ComponentOptionsMixin, vue1012.ComponentOptionsMixin, {
   select: (event: SelectEvent<string>) => any;
-}, string, vue474.PublicProps, Readonly<ListboxItemProps> & Readonly<{
+}, string, vue1012.PublicProps, Readonly<ListboxItemProps> & Readonly<{
   onSelect?: ((event: SelectEvent<string>) => any) | undefined;
 }>, {
-  as: AsTag | vue474.Component;
-}, {}, {}, {}, string, vue474.ComponentProvideOptions, false, {}, any>;
+  as: AsTag | vue1012.Component;
+}, {}, {}, {}, string, vue1012.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,useListboxThemeContext 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(),C=o(()=>S?.ui?.value?.root),{modelValue:w,isMultiple:T}=n(b,e=>{x(`update:modelValue`,e)}),{rootElement:E,setRootElement:D,isUserAction:O,highlightedElement:k,highlightSelected:A,highlightFirstItem:j,highlightItem:M,getItems:N}=i({...t(b,[`dir`,`orientation`,`disabled`,`highlightOnHover`,`selectionBehavior`]),modelValue:w,isMultiple:T,onHighlight(e){x(`highlight`,e)},onEntryFocus(e){x(`entryFocus`,e)},onLeave(e){x(`leave`,e)}}),P=o(()=>e(E.value));return g(w,()=>{O.value||d(()=>{A()})},{immediate:!0,deep:!0}),v({highlightedElement:k,highlightItem:M,highlightFirstItem:j,highlightSelected:A,getItems:N}),(e,t)=>(p(),l(`div`,{ref:h(D),class:f(C.value),"data-disabled":u.disabled?``:void 0,dir:u.dir,onPointerleave:t[0]||=(...t)=>e.onLeave&&e.onLeave(...t),onFocusout:t[1]||=(...t)=>e.onFocusout&&e.onFocusout(...t)},[m(e.$slots,`default`,{modelValue:h(w)}),P.value&&u.name?(p(),s(r,{key:0,name:u.name,value:h(w),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{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)=>e.onLeave&&e.onLeave(...t),onFocusout: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,20 +1,20 @@
 import { CollectionItemData } from "../../composables/use-collection.js";
 import "../../composables/index.js";
 import { ListboxCollectionItemData, ListboxRootProps } from "./types.js";
-import * as vue465 from "vue";
+import * as vue911 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: vue465.PublicProps & __VLS_PrettifyLocal<ListboxRootProps<M> & {
+  props: vue911.PublicProps & __VLS_PrettifyLocal<ListboxRootProps<M> & {
     "onUpdate:modelValue"?: ((value: M extends true ? string[] : string) => any) | undefined;
-    onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
     onEntryFocus?: ((event: CustomEvent<any>) => any) | undefined;
+    onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
     onLeave?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
-  expose: (exposed: vue465.ShallowUnwrapRef<{
-    highlightedElement: vue465.ShallowRef<HTMLElement | null, HTMLElement | null>;
+  expose: (exposed: vue911.ShallowUnwrapRef<{
+    highlightedElement: vue911.ShallowRef<HTMLElement | null, HTMLElement | null>;
     highlightItem: (value: string) => void;
     highlightFirstItem: () => void;
     highlightSelected: (event?: Event) => Promise<void>;
@@ -26,8 +26,8 @@ declare const __VLS_export: <M extends boolean>(__VLS_props: NonNullable<Awaited
       modelValue: (M extends true ? string[] : string) | undefined;
     }) => any;
   };
-  emit: ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "leave", event: Event) => void);
-}>) => vue465.VNode & {
+  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);
+}>) => vue911.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,useListboxThemeContext 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,useSlots as b}from"vue";import{refAutoReset as x,useParentElement as S}from"@vueuse/core";import{useVirtualizer as C}from"@tanstack/vue-virtual";var w=m({name:`ListboxVirtualizer`,__name:`listbox-virtualizer`,props:{options:{},overscan:{},estimateSize:{},textContent:{type:Function}},setup(m){let w=m,T=b(),{modelValue:E,isMultiple:D,orientation:O,firstValue:k,isVirtual:A,virtualFocusHook:j,virtualHighlightHook:M,virtualKeydownHook:N,highlightedElement:P,changeHighlight:F,highlightFirstItem:I}=a(`ListboxVirtualizer`);A.value=!0;let L=o(),R=d(()=>L?.ui?.value?.virtualizer),{getOrderedItems:z,getOrderedElements:B}=i(`ListboxVirtualizer`),V=x(``,1e3),H=d(()=>{let e=e=>w.textContent?w.textContent(e):e?.toString()?.toLowerCase();return w.options.map((t,n)=>({index:n,textContent:e(t)}))}),U=S(),W=d(()=>c(U.value)),G=C(d(()=>({scrollPaddingStart:W.value.start,scrollPaddingEnd:W.value.end,count:w.options.length,horizontal:O.value===`horizontal`,overscan:w.overscan??12,estimateSize:()=>w.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,w.options,T.default));j.on(e=>{let t=w.options.findIndex(e=>e===(Array.isArray(E.value)?E.value[0]:E.value));t===-1?I():(e?.preventDefault(),G.value.scrollToIndex(t,{align:`start`}),requestAnimationFrame(()=>{let t=l(U.value);t&&(F(t),e&&t.focus())}))}),M.on(e=>{let t=w.options.findIndex(t=>t===e);G.value.scrollToIndex(t,{align:`start`}),requestAnimationFrame(()=>{let e=l(U.value);e&&F(e)})}),N.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`&&D.value?(t.preventDefault(),E.value=[...w.options],a=`last`):t.shiftKey&&a&&Y(t,a),[`first`,`last`].includes(a)){t.preventDefault();let e=a===`first`?0:w.options.length-1;G.value.scrollToIndex(e),requestAnimationFrame(()=>{let e=B(),t=a===`first`?e[0]:e[e.length-1];t&&F(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&&F(e)}))}});function Y(e,n){if(!k.value||!D.value||!Array.isArray(E.value))return;let r=z().find(e=>e.element===P.value)?.data?.value;if(!r)return;let i=null;switch(n){case`prev`:case`next`:i=t(w.options,k.value,r);break;case`first`:i=t(w.options,k.value,w.options?.[0]);break;case`last`:i=t(w.options,k.value,w.options?.[w.options.length-1]);break;default:}E.value=i??void 0}return(e,t)=>(_(),p(`div`,{"data-soybean-virtualizer":``,class:h(R.value),style:g(q.value)},[(_(!0),p(u,null,v(J.value,({is:e,item:t})=>(_(),f(y(e),{key:t.index}))),128))],6))}});export{w 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{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};

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

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

@@ -1,4 +1,4 @@
-import { ClassValue, DataOrientation, Direction, SelectionEmits, SelectionProps } from "../../types/common.js";
+import { DataOrientation, Direction, SelectionEmits, SelectionProps, UiClass } from "../../types/common.js";
 import { SelectEvent } from "../../types/event.js";
 import { FormFieldCommonProps } from "../../types/component.js";
 import "../../types/index.js";
@@ -85,10 +85,7 @@ type ListboxVirtualizerSlotsProps = {
 type ListboxVirtualizerSlots = {
   default: (props: ListboxVirtualizerSlotsProps) => any;
 };
-type ListboxThemeSlot = 'root' | 'content' | 'filterRoot' | 'filterControl' | 'item' | 'itemIndicator' | 'group' | 'groupLabel' | 'virtualizer';
-type ListboxUi = Record<ListboxThemeSlot, ClassValue>;
-interface ListboxThemeContextParams {
-  ui: ComputedRef<ListboxUi>;
-}
+type ListboxUiSlot = 'root' | 'content' | 'filterRoot' | 'filterControl' | 'item' | 'itemIndicator' | 'group' | 'groupLabel' | 'virtualizer';
+type ListboxUi = UiClass<ListboxUiSlot>;
 //#endregion
-export { ListboxCollectionItemData, ListboxContentProps, ListboxFilterEmits, ListboxFilterProps, ListboxGroupLabelProps, ListboxGroupProps, ListboxItemEmits, ListboxItemIndicatorProps, ListboxItemProps, ListboxRootEmits, ListboxRootProps, ListboxThemeContextParams, ListboxThemeSlot, ListboxUi, ListboxVirtualizerProps, ListboxVirtualizerSlots };
+export { ListboxCollectionItemData, ListboxContentProps, ListboxFilterEmits, ListboxFilterProps, ListboxGroupLabelProps, ListboxGroupProps, ListboxItemEmits, ListboxItemIndicatorProps, ListboxItemProps, ListboxRootEmits, ListboxRootProps, ListboxUi, ListboxUiSlot, ListboxVirtualizerProps, ListboxVirtualizerSlots };

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

@@ -1,10 +1,11 @@
+import { ClassValue, UiClass } from "../../types/common.js";
 import "../../types/index.js";
-import { MenuThemeContextParams } from "./types.js";
+import { MenuUiSlot } from "./types.js";
 import "../../index.js";
-import "vue";
+import * as vue1508 from "vue";
 
 //#region src/components/menu/context.d.ts
 
-declare const provideMenuThemeContext: (params: MenuThemeContextParams) => MenuThemeContextParams, useMenuThemeContext: <N extends string | null | undefined = undefined>(consumerName?: N | undefined, defaultValue?: MenuThemeContextParams | undefined) => N extends null | undefined ? MenuThemeContextParams | null : MenuThemeContextParams;
+declare const provideMenuUi: (ui: vue1508.ComputedRef<Partial<UiClass<MenuUiSlot>>>) => vue1508.ComputedRef<Partial<UiClass<MenuUiSlot>>>, useMenuUi: <S extends MenuUiSlot | undefined = undefined>(slot?: S | undefined) => S extends MenuUiSlot ? vue1508.ComputedRef<ClassValue> : vue1508.ComputedRef<Partial<UiClass<MenuUiSlot>>>;
 //#endregion
-export { provideMenuThemeContext, useMenuThemeContext };
+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{useDirection as r}from"../../composables/use-direction.js";import{provideSeparatorThemeContext as i}from"../separator/context.js";import{providePopperThemeContext as a}from"../popper/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=()=>{h.value||=`${m}-popup-${l()}`},_=c(``);return{isRoot:n,open:r,onOpenChange:i,dataState:a,dataPopupAttr:s,popupElement:u,onPopupElementChange:d,triggerElement:f,onTriggerElementChange:p,popupId:h,initPopupId:g,triggerId:_,initTriggerId:()=>{_.value||=`${m}-trigger-${l()}`}}}),[f,p]=n(`MenuRoot`,e=>{let t=r(e.dir);return{...e,dir:t}}),[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.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`,e=>e),[S,C]=n(`MenuTheme`,e=>(a({ui:o(()=>({arrow:e.ui.value.arrow}))}),i({ui:o(()=>({root:e.ui.value.separator}))}),e));export{g as provideMenuCheckboxGroupContext,m as provideMenuContentContext,u as provideMenuContext,b as provideMenuItemIndicatorContext,v as provideMenuRadioGroupContext,f as provideMenuRootContext,S as provideMenuThemeContext,_ as useMenuCheckboxGroupContext,h as useMenuContentContext,d as useMenuContext,x as useMenuItemIndicatorContext,y as useMenuRadioGroupContext,p as useMenuRootContext,C as useMenuThemeContext};
+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{useDirection as r}from"../../composables/use-direction.js";import{useUiContext as i}from"../../composables/use-ui-context.js";import{provideSeparatorUi as a}from"../separator/context.js";import{providePopperUi as o}from"../popper/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||=`${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||=`${m}-trigger-${u()}`}}}),[p,m]=n(`MenuRoot`,e=>{let t=r(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.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]=i(`MenuUi`,e=>(o(s(()=>({arrow:e.value?.arrow}))),a(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/index.d.ts

@@ -1,7 +1,7 @@
 import { PortalProps } from "../portal/types.js";
 import { _default as _default$9 } from "../portal/portal.vue.js";
 import { PopperAnchorProps, PopperArrowProps } from "../popper/types.js";
-import { MenuCheckboxGroupEmits, MenuCheckboxGroupProps, MenuCheckboxItemEmits, MenuCheckboxItemProps, MenuContentEmits, MenuContentProps, MenuGroupLabelProps, MenuGroupProps, MenuItemEmits, MenuItemIndicatorProps, MenuItemProps, MenuPopupProps, MenuRadioGroupEmits, MenuRadioGroupProps, MenuRadioItemEmits, MenuRadioItemProps, MenuRootEmits, MenuRootProps, MenuSubContentEmits, MenuSubContentProps, MenuSubEmits, MenuSubProps, MenuSubTriggerProps, MenuThemeSlot, MenuTriggerProps, MenuUi } from "./types.js";
+import { MenuCheckboxGroupEmits, MenuCheckboxGroupProps, MenuCheckboxItemEmits, MenuCheckboxItemProps, MenuContentEmits, MenuContentProps, MenuGroupLabelProps, MenuGroupProps, MenuItemEmits, MenuItemIndicatorProps, MenuItemProps, MenuPopupProps, MenuRadioGroupEmits, MenuRadioGroupProps, MenuRadioItemEmits, MenuRadioItemProps, MenuRootEmits, MenuRootProps, MenuSubContentEmits, MenuSubContentProps, MenuSubEmits, MenuSubProps, MenuSubTriggerProps, MenuTriggerProps, MenuUi, MenuUiSlot } from "./types.js";
 import { SeparatorRootProps } from "../separator/types.js";
 import { _default as _default$13 } from "../separator/separator-root.vue.js";
 import { _default } from "../popper/popper-anchor.vue.js";
@@ -19,5 +19,5 @@ import { _default as _default$3 } from "./menu-checkbox-item.vue.js";
 import { _default as _default$10 } from "./menu-radio-group.vue.js";
 import { _default as _default$11 } from "./menu-radio-item.vue.js";
 import { _default as _default$8 } from "./menu-item-indicator.vue.js";
-import { provideMenuThemeContext, useMenuThemeContext } 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, _default$4 as MenuContent, type MenuContentEmits, type MenuContentProps, _default$5 as MenuGroup, _default$6 as MenuGroupLabel, type MenuGroupLabelProps, type MenuGroupProps, _default$7 as MenuItem, type MenuItemEmits, _default$8 as MenuItemIndicator, type MenuItemIndicatorProps, type MenuItemProps, type MenuPopupProps, _default$9 as MenuPortal, type PortalProps as MenuPortalProps, _default$10 as MenuRadioGroup, type MenuRadioGroupEmits, type MenuRadioGroupProps, _default$11 as MenuRadioItem, type MenuRadioItemEmits, type MenuRadioItemProps, _default$12 as MenuRoot, type MenuRootEmits, type MenuRootProps, _default$13 as MenuSeparator, type SeparatorRootProps as MenuSeparatorProps, _default$14 as MenuSub, _default$15 as MenuSubContent, type MenuSubContentEmits, type MenuSubContentProps, type MenuSubEmits, type MenuSubProps, _default$16 as MenuSubTrigger, type MenuSubTriggerProps, type MenuThemeSlot, type MenuTriggerProps, type MenuUi, provideMenuThemeContext, useMenuThemeContext };
+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, _default$4 as MenuContent, type MenuContentEmits, type MenuContentProps, _default$5 as MenuGroup, _default$6 as MenuGroupLabel, type MenuGroupLabelProps, type MenuGroupProps, _default$7 as MenuItem, type MenuItemEmits, _default$8 as MenuItemIndicator, type MenuItemIndicatorProps, type MenuItemProps, type MenuPopupProps, _default$9 as MenuPortal, type PortalProps as MenuPortalProps, _default$10 as MenuRadioGroup, type MenuRadioGroupEmits, type MenuRadioGroupProps, _default$11 as MenuRadioItem, type MenuRadioItemEmits, type MenuRadioItemProps, _default$12 as MenuRoot, type MenuRootEmits, type MenuRootProps, _default$13 as MenuSeparator, type SeparatorRootProps as MenuSeparatorProps, _default$14 as MenuSub, _default$15 as MenuSubContent, type MenuSubContentEmits, type MenuSubContentProps, type MenuSubEmits, type MenuSubProps, _default$16 as MenuSubTrigger, type MenuSubTriggerProps, type MenuTriggerProps, type MenuUi, type MenuUiSlot, provideMenuUi, useMenuUi };

package/dist/components/menu/index.js

@@ -1 +1 @@
-import e from"../portal/portal.js";import t from"../separator/separator-root.js";import n from"../popper/popper-anchor.js";import r from"../popper/popper-arrow.js";import{provideMenuThemeContext as i,useMenuThemeContext as a}from"./context.js";import o from"./menu-root.js";import s from"./menu-content.js";import c from"./menu-sub.js";import l from"./menu-sub-content.js";import u from"./menu-sub-trigger.js";import d from"./menu-group.js";import f from"./menu-group-label.js";import p from"./menu-item.js";import m from"./menu-checkbox-group.js";import h from"./menu-checkbox-item.js";import g from"./menu-radio-group.js";import _ from"./menu-radio-item.js";import v from"./menu-item-indicator.js";export{n as MenuAnchor,r as MenuArrow,m as MenuCheckboxGroup,h as MenuCheckboxItem,s as MenuContent,d as MenuGroup,f as MenuGroupLabel,p as MenuItem,v as MenuItemIndicator,e as MenuPortal,g as MenuRadioGroup,_ as MenuRadioItem,o as MenuRoot,t as MenuSeparator,c as MenuSub,l as MenuSubContent,u as MenuSubTrigger,i as provideMenuThemeContext,a as useMenuThemeContext};
+import e from"../portal/portal.js";import t from"../separator/separator-root.js";import n from"../popper/popper-anchor.js";import r from"../popper/popper-arrow.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-sub.js";import l from"./menu-sub-content.js";import u from"./menu-sub-trigger.js";import d from"./menu-group.js";import f from"./menu-group-label.js";import p from"./menu-item.js";import m from"./menu-checkbox-group.js";import h from"./menu-checkbox-item.js";import g from"./menu-radio-group.js";import _ from"./menu-radio-item.js";import v from"./menu-item-indicator.js";export{n as MenuAnchor,r as MenuArrow,m as MenuCheckboxGroup,h as MenuCheckboxItem,s as MenuContent,d as MenuGroup,f as MenuGroupLabel,p as MenuItem,v as MenuItemIndicator,e as MenuPortal,g as MenuRadioGroup,_ as MenuRadioItem,o as MenuRoot,t as MenuSeparator,c as MenuSub,l as MenuSubContent,u as MenuSubTrigger,i as provideMenuUi,a 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,useMenuThemeContext 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(),g=i(()=>h?.ui?.value?.checkboxGroup),_=e(()=>p.modelValue,e=>{m(`update:modelValue`,e||[])},p.defaultValue);return n({modelValue:_,disabled:i(()=>p.disabled)}),(e,n)=>(c(),a(u(t),{as:o.as,"as-child":o.asChild,class:s(g.value),role:`menu-checkbox-group`},{default:d(()=>[l(e.$slots,`default`,{modelValue:u(_)})]),_:3},8,[`as`,`as-child`,`class`]))}});export{f as default};
+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};

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 vue1606 from "vue";
+import * as vue1490 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: vue1606.PublicProps & __VLS_PrettifyLocal<MenuCheckboxGroupProps<T> & {
+  props: vue1490.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;
-}>) => vue1606.VNode & {
+}>) => vue1490.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,useMenuThemeContext 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(),C=u(()=>S?.ui?.value?.checkboxItem),w=i(()=>y.modelValue,e=>{b(`update:modelValue`,e??!1)},!1),T=s(),E=u(()=>T?.disabled.value||y.disabled),D=u(()=>e(T?.modelValue?.value)?e(w.value)?!1:w.value===`indeterminate`?`indeterminate`:w.value:t(T?.modelValue.value,y.value)),O=u(()=>n(D.value)),k=u(()=>r(D.value)?`mixed`:D.value),A=e=>{if(b(`select`,e),r(w.value)){w.value=!0;return}w.value=!w.value,y.value&&T?.onModelValueChange(y.value)};return o({modelValue:D}),(e,t)=>(m(),d(l,p(g(x),{class:C.value,role:`menu-checkbox-item`,disabled:E.value,"data-state":O.value,"aria-checked":k.value,onSelect:A}),{default:_(()=>[h(e.$slots,`default`,{modelValue:D.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{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};

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 vue1608 from "vue";
+import * as vue1478 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: vue1608.DefineComponent<MenuCheckboxItemProps, {}, {}, {}, {}, vue1608.ComponentOptionsMixin, vue1608.ComponentOptionsMixin, {
+declare const __VLS_base: vue1478.DefineComponent<MenuCheckboxItemProps, {}, {}, {}, {}, vue1478.ComponentOptionsMixin, vue1478.ComponentOptionsMixin, {
   select: (event: Event) => any;
   "update:modelValue": (value: CheckedState) => any;
-}, string, vue1608.PublicProps, Readonly<MenuCheckboxItemProps> & Readonly<{
+}, string, vue1478.PublicProps, Readonly<MenuCheckboxItemProps> & Readonly<{
   onSelect?: ((event: Event) => any) | undefined;
   "onUpdate:modelValue"?: ((value: CheckedState) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue1608.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, vue1478.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,useMenuThemeContext 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?.ui?.value?.positioner:X?.ui?.value?.subPositioner),ue=x(()=>z?X?.ui?.value?.popup:X?.ui?.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]||=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{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]||=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.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 vue1571 from "vue";
+import * as vue1458 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: vue1571.DefineComponent<MenuContentProps, {}, {}, {}, {}, vue1571.ComponentOptionsMixin, vue1571.ComponentOptionsMixin, {
+declare const __VLS_base: vue1458.DefineComponent<MenuContentProps, {}, {}, {}, {}, vue1458.ComponentOptionsMixin, vue1458.ComponentOptionsMixin, {
+  entryFocus: (event: Event) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
-  entryFocus: (event: Event) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
-}, string, vue1571.PublicProps, Readonly<MenuContentProps> & Readonly<{
+}, string, vue1458.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;
-  onEntryFocus?: ((event: Event) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue1571.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, vue1458.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{useMenuThemeContext as e}from"./context.js";import{computed as t,createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o}from"vue";var s=r({name:`MenuGroupLabel`,__name:`menu-group-label`,setup(r){let s=e(),c=t(()=>s?.ui?.value?.groupLabel);return(e,t)=>(a(),n(`div`,{class:i(c.value)},[o(e.$slots,`default`)],2))}});export{s as default};
+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};

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

@@ -1,12 +1,12 @@
 import { MenuGroupLabelProps } from "./types.js";
-import * as vue1596 from "vue";
+import * as vue1483 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: vue1596.DefineComponent<MenuGroupLabelProps, {}, {}, {}, {}, vue1596.ComponentOptionsMixin, vue1596.ComponentOptionsMixin, {}, string, vue1596.PublicProps, Readonly<MenuGroupLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1596.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue1483.DefineComponent<MenuGroupLabelProps, {}, {}, {}, {}, vue1483.ComponentOptionsMixin, vue1483.ComponentOptionsMixin, {}, string, vue1483.PublicProps, Readonly<MenuGroupLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1483.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{useMenuThemeContext as t}from"./context.js";import{computed as n,createBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";var u=i({name:`MenuGroup`,__name:`menu-group`,props:{asChild:{type:Boolean},as:{}},setup(i){let u=t(),d=n(()=>u?.ui?.value?.group);return(t,n)=>(o(),r(c(e),{as:i.as,"as-child":i.asChild,class:a(d.value),role:`group`},{default:l(()=>[s(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`]))}});export{u as default};
+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};

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

@@ -1,12 +1,12 @@
 import { MenuGroupProps } from "./types.js";
-import * as vue1591 from "vue";
+import * as vue1453 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: vue1591.DefineComponent<MenuGroupProps, {}, {}, {}, {}, vue1591.ComponentOptionsMixin, vue1591.ComponentOptionsMixin, {}, string, vue1591.PublicProps, Readonly<MenuGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1591.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue1453.DefineComponent<MenuGroupProps, {}, {}, {}, {}, vue1453.ComponentOptionsMixin, vue1453.ComponentOptionsMixin, {}, string, vue1453.PublicProps, Readonly<MenuGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1453.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-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,useMenuThemeContext as a}from"./context.js";import{computed as o,createBlock as s,createCommentVNode as c,defineComponent as l,normalizeClass as u,openBlock as d,renderSlot as f,shallowRef as p,unref as m,withCtx as h}from"vue";var g=l({name:`MenuItemIndicator`,__name:`menu-item-indicator`,props:{asChild:{type:Boolean},as:{default:`span`},forceMount:{type:Boolean}},setup(l){let g=l,_=a(),v=o(()=>_?.ui?.value?.itemIndicator),[y,b]=t(),{modelValue:x}=i(`MenuItemIndicator`),S=o(()=>e(x.value)||x.value===!0),C=g.forceMount?p(!0):n(y,S);return(e,t)=>m(C)?(d(),s(m(r),{key:0,ref:m(b),as:l.as,"as-child":l.asChild,class:u(v.value)},{default:h(()=>[f(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`])):c(`v-if`,!0)}});export{g as default};
+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};

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 vue1620 from "vue";
+import * as vue1502 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: vue1620.DefineComponent<MenuItemIndicatorProps, {}, {}, {}, {}, vue1620.ComponentOptionsMixin, vue1620.ComponentOptionsMixin, {}, string, vue1620.PublicProps, Readonly<MenuItemIndicatorProps> & Readonly<{}>, {
-  as: AsTag | vue1620.Component;
-}, {}, {}, {}, string, vue1620.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue1502.DefineComponent<MenuItemIndicatorProps, {}, {}, {}, {}, vue1502.ComponentOptionsMixin, vue1502.ComponentOptionsMixin, {}, string, vue1502.PublicProps, Readonly<MenuItemIndicatorProps> & Readonly<{}>, {
+  as: AsTag | vue1502.Component;
+}, {}, {}, {}, string, vue1502.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,useMenuThemeContext as i}from"./context.js";import{ITEM_SELECT as a}from"./shared.js";import o from"./menu-item-impl.js";import{computed as s,createBlock as c,defineComponent as l,mergeProps as u,nextTick as d,openBlock as f,renderSlot as p,unref as m,withCtx as h}from"vue";var g=l({name:`MenuItem`,__name:`menu-item`,props:{disabled:{type:Boolean},textValue:{},asChild:{type:Boolean},as:{}},emits:[`select`],setup(l,{emit:g}){let _=l,v=g,[y,b]=t(),{onClose:x}=r(`MenuItem`),{searchRef:S}=n(`MenuItem`),C=i(),w=s(()=>C?.ui?.value?.item),T=!1,E=async()=>{if(_.disabled||!y.value)return;let e=new CustomEvent(a,{bubbles:!0,cancelable:!0});v(`select`,e),await d(),e.defaultPrevented?T=!1:x()},D=()=>{T=!0},O=async e=>{await d(),!e.defaultPrevented&&(T||e.currentTarget?.click())},k=async t=>{_.disabled||S.value!==``&&t.key===` `||e.includes(t.key)&&(t.currentTarget?.click(),t.preventDefault())};return(e,t)=>(f(),c(o,u(_,{ref:m(b),class:w.value,onClick:E,onPointerdown:D,onPointerup:O,onKeydown:k}),{default:h(()=>[p(e.$slots,`default`)]),_:3},16,[`class`]))}});export{g as default};
+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};

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

@@ -1,16 +1,16 @@
 import { MenuItemProps } from "./types.js";
-import * as vue1601 from "vue";
+import * as vue1492 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: vue1601.DefineComponent<MenuItemProps, {}, {}, {}, {}, vue1601.ComponentOptionsMixin, vue1601.ComponentOptionsMixin, {
+declare const __VLS_base: vue1492.DefineComponent<MenuItemProps, {}, {}, {}, {}, vue1492.ComponentOptionsMixin, vue1492.ComponentOptionsMixin, {
   select: (event: Event) => any;
-}, string, vue1601.PublicProps, Readonly<MenuItemProps> & Readonly<{
+}, string, vue1492.PublicProps, Readonly<MenuItemProps> & Readonly<{
   onSelect?: ((event: Event) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue1601.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, vue1492.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,useMenuThemeContext as i}from"./context.js";import{computed as a,createBlock as o,defineComponent as s,normalizeClass as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";var p=s({name:`MenuRadioGroup`,__name:`menu-radio-group`,props:{modelValue:{},defaultValue:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(s,{emit:p}){let m=s,h=p,g=i(),_=a(()=>g?.ui?.value?.radioGroup),v=t(()=>m.modelValue,t=>{e(t)||h(`update:modelValue`,t)},m.defaultValue);return r({modelValue:v,disabled:a(()=>m.disabled)}),(e,t)=>(l(),o(d(n),{as:s.as,"as-child":s.asChild,class:c(_.value),role:`menu-radio-group`},{default:f(()=>[u(e.$slots,`default`,{modelValue:d(v)})]),_:3},8,[`as`,`as-child`,`class`]))}});export{p as default};
+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};

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 vue1613 from "vue";
+import * as vue1488 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: vue1613.PublicProps & __VLS_PrettifyLocal<MenuRadioGroupProps<T> & {
+  props: vue1488.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;
-}>) => vue1613.VNode & {
+}>) => vue1488.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;