@soybeanjs/headless 0.3.0 → 0.3.2

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

@@ -1,5 +1,5 @@
 import { LayoutCollapsible, LayoutRootProps, LayoutSide, LayoutVariant } from "./types.js";
-import * as vue676 from "vue";
+import * as vue780 from "vue";
 
 //#region src/components/layout/layout-root.vue.d.ts
 declare var __VLS_1: {
@@ -9,9 +9,9 @@ declare var __VLS_1: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue676.DefineComponent<LayoutRootProps, {}, {}, {}, {}, vue676.ComponentOptionsMixin, vue676.ComponentOptionsMixin, {
+declare const __VLS_base: vue780.DefineComponent<LayoutRootProps, {}, {}, {}, {}, vue780.ComponentOptionsMixin, vue780.ComponentOptionsMixin, {
   "update:open": (open: boolean) => any;
-}, string, vue676.PublicProps, Readonly<LayoutRootProps> & Readonly<{
+}, string, vue780.PublicProps, Readonly<LayoutRootProps> & Readonly<{
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {
   collapsible: LayoutCollapsible;
@@ -27,7 +27,7 @@ declare const __VLS_base: vue676.DefineComponent<LayoutRootProps, {}, {}, {}, {}
   tabHeight: number;
   footerHeight: number;
   pxToRem: (px: number) => number;
-}, {}, {}, {}, string, vue676.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue780.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/layout/layout-sidebar.vue.d.ts

@@ -1,5 +1,5 @@
 import { LayoutSidebarProps } from "./types.js";
-import * as vue671 from "vue";
+import * as vue785 from "vue";
 
 //#region src/components/layout/layout-sidebar.vue.d.ts
 declare var __VLS_8: {}, __VLS_10: {};
@@ -8,7 +8,7 @@ type __VLS_Slots = {} & {
 } & {
   default?: (props: typeof __VLS_10) => any;
 };
-declare const __VLS_base: vue671.DefineComponent<LayoutSidebarProps, {}, {}, {}, {}, vue671.ComponentOptionsMixin, vue671.ComponentOptionsMixin, {}, string, vue671.PublicProps, Readonly<LayoutSidebarProps> & Readonly<{}>, {}, {}, {}, {}, string, vue671.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue785.DefineComponent<LayoutSidebarProps, {}, {}, {}, {}, vue785.ComponentOptionsMixin, vue785.ComponentOptionsMixin, {}, string, vue785.PublicProps, Readonly<LayoutSidebarProps> & Readonly<{}>, {}, {}, {}, {}, string, vue785.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/layout/layout-tab.vue.d.ts

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

@@ -1,5 +1,5 @@
 import { LayoutTriggerProps } from "./types.js";
-import * as vue706 from "vue";
+import * as vue800 from "vue";
 
 //#region src/components/layout/layout-trigger.vue.d.ts
 declare var __VLS_10: {
@@ -8,7 +8,7 @@ declare var __VLS_10: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
-declare const __VLS_base: vue706.DefineComponent<LayoutTriggerProps, {}, {}, {}, {}, vue706.ComponentOptionsMixin, vue706.ComponentOptionsMixin, {}, string, vue706.PublicProps, Readonly<LayoutTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue706.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue800.DefineComponent<LayoutTriggerProps, {}, {}, {}, {}, vue800.ComponentOptionsMixin, vue800.ComponentOptionsMixin, {}, string, vue800.PublicProps, Readonly<LayoutTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue800.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/layout/types.d.ts

@@ -74,14 +74,15 @@ type LayoutRootEmits = {
   'update:open': [open: boolean];
 };
 interface LayoutSidebarProps extends /* @vue-ignore */HTMLAttributes {}
-interface LayoutHeaderProps extends /* @vue-ignore */HTMLAttributes {}
+interface LayoutRailProps extends /* @vue-ignore */HTMLAttributes {}
 interface LayoutMainProps extends /* @vue-ignore */HTMLAttributes {}
+interface LayoutHeaderProps extends /* @vue-ignore */HTMLAttributes {}
 interface LayoutTabProps extends /* @vue-ignore */HTMLAttributes {}
+interface LayoutContentProps extends /* @vue-ignore */HTMLAttributes {}
 interface LayoutFooterProps extends /* @vue-ignore */HTMLAttributes {}
-interface LayoutRailProps extends /* @vue-ignore */HTMLAttributes {}
 interface LayoutTriggerProps extends PrimitiveProps, /* @vue-ignore */HTMLAttributes {}
 interface LayoutMobileProps extends /* @vue-ignore */HTMLAttributes {}
-type LayoutUiSlot = 'root' | 'sidebar' | 'sidebarRoot' | 'sidebarWrapper' | 'sidebarGapHandler' | 'header' | 'main' | 'tab' | 'footer' | 'rail' | 'trigger' | 'mobile' | 'mobileDrawer' | 'mobileOverlay';
+type LayoutUiSlot = 'root' | 'sidebar' | 'sidebarRoot' | 'sidebarWrapper' | 'sidebarGapHandler' | 'main' | 'header' | 'tab' | 'content' | 'footer' | 'rail' | 'trigger' | 'mobile' | 'mobileDrawer' | 'mobileOverlay';
 type LayoutUi = UiClass<LayoutUiSlot>;
 //#endregion
-export { LayoutCollapsible, LayoutFooterProps, LayoutHeaderProps, LayoutMainProps, LayoutMobileProps, LayoutRailProps, LayoutRootEmits, LayoutRootProps, LayoutSide, LayoutSidebarProps, LayoutSidebarState, LayoutTabProps, LayoutTriggerProps, LayoutUi, LayoutUiSlot, LayoutVariant };
+export { LayoutCollapsible, LayoutContentProps, LayoutFooterProps, LayoutHeaderProps, LayoutMainProps, LayoutMobileProps, LayoutRailProps, LayoutRootEmits, LayoutRootProps, LayoutSide, LayoutSidebarProps, LayoutSidebarState, LayoutTabProps, LayoutTriggerProps, LayoutUi, LayoutUiSlot, LayoutVariant };

package/dist/components/link/link.vue.d.ts

@@ -1,7 +1,7 @@
 import { AsTag } from "../primitive/types.js";
 import { LinkProps } from "./types.js";
 import "../primitive/index.js";
-import * as vue763 from "vue";
+import * as vue537 from "vue";
 
 //#region src/components/link/link.vue.d.ts
 type Slots = {
@@ -12,9 +12,9 @@ type Slots = {
   }) => any;
 };
 type __VLS_Slots = Slots;
-declare const __VLS_base: vue763.DefineComponent<LinkProps, {}, {}, {}, {}, vue763.ComponentOptionsMixin, vue763.ComponentOptionsMixin, {}, string, vue763.PublicProps, Readonly<LinkProps> & Readonly<{}>, {
+declare const __VLS_base: vue537.DefineComponent<LinkProps, {}, {}, {}, {}, vue537.ComponentOptionsMixin, vue537.ComponentOptionsMixin, {}, string, vue537.PublicProps, Readonly<LinkProps> & Readonly<{}>, {
   replace: boolean;
-  as: AsTag | vue763.Component;
+  as: AsTag | vue537.Component;
   disabled: boolean;
   viewTransition: boolean;
   external: boolean;
@@ -22,7 +22,7 @@ declare const __VLS_base: vue763.DefineComponent<LinkProps, {}, {}, {}, {}, vue7
   noRel: boolean;
   prefetch: boolean;
   noPrefetch: boolean;
-}, {}, {}, {}, string, vue763.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue537.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/list/context.d.ts

@@ -1,9 +1,9 @@
 import { ClassValue, UiClass } from "../../types/common.js";
 import { ListUiSlot } from "./types.js";
 import "../../index.js";
-import * as vue520 from "vue";
+import * as vue360 from "vue";
 
 //#region src/components/list/context.d.ts
-declare const provideListUi: (ui: vue520.ComputedRef<Partial<UiClass<ListUiSlot>>>) => vue520.ComputedRef<Partial<UiClass<ListUiSlot>>>, useListUi: <S extends ListUiSlot | undefined = undefined>(slot?: S | undefined) => S extends ListUiSlot ? vue520.ComputedRef<ClassValue> : vue520.ComputedRef<Partial<UiClass<ListUiSlot>>>;
+declare const provideListUi: (ui: vue360.ComputedRef<Partial<UiClass<ListUiSlot>>>) => vue360.ComputedRef<Partial<UiClass<ListUiSlot>>>, useListUi: <S extends ListUiSlot | undefined = undefined>(slot?: S | undefined) => S extends ListUiSlot ? vue360.ComputedRef<ClassValue> : vue360.ComputedRef<Partial<UiClass<ListUiSlot>>>;
 //#endregion
 export { provideListUi };

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

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

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

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

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

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

@@ -2,11 +2,11 @@ import { ClassValue, UiClass } from "../../types/common.js";
 import "../../composables/index.js";
 import { ListboxUiSlot } from "./types.js";
 import "../../index.js";
-import * as vue429 from "vue";
+import * as vue420 from "vue";
 import "@vueuse/shared";
 
 //#region src/components/listbox/context.d.ts
 
-declare const provideListboxUi: (ui: vue429.ComputedRef<Partial<UiClass<ListboxUiSlot>>>) => vue429.ComputedRef<Partial<UiClass<ListboxUiSlot>>>, useListboxUi: <S extends ListboxUiSlot | undefined = undefined>(slot?: S | undefined) => S extends ListboxUiSlot ? vue429.ComputedRef<ClassValue> : vue429.ComputedRef<Partial<UiClass<ListboxUiSlot>>>;
+declare const provideListboxUi: (ui: vue420.ComputedRef<Partial<UiClass<ListboxUiSlot>>>) => vue420.ComputedRef<Partial<UiClass<ListboxUiSlot>>>, useListboxUi: <S extends ListboxUiSlot | undefined = undefined>(slot?: S | undefined) => S extends ListboxUiSlot ? vue420.ComputedRef<ClassValue> : vue420.ComputedRef<Partial<UiClass<ListboxUiSlot>>>;
 //#endregion
 export { provideListboxUi };

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

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useCollectionContext as t,useListboxRootContext as n,useListboxUi as r}from"./context.js";import{computed as i,createElementBlock as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,unref as u,withKeys as d,withModifiers as f}from"vue";import{refAutoReset as p}from"@vueuse/shared";const m=[`tabindex`,`aria-orientation`,`aria-multiselectable`,`data-orientation`,`onKeydown`];var h=o({name:`ListboxContent`,__name:`listbox-content`,setup(o){let{orientation:h,focusable:g,highlightedElement:_,isMultiple:v,onEnter:y,onKeydownNavigation:b,onKeydownEnter:x,onKeydownTypeahead:S}=n(`ListboxContent`),{onContainerElementChange:C}=t(`ListboxContent`),[w,T]=e(e=>{C(e)}),E=r(`content`),D=p(!1,10),O=i(()=>g.value?_.value?`-1`:`0`:`-1`),k=e=>{D.value||y(e)},A=e=>{h.value===`vertical`&&[`ArrowLeft`,`ArrowRight`].includes(e.key)||h.value===`horizontal`&&[`ArrowUp`,`ArrowDown`].includes(e.key)||(e.preventDefault(),g.value&&b(e))},j=()=>{D.value=!0};return(e,t)=>(c(),a(`div`,{ref:u(T),class:s(u(E)),role:`listbox`,tabindex:O.value,"aria-orientation":u(h),"aria-multiselectable":u(v),"data-orientation":u(h),onMousedown:f(j,[`left`]),onFocus:k,onKeydown:[d(f(A,[`prevent`]),[`down`,`up`,`left`,`right`,`home`,`end`]),t[0]||=d((...e)=>u(x)&&u(x)(...e),[`enter`]),t[1]||=(...e)=>u(S)&&u(S)(...e)]},[l(e.$slots,`default`)],42,m))}});export{h as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useCollectionContext as t,useListboxRootContext as n,useListboxUi as r}from"./context.js";import{computed as i,createElementBlock as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,unref as u,withKeys as d,withModifiers as f}from"vue";import{refAutoReset as p}from"@vueuse/shared";const m=[`tabindex`,`aria-orientation`,`aria-multiselectable`,`data-orientation`,`onKeydown`];var h=o({name:`ListboxContent`,__name:`listbox-content`,setup(o){let{orientation:h,focusable:g,highlightedElement:_,isMultiple:v,onEnter:y,onKeydownNavigation:b,onKeydownEnter:x,onKeydownTypeahead:S}=n(`ListboxContent`),{onContainerElementChange:C}=t(`ListboxContent`),[w,T]=e(e=>{C(e)}),E=r(`content`),D=p(!1,10),O=i(()=>g.value?_.value?`-1`:`0`:`-1`),k=e=>{D.value||y(e)},A=e=>{h.value===`vertical`&&[`ArrowLeft`,`ArrowRight`].includes(e.key)||h.value===`horizontal`&&[`ArrowUp`,`ArrowDown`].includes(e.key)||(e.preventDefault(),g.value&&b(e))},j=()=>{D.value=!0};return(e,t)=>(c(),a(`div`,{ref:u(T),class:s(u(E)),role:`listbox`,tabindex:O.value,"aria-orientation":u(h),"aria-multiselectable":u(v),"data-orientation":u(h),onMousedown:f(j,[`left`]),onFocus:k,onKeydown:[d(f(A,[`prevent`]),[`down`,`up`,`left`,`right`,`home`,`end`]),t[0]||(t[0]=d((...e)=>u(x)&&u(x)(...e),[`enter`])),t[1]||(t[1]=(...e)=>u(S)&&u(S)(...e))]},[l(e.$slots,`default`)],42,m))}});export{h as default};

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

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

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useOmitProps as t}from"../../composables/use-props.js";import n from"../input/input-root.js";import r from"../input/input-control.js";import{useListboxRootContext as i}from"./context.js";import{computed as a,createBlock as o,createVNode as s,defineComponent as c,mergeProps as l,onMounted as u,onUnmounted as d,openBlock as f,renderSlot as p,shallowRef as m,unref as h,watchSyncEffect as g,withCtx as _,withKeys as v,withModifiers as y}from"vue";var b=c({name:`ListboxFilter`,__name:`listbox-filter`,props:{inputRef:{type:Function},controlProps:{},defaultValue:{},modelValue:{},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(c,{emit:b}){let x=c,S=b,C=t(x,[`inputRef`,`controlProps`]),{disabled:w,focusable:T,highlightedElement:E,highlightFirstItem:D,onKeydownNavigation:O,onKeydownEnter:k}=i(`ListboxFilter`),[A,j]=e(e=>x.inputRef?.(e)),M=a(()=>x.disabled||w.value||!1),N=m(),P=()=>{D()};return g(()=>{N.value=E.value?.id}),u(()=>{T.value=!1,setTimeout(()=>{x.autofocus&&A.value?.focus()},1)}),d(()=>{T.value=!0}),(e,t)=>(f(),o(h(n),l(h(C),{"onUpdate:modelValue":t[0]||=e=>S(`update:modelValue`,e)}),{default:_(({clear:t})=>[p(e.$slots,`leading`,{clear:t}),s(h(r),l(c.controlProps,{ref:h(j),"aria-activedescendant":N.value,disabled:M.value,type:`text`,onKeydown:[v(y(h(O),[`prevent`]),[`down`,`up`,`home`,`end`]),v(h(k),[`enter`])],onInput:P}),null,16,[`aria-activedescendant`,`disabled`,`onKeydown`]),p(e.$slots,`trailing`,{clear:t})]),_:3},16))}});export{b as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useOmitProps as t}from"../../composables/use-props.js";import n from"../input/input-root.js";import r from"../input/input-control.js";import{useListboxRootContext as i}from"./context.js";import{computed as a,createBlock as o,createVNode as s,defineComponent as c,mergeProps as l,onMounted as u,onUnmounted as d,openBlock as f,renderSlot as p,shallowRef as m,unref as h,watchSyncEffect as g,withCtx as _,withKeys as v,withModifiers as y}from"vue";var b=c({name:`ListboxFilter`,__name:`listbox-filter`,props:{inputRef:{type:Function},controlProps:{},defaultValue:{},modelValue:{},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(c,{emit:b}){let x=c,S=b,C=t(x,[`inputRef`,`controlProps`]),{disabled:w,focusable:T,highlightedElement:E,highlightFirstItem:D,onKeydownNavigation:O,onKeydownEnter:k}=i(`ListboxFilter`),[A,j]=e(e=>x.inputRef?.(e)),M=a(()=>x.disabled||w.value||!1),N=m(),P=()=>{D()};return g(()=>{N.value=E.value?.id}),u(()=>{T.value=!1,setTimeout(()=>{x.autofocus&&A.value?.focus()},1)}),d(()=>{T.value=!0}),(e,t)=>(f(),o(h(n),l(h(C),{"onUpdate:modelValue":t[0]||(t[0]=e=>S(`update:modelValue`,e))}),{default:_(({clear:t})=>[p(e.$slots,`leading`,{clear:t}),s(h(r),l(c.controlProps,{ref:h(j),"aria-activedescendant":N.value,disabled:M.value,type:`text`,onKeydown:[v(y(h(O),[`prevent`]),[`down`,`up`,`home`,`end`]),v(h(k),[`enter`])],onInput:P}),null,16,[`aria-activedescendant`,`disabled`,`onKeydown`]),p(e.$slots,`trailing`,{clear:t})]),_:3},16))}});export{b as default};

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

@@ -1,5 +1,5 @@
 import { ListboxFilterProps } from "./types.js";
-import * as vue414 from "vue";
+import * as vue410 from "vue";
 
 //#region src/components/listbox/listbox-filter.vue.d.ts
 declare var __VLS_10: {
@@ -12,11 +12,11 @@ type __VLS_Slots = {} & {
 } & {
   trailing?: (props: typeof __VLS_21) => any;
 };
-declare const __VLS_base: vue414.DefineComponent<ListboxFilterProps, {}, {}, {}, {}, vue414.ComponentOptionsMixin, vue414.ComponentOptionsMixin, {
+declare const __VLS_base: vue410.DefineComponent<ListboxFilterProps, {}, {}, {}, {}, vue410.ComponentOptionsMixin, vue410.ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;
-}, string, vue414.PublicProps, Readonly<ListboxFilterProps> & Readonly<{
+}, string, vue410.PublicProps, Readonly<ListboxFilterProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue414.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, vue410.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-label.vue.d.ts

@@ -1,12 +1,12 @@
 import { ListboxGroupLabelProps } from "./types.js";
-import * as vue495 from "vue";
+import * as vue384 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: vue495.DefineComponent<ListboxGroupLabelProps, {}, {}, {}, {}, vue495.ComponentOptionsMixin, vue495.ComponentOptionsMixin, {}, string, vue495.PublicProps, Readonly<ListboxGroupLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, vue495.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue384.DefineComponent<ListboxGroupLabelProps, {}, {}, {}, {}, vue384.ComponentOptionsMixin, vue384.ComponentOptionsMixin, {}, string, vue384.PublicProps, Readonly<ListboxGroupLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, vue384.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.vue.d.ts

@@ -1,12 +1,12 @@
 import { ListboxGroupProps } from "./types.js";
-import * as vue500 from "vue";
+import * as vue379 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: vue500.DefineComponent<ListboxGroupProps, {}, {}, {}, {}, vue500.ComponentOptionsMixin, vue500.ComponentOptionsMixin, {}, string, vue500.PublicProps, Readonly<ListboxGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, vue500.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue379.DefineComponent<ListboxGroupProps, {}, {}, {}, {}, vue379.ComponentOptionsMixin, vue379.ComponentOptionsMixin, {}, string, vue379.PublicProps, Readonly<ListboxGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, vue379.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.vue.d.ts

@@ -1,16 +1,16 @@
 import { AsTag } from "../primitive/types.js";
 import "../primitive/index.js";
 import { ListboxItemIndicatorProps } from "./types.js";
-import * as vue404 from "vue";
+import * as vue399 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: vue404.DefineComponent<ListboxItemIndicatorProps, {}, {}, {}, {}, vue404.ComponentOptionsMixin, vue404.ComponentOptionsMixin, {}, string, vue404.PublicProps, Readonly<ListboxItemIndicatorProps> & Readonly<{}>, {
-  as: AsTag | vue404.Component;
-}, {}, {}, {}, string, vue404.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue399.DefineComponent<ListboxItemIndicatorProps, {}, {}, {}, {}, vue399.ComponentOptionsMixin, vue399.ComponentOptionsMixin, {}, string, vue399.PublicProps, Readonly<ListboxItemIndicatorProps> & Readonly<{}>, {
+  as: AsTag | vue399.Component;
+}, {}, {}, {}, string, vue399.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.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 vue398 from "vue";
+import * as vue389 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: vue398.DefineComponent<ListboxItemProps, {}, {}, {}, {}, vue398.ComponentOptionsMixin, vue398.ComponentOptionsMixin, {
+declare const __VLS_base: vue389.DefineComponent<ListboxItemProps, {}, {}, {}, {}, vue389.ComponentOptionsMixin, vue389.ComponentOptionsMixin, {
   select: (event: SelectEvent<string>) => any;
-}, string, vue398.PublicProps, Readonly<ListboxItemProps> & Readonly<{
+}, string, vue389.PublicProps, Readonly<ListboxItemProps> & Readonly<{
   onSelect?: ((event: SelectEvent<string>) => any) | undefined;
 }>, {
-  as: AsTag | vue398.Component;
-}, {}, {}, {}, string, vue398.ComponentProvideOptions, false, {}, any>;
+  as: AsTag | vue389.Component;
+}, {}, {}, {}, string, vue389.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

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

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

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

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

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

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

package/dist/components/menu/context.js

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

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

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 vue1418 from "vue";
+import * as vue1616 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: vue1418.DefineComponent<MenuCheckboxItemProps, {}, {}, {}, {}, vue1418.ComponentOptionsMixin, vue1418.ComponentOptionsMixin, {
+declare const __VLS_base: vue1616.DefineComponent<MenuCheckboxItemProps, {}, {}, {}, {}, vue1616.ComponentOptionsMixin, vue1616.ComponentOptionsMixin, {
   select: (event: Event) => any;
   "update:modelValue": (value: CheckedState) => any;
-}, string, vue1418.PublicProps, Readonly<MenuCheckboxItemProps> & Readonly<{
+}, string, vue1616.PublicProps, Readonly<MenuCheckboxItemProps> & Readonly<{
   onSelect?: ((event: Event) => any) | undefined;
   "onUpdate:modelValue"?: ((value: CheckedState) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue1418.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, vue1616.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

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