@soybeanjs/headless 0.30.0 → 0.40.0-beta.1

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

@@ -12,7 +12,6 @@ type Slots = {
 type __VLS_Slots = Slots;
 declare const __VLS_base: import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
   disabled: boolean;
-  as: AsTag | import("vue").Component;
   replace: boolean;
   external: boolean;
   viewTransition: boolean;
@@ -20,6 +19,7 @@ declare const __VLS_base: import("vue").DefineComponent<LinkProps, {}, {}, {}, {
   noRel: boolean;
   prefetch: boolean;
   noPrefetch: boolean;
+  as: AsTag | import("vue").Component;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -4,7 +4,7 @@ import { RouteLocationRaw } from "vue-router";
 /**
  * Properties for the Link component.
  */
-interface LinkProps extends PrimitiveWithBaseProps {
+export interface LinkProps extends PrimitiveWithBaseProps {
   /**
    * Route Location the link should navigate to when clicked on.
    */
@@ -89,14 +89,13 @@ interface LinkProps extends PrimitiveWithBaseProps {
 /**
  * Type information for LinkBasePropsKey.
  */
-type LinkBasePropsKey = Extract<keyof LinkProps, 'to' | 'href' | 'external' | 'target'>;
+export type LinkBasePropsKey = Extract<keyof LinkProps, 'to' | 'href' | 'external' | 'target'>;
 /**
  * Properties for the LinkBase component.
  */
-interface LinkBaseProps extends Pick<LinkProps, LinkBasePropsKey> {}
+export interface LinkBaseProps extends Pick<LinkProps, LinkBasePropsKey> {}
 /**
  * Properties for the LinkExtra component.
  */
-interface LinkExtraProps extends Omit<LinkProps, LinkBasePropsKey> {}
-//#endregion
-export { LinkBaseProps, LinkBasePropsKey, LinkExtraProps, LinkProps };
+export interface LinkExtraProps extends Omit<LinkProps, LinkBasePropsKey> {}
+//#endregion

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

@@ -1,8 +1,8 @@
 import { UiClass } from "../../types/common.js";
-import { UseUiConsumer } from "../../composables/use-ui-context.js";
-import "../../composables/index.js";
 import { ListUiSlot } from "./types.js";
 import "../../index.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/index.js";
 //#region src/components/list/context.d.ts
 declare const provideListUi: (ui: import("vue").ComputedRef<Partial<UiClass<ListUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<ListUiSlot>>>, useListUi: UseUiConsumer<ListUiSlot>;
 //#endregion

package/dist/components/list/context.js

@@ -1 +1 @@
-import{useUiContext as e}from"../../composables/use-ui-context.js";import"../../composables/index.js";const[t,n]=e(`ListUi`);export{t as provideListUi,n as useListUi};
+import{useUiContext as e}from"../../composables/use-ui-context.js";const[t,n]=e(`ListUi`);export{t as provideListUi,n as useListUi};

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

@@ -5,30 +5,29 @@ import "../../types/index.js";
 /**
  * Properties for the ListRoot component.
  */
-interface ListRootProps extends BaseProps {}
+export interface ListRootProps extends BaseProps {}
 /**
  * Properties for the ListItem component.
  */
-interface ListItemProps extends BaseProps {}
+export interface ListItemProps extends BaseProps {}
 /**
  * Properties for the ListContent component.
  */
-interface ListContentProps extends BaseProps {}
+export interface ListContentProps extends BaseProps {}
 /**
  * Properties for the ListTitle component.
  */
-interface ListTitleProps extends BaseProps {}
+export interface ListTitleProps extends BaseProps {}
 /**
  * Properties for the ListDescription component.
  */
-interface ListDescriptionProps extends BaseProps {}
+export interface ListDescriptionProps extends BaseProps {}
 /**
  * Available UI slots for the List component.
  */
-type ListUiSlot = 'root' | 'item' | 'content' | 'title' | 'description';
+export type ListUiSlot = 'root' | 'item' | 'content' | 'title' | 'description';
 /**
  * UI class overrides for the List component.
  */
-type ListUi = UiClass<ListUiSlot>;
-//#endregion
-export { ListContentProps, ListDescriptionProps, ListItemProps, ListRootProps, ListTitleProps, ListUi, ListUiSlot };
+export type ListUi = UiClass<ListUiSlot>;
+//#endregion

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

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

package/dist/components/listbox/context.js

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

package/dist/components/listbox/index.js

@@ -1 +1 @@
-import{provideListboxUi as e}from"./context.js";import t from"./listbox-group-label.js";import n from"./listbox-item-indicator.js";import r from"./listbox-root.js";import i from"./listbox-content.js";import a from"./listbox-group.js";import o from"./listbox-item.js";import s from"./listbox-filter.js";import c from"./listbox-virtualizer.js";export{i as ListboxContent,s as ListboxFilter,a as ListboxGroup,t as ListboxGroupLabel,o as ListboxItem,n as ListboxItemIndicator,r as ListboxRoot,c as ListboxVirtualizer,e as provideListboxUi};
+import{provideListboxUi as e}from"./context.js";import t from"./listbox-root.js";import n from"./listbox-content.js";import r from"./listbox-group.js";import i from"./listbox-group-label.js";import a from"./listbox-item.js";import o from"./listbox-item-indicator.js";import s from"./listbox-filter.js";import c from"./listbox-virtualizer.js";export{n as ListboxContent,s as ListboxFilter,r as ListboxGroup,i as ListboxGroupLabel,a as ListboxItem,o as ListboxItemIndicator,t as ListboxRoot,c as ListboxVirtualizer,e as provideListboxUi};

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

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.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`],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),"data-soybean-listbox-content":``,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(A,[`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};
+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/core";const m=[`tabindex`,`aria-orientation`,`aria-multiselectable`,`data-orientation`],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),"data-soybean-listbox-content":``,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(A,[`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};

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"../../composables/index.js";import{useListboxRootContext as n}from"./context.js";import r from"../input/input-control.js";import i from"../input/input-root.js";import"../input/index.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";const b=c({name:`ListboxFilter`,__name:`listbox-filter`,props:{inputRef:{type:Function},controlProps:{},defaultValue:{},modelValue:{},disabled:{type:Boolean},readonly:{type:Boolean},rootProps:{},name:{},required:{type:Boolean},id:{},autofocus:{type:Boolean},autocomplete:{},maxlength:{},minlength:{},pattern:{},placeholder:{},type:{}},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}=n(`ListboxFilter`),[A,j]=e(e=>x.inputRef?.(e)),M=a(()=>x.disabled||w.value||!1),N=m(),P=()=>{D()},F=e=>{if(e.key===`Enter`){k(e);return}O(e)};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(i),l({"data-soybean-listbox-filter":``},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(F,[`prevent`]),[`enter`,`down`,`up`,`home`,`end`]),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{useListboxRootContext as n}from"./context.js";import r from"../input/input-control.js";import i from"../input/input-root.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";const b=c({name:`ListboxFilter`,__name:`listbox-filter`,props:{inputRef:{type:Function},controlProps:{},defaultValue:{},modelValue:{},disabled:{type:Boolean},readonly:{type:Boolean},rootProps:{},name:{},required:{type:Boolean},id:{},autofocus:{type:Boolean},autocomplete:{},maxlength:{},minlength:{},pattern:{},placeholder:{},type:{}},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}=n(`ListboxFilter`),[A,j]=e(e=>x.inputRef?.(e)),M=a(()=>x.disabled||w.value||!1),N=m(),P=()=>{D()},F=e=>{if(e.key===`Enter`){k(e);return}O(e)};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(i),l({"data-soybean-listbox-filter":``},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(F,[`prevent`]),[`enter`,`down`,`up`,`home`,`end`]),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-item-indicator.js

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.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";const 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,"data-soybean-listbox-item-indicator":``,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};
+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";const 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,"data-soybean-listbox-item-indicator":``,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.js

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

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

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

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

@@ -1,6 +1,6 @@
 import { CollectionItemData } from "../../composables/use-collection.js";
-import "../../composables/index.js";
 import { ListboxCollectionItemData, ListboxRootProps } from "./types.js";
+import "../../composables/index.js";
 //#region src/components/listbox/listbox-root.vue.d.ts
 declare const __VLS_export: <M extends boolean>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: import("vue").PublicProps & __VLS_PrettifyLocal<ListboxRootProps<M> & {

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

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

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

@@ -5,15 +5,15 @@ import { BaseProps } from "../../types/vue.js";
 import "../../types/index.js";
 import { PrimitiveWithBaseProps } from "../primitive/types.js";
 import { CollectionItemData } from "../../composables/use-collection.js";
-import "../../composables/index.js";
 import { InputControlProps, InputRootEmits, InputRootProps } from "../input/types.js";
+import "../../composables/index.js";
 import { ComputedRef, ShallowRef } from "vue";
 import { VirtualItem, Virtualizer } from "@tanstack/vue-virtual";
 //#region src/components/listbox/types.d.ts
 /**
  * Properties for the ListboxRoot component.
  */
-interface ListboxRootProps<M extends boolean = false> extends SelectionProps<M>, FormFieldCommonProps, BaseProps {
+export interface ListboxRootProps<M extends boolean = false> extends SelectionProps<M>, FormFieldCommonProps, BaseProps {
   /** The orientation of the listbox. <br>Mainly so arrow navigation is done accordingly (left & right vs. up & down) */
   orientation?: DataOrientation;
   /**
@@ -35,13 +35,13 @@ interface ListboxRootProps<M extends boolean = false> extends SelectionProps<M>,
 /**
  * Value associated with the current item.
  */
-type ListboxCollectionItemData = {
+export type ListboxCollectionItemData = {
   value: string;
 };
 /**
  * Events for the ListboxRoot component.
  */
-type ListboxRootEmits<M extends boolean = false> = SelectionEmits<M> & {
+export type ListboxRootEmits<M extends boolean = false> = SelectionEmits<M> & {
   /** Event handler when highlighted element changes. */
   highlight: [payload?: CollectionItemData<ListboxCollectionItemData>];
   /** Event handler called when container is being focused. Can be prevented. */
@@ -52,7 +52,7 @@ type ListboxRootEmits<M extends boolean = false> = SelectionEmits<M> & {
 /**
  * Properties for the ListboxItem component.
  */
-interface ListboxItemProps extends Omit<PrimitiveWithBaseProps, 'onSelect'> {
+export interface ListboxItemProps extends Omit<PrimitiveWithBaseProps, 'onSelect'> {
   /** The value given as data when submitted with a `name`. */
   value: string;
   /** When `true`, prevents the user from interacting with the item. */
@@ -61,26 +61,26 @@ interface ListboxItemProps extends Omit<PrimitiveWithBaseProps, 'onSelect'> {
 /**
  * Events for the ListboxItem component.
  */
-type ListboxItemEmits = {
+export type ListboxItemEmits = {
   /** Event handler called when the selecting item. <br> It can be prevented by calling `event.preventDefault`. */
   select: [event: SelectEvent<string>];
 };
 /**
  * Properties for the ListboxItemIndicator component.
  */
-interface ListboxItemIndicatorProps extends PrimitiveWithBaseProps {}
+export interface ListboxItemIndicatorProps extends PrimitiveWithBaseProps {}
 /**
  * Properties for the ListboxGroup component.
  */
-interface ListboxGroupProps extends BaseProps {}
+export interface ListboxGroupProps extends BaseProps {}
 /**
  * Properties for the ListboxGroupLabel component.
  */
-interface ListboxGroupLabelProps extends BaseProps {}
+export interface ListboxGroupLabelProps extends BaseProps {}
 /**
  * Properties for the ListboxFilter component.
  */
-interface ListboxFilterProps extends InputRootProps {
+export interface ListboxFilterProps extends InputRootProps {
   /**
    * The function to set the input element.
    *
@@ -95,15 +95,15 @@ interface ListboxFilterProps extends InputRootProps {
 /**
  * Events for the ListboxFilter component.
  */
-type ListboxFilterEmits = InputRootEmits;
+export type ListboxFilterEmits = InputRootEmits;
 /**
  * Properties for the ListboxContent component.
  */
-interface ListboxContentProps extends BaseProps {}
+export interface ListboxContentProps extends BaseProps {}
 /**
  * Properties for the ListboxVirtualizer component.
  */
-interface ListboxVirtualizerProps {
+export interface ListboxVirtualizerProps {
   /** List of items */
   options: string[];
   /** Number of items rendered outside the visible area */
@@ -116,7 +116,7 @@ interface ListboxVirtualizerProps {
 /**
  * Properties for the ListboxVirtualizerSlots component.
  */
-type ListboxVirtualizerSlotsProps = {
+export type ListboxVirtualizerSlotsProps = {
   /**
    * Option.
    */
@@ -133,7 +133,7 @@ type ListboxVirtualizerSlotsProps = {
 /**
  * Slots for the ListboxVirtualizer component.
  */
-type ListboxVirtualizerSlots = {
+export type ListboxVirtualizerSlots = {
   /**
    * Custom content for the default slot.
    */
@@ -142,10 +142,9 @@ type ListboxVirtualizerSlots = {
 /**
  * Available UI slots for the Listbox component.
  */
-type ListboxUiSlot = 'root' | 'content' | 'filterRoot' | 'filterControl' | 'item' | 'itemIndicator' | 'group' | 'groupLabel' | 'virtualizer';
+export type ListboxUiSlot = 'root' | 'content' | 'filterRoot' | 'filterControl' | 'item' | 'itemIndicator' | 'group' | 'groupLabel' | 'virtualizer';
 /**
  * UI class overrides for the Listbox component.
  */
-type ListboxUi = UiClass<ListboxUiSlot>;
-//#endregion
-export { ListboxCollectionItemData, ListboxContentProps, ListboxFilterEmits, ListboxFilterProps, ListboxGroupLabelProps, ListboxGroupProps, ListboxItemEmits, ListboxItemIndicatorProps, ListboxItemProps, ListboxRootEmits, ListboxRootProps, ListboxUi, ListboxUiSlot, ListboxVirtualizerProps, ListboxVirtualizerSlots, ListboxVirtualizerSlotsProps };
+export type ListboxUi = UiClass<ListboxUiSlot>;
+//#endregion

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

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

package/dist/components/menu/context.js

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

package/dist/components/menu/hooks.js

@@ -1 +1 @@
-import{COMMON_SLOTS as e}from"./shared.js";import{computed as t}from"vue";import{keysOf as n}from"@soybeanjs/utils";const r=r=>t(()=>n(r).filter(t=>e.includes(t)));export{r as useCommonSlotNames};
+import{keysOf as e}from"../../shared/guard.js";import{COMMON_SLOTS as t}from"./shared.js";import{computed as n}from"vue";const r=r=>n(()=>e(r).filter(e=>t.includes(e)));export{r as useCommonSlotNames};

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

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

package/dist/components/menu/index.js

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{usePresence as t}from"../../composables/use-presence.js";import{useOmitProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import{useMenuContext as r,useMenuRootContext as i}from"./context.js";import a from"./menu-content-impl.js";import{computed as o,createBlock as s,createCommentVNode as c,defineComponent as l,mergeProps as u,openBlock as d,renderSlot as f,shallowRef as p,toHandlers as m,unref as h,withCtx as g}from"vue";const _=l({name:`MenuContent`,__name:`menu-content`,props:{popupProps:{},placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{},forceMount:{type:Boolean},loop:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(l,{emit:_}){let v=l,y=_,b=n(v,[`forceMount`]),x=e(y),{open:S,popupElement:C}=r(`MenuContent`),{modal:w}=i(`MenuContent`),T=v.forceMount?p(!0):t(C,S),E=o(()=>w.value&&S.value),D=e=>{w.value&&e.preventDefault()};return(e,t)=>h(T)?(d(),s(a,u({key:0},h(b),{"data-soybean-menu-content":``,"trap-focus":E.value,"disable-outside-pointer-events":E.value},m(h(x)),{onFocusOutside:D}),{default:g(()=>[f(e.$slots,`default`)]),_:3},16,[`trap-focus`,`disable-outside-pointer-events`])):c(`v-if`,!0)}});export{_ as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{usePresence as t}from"../../composables/use-presence.js";import{useOmitProps as n}from"../../composables/use-props.js";import{useMenuContext as r,useMenuRootContext as i}from"./context.js";import a from"./menu-content-impl.js";import{computed as o,createBlock as s,createCommentVNode as c,defineComponent as l,mergeProps as u,openBlock as d,renderSlot as f,shallowRef as p,toHandlers as m,unref as h,withCtx as g}from"vue";const _=l({name:`MenuContent`,__name:`menu-content`,props:{popupProps:{},placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{},trapFocus:{type:Boolean},disableHoverableContent:{type:Boolean},onGracePointerExit:{type:Function},forceMount:{type:Boolean},loop:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(l,{emit:_}){let v=l,y=_,b=n(v,[`forceMount`]),x=e(y),{open:S,popupElement:C}=r(`MenuContent`),{modal:w}=i(`MenuContent`),T=v.forceMount?p(!0):t(C,S),E=o(()=>w.value&&S.value),D=e=>{w.value&&e.preventDefault()};return(e,t)=>h(T)?(d(),s(a,u({key:0},h(b),{"data-soybean-menu-content":``,"trap-focus":E.value},m(h(x)),{onFocusOutside:D}),{default:g(()=>[f(e.$slots,`default`)]),_:3},16,[`trap-focus`])):c(`v-if`,!0)}});export{_ as default};

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

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

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

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

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

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