@soybeanjs/headless 0.0.1-beta.3

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

@@ -0,0 +1,18 @@
+import { ListItemProps } from "./types.js";
+import * as vue1411 from "vue";
+
+//#region src/components/list/list-item.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: vue1411.DefineComponent<ListItemProps, {}, {}, {}, {}, vue1411.ComponentOptionsMixin, vue1411.ComponentOptionsMixin, {}, string, vue1411.PublicProps, Readonly<ListItemProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1411.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1 @@
+import{useListThemeContext as e}from"./context.js";import{computed as t,createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o}from"vue";var s=r({name:`ListRoot`,__name:`list-root`,setup(r){let s=e(),c=t(()=>s?.ui?.value?.root);return(e,t)=>(a(),n(`ul`,{class:i(c.value)},[o(e.$slots,`default`)],2))}});export{s as default};

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

@@ -0,0 +1,18 @@
+import { ListRootProps } from "./types.js";
+import * as vue1406 from "vue";
+
+//#region src/components/list/list-root.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: vue1406.DefineComponent<ListRootProps, {}, {}, {}, {}, vue1406.ComponentOptionsMixin, vue1406.ComponentOptionsMixin, {}, string, vue1406.PublicProps, Readonly<ListRootProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1406.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/list/list-title.js

@@ -0,0 +1 @@
+import{useListThemeContext as e}from"./context.js";import{computed as t,createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o}from"vue";var s=r({name:`ListTitle`,__name:`list-title`,setup(r){let s=e(),c=t(()=>s?.ui?.value?.title);return(e,t)=>(a(),n(`h3`,{class:i(c.value)},[o(e.$slots,`default`)],2))}});export{s as default};

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

@@ -0,0 +1,18 @@
+import { ListTitleProps } from "./types.js";
+import * as vue1421 from "vue";
+
+//#region src/components/list/list-title.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: vue1421.DefineComponent<ListTitleProps, {}, {}, {}, {}, vue1421.ComponentOptionsMixin, vue1421.ComponentOptionsMixin, {}, string, vue1421.PublicProps, Readonly<ListTitleProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1421.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1,17 @@
+import { ClassValue } from "../../types/common.js";
+import "../../types/index.js";
+import { ComputedRef, HTMLAttributes } from "vue";
+
+//#region src/components/list/types.d.ts
+interface ListRootProps extends /** @vue-ignore */HTMLAttributes {}
+interface ListItemProps extends /** @vue-ignore */HTMLAttributes {}
+interface ListContentProps extends /** @vue-ignore */HTMLAttributes {}
+interface ListTitleProps extends /** @vue-ignore */HTMLAttributes {}
+interface ListDescriptionProps extends /** @vue-ignore */HTMLAttributes {}
+type ListThemeSlot = 'root' | 'item' | 'content' | 'title' | 'description';
+type ListUi = Record<ListThemeSlot, ClassValue>;
+interface ListThemeContextParams {
+  ui: ComputedRef<ListUi>;
+}
+//#endregion
+export { ListContentProps, ListDescriptionProps, ListItemProps, ListRootProps, ListThemeContextParams, ListThemeSlot, ListTitleProps, ListUi };

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

@@ -0,0 +1,11 @@
+import "../../composables/index.js";
+import { ListboxThemeContextParams } from "./types.js";
+import "../../index.js";
+import "vue";
+import "@vueuse/shared";
+
+//#region src/components/listbox/context.d.ts
+
+declare const provideListboxThemeContext: (params: ListboxThemeContextParams) => ListboxThemeContextParams, useListboxThemeContext: <N extends string | null | undefined = undefined>(consumerName?: N | undefined, defaultValue?: ListboxThemeContextParams | undefined) => N extends null | undefined ? ListboxThemeContextParams | null : ListboxThemeContextParams;
+//#endregion
+export { provideListboxThemeContext };

package/dist/components/listbox/context.js

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

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

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

package/dist/components/listbox/index.js

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

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

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

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

@@ -0,0 +1,18 @@
+import { ListboxContentProps } from "./types.js";
+import * as vue1523 from "vue";
+
+//#region src/components/listbox/listbox-content.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: vue1523.DefineComponent<ListboxContentProps, {}, {}, {}, {}, vue1523.ComponentOptionsMixin, vue1523.ComponentOptionsMixin, {}, string, vue1523.PublicProps, Readonly<ListboxContentProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1523.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

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

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

@@ -0,0 +1,28 @@
+import { ListboxFilterProps } from "./types.js";
+import * as vue1528 from "vue";
+
+//#region src/components/listbox/listbox-filter.vue.d.ts
+declare var __VLS_10: {
+    clear: () => void;
+  }, __VLS_22: {
+    clear: () => void;
+  };
+type __VLS_Slots = {} & {
+  leading?: (props: typeof __VLS_10) => any;
+} & {
+  trailing?: (props: typeof __VLS_22) => any;
+};
+declare const __VLS_base: vue1528.DefineComponent<ListboxFilterProps, {}, {}, {}, {}, vue1528.ComponentOptionsMixin, vue1528.ComponentOptionsMixin, {
+  "update:modelValue": (value: string) => any;
+}, string, vue1528.PublicProps, Readonly<ListboxFilterProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, vue1528.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

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

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

@@ -0,0 +1,18 @@
+import { ListboxGroupLabelProps } from "./types.js";
+import * as vue1606 from "vue";
+
+//#region src/components/listbox/listbox-group-label.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: vue1606.DefineComponent<ListboxGroupLabelProps, {}, {}, {}, {}, vue1606.ComponentOptionsMixin, vue1606.ComponentOptionsMixin, {}, string, vue1606.PublicProps, Readonly<ListboxGroupLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1606.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

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

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

@@ -0,0 +1,18 @@
+import { ListboxGroupProps } from "./types.js";
+import * as vue1533 from "vue";
+
+//#region src/components/listbox/listbox-group.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: vue1533.DefineComponent<ListboxGroupProps, {}, {}, {}, {}, vue1533.ComponentOptionsMixin, vue1533.ComponentOptionsMixin, {}, string, vue1533.PublicProps, Readonly<ListboxGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1533.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

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

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

@@ -0,0 +1,22 @@
+import { AsTag } from "../primitive/types.js";
+import "../primitive/index.js";
+import { ListboxItemIndicatorProps } from "./types.js";
+import * as vue1538 from "vue";
+
+//#region src/components/listbox/listbox-item-indicator.vue.d.ts
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: vue1538.DefineComponent<ListboxItemIndicatorProps, {}, {}, {}, {}, vue1538.ComponentOptionsMixin, vue1538.ComponentOptionsMixin, {}, string, vue1538.PublicProps, Readonly<ListboxItemIndicatorProps> & Readonly<{}>, {
+  as: AsTag | vue1538.Component;
+}, {}, {}, {}, string, vue1538.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

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

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

@@ -0,0 +1,28 @@
+import { SelectEvent } from "../../types/event.js";
+import "../../types/index.js";
+import { AsTag } from "../primitive/types.js";
+import "../primitive/index.js";
+import { ListboxItemProps } from "./types.js";
+import * as vue1517 from "vue";
+
+//#region src/components/listbox/listbox-item.vue.d.ts
+declare var __VLS_12: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_base: vue1517.DefineComponent<ListboxItemProps, {}, {}, {}, {}, vue1517.ComponentOptionsMixin, vue1517.ComponentOptionsMixin, {
+  select: (event: SelectEvent<string>) => any;
+}, string, vue1517.PublicProps, Readonly<ListboxItemProps> & Readonly<{
+  onSelect?: ((event: SelectEvent<string>) => any) | undefined;
+}>, {
+  as: AsTag | vue1517.Component;
+}, {}, {}, {}, string, vue1517.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

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

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

@@ -0,0 +1,34 @@
+import { CollectionItemData } from "../../composables/use-collection.js";
+import "../../composables/index.js";
+import { ListboxCollectionItemData, ListboxRootProps } from "./types.js";
+import * as vue1513 from "vue";
+
+//#region src/components/listbox/listbox-root.vue.d.ts
+declare const __VLS_export: <M extends boolean>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: __VLS_PrettifyLocal<ListboxRootProps<M> & {
+    "onUpdate:modelValue"?: ((value: M extends true ? string[] : string) => any) | undefined;
+    onEntryFocus?: ((event: CustomEvent<any>) => any) | undefined;
+    onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
+    onLeave?: ((event: Event) => any) | undefined;
+  }> & vue1513.PublicProps;
+  expose: (exposed: vue1513.ShallowUnwrapRef<{
+    highlightedElement: vue1513.ShallowRef<HTMLElement | null, HTMLElement | null>;
+    highlightItem: (value: string) => void;
+    highlightFirstItem: () => void;
+    highlightSelected: (event?: Event) => Promise<void>;
+    getItems: (excludeDisabled?: boolean) => CollectionItemData<ListboxCollectionItemData>[];
+  }>) => void;
+  attrs: any;
+  slots: {
+    default?: (props: {
+      modelValue: (M extends true ? string[] : string) | undefined;
+    }) => any;
+  };
+  emit: ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "leave", event: Event) => void);
+}>) => vue1513.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = { [K in keyof T as K]: T[K] } & {};
+//#endregion
+export { _default };

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

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

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

@@ -0,0 +1,15 @@
+import { ListboxVirtualizerProps, ListboxVirtualizerSlots } from "./types.js";
+import * as vue1611 from "vue";
+
+//#region src/components/listbox/listbox-virtualizer.vue.d.ts
+type __VLS_Slots = ListboxVirtualizerSlots;
+declare const __VLS_base: vue1611.DefineComponent<ListboxVirtualizerProps, {}, {}, {}, {}, vue1611.ComponentOptionsMixin, vue1611.ComponentOptionsMixin, {}, string, vue1611.PublicProps, Readonly<ListboxVirtualizerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1611.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/listbox/shared.js

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

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

@@ -0,0 +1,94 @@
+import { ClassValue, DataOrientation, Direction, SelectionEmits, SelectionProps } from "../../types/common.js";
+import { SelectEvent } from "../../types/event.js";
+import { FormFieldCommonProps } from "../../types/component.js";
+import "../../types/index.js";
+import { PrimitiveProps } from "../primitive/types.js";
+import { InputControlProps, InputRootEmits, InputRootProps } from "../input/types.js";
+import { CollectionItemData } from "../../composables/use-collection.js";
+import "../../composables/index.js";
+import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+import { VirtualItem, Virtualizer } from "@tanstack/vue-virtual";
+
+//#region src/components/listbox/types.d.ts
+interface ListboxRootProps<M extends boolean = false> extends SelectionProps<M>, FormFieldCommonProps, /** @vue-ignore */HTMLAttributes {
+  /** The orientation of the listbox. <br>Mainly so arrow navigation is done accordingly (left & right vs. up & down) */
+  orientation?: DataOrientation;
+  /**
+   * The reading direction of the listbox when applicable. <br> If omitted, inherits globally from `ConfigProvider` or
+   * assumes LTR (left-to-right) reading mode.
+   */
+  dir?: Direction;
+  /** When `true`, prevents the user from interacting with listbox */
+  disabled?: boolean;
+  /**
+   * How multiple selection should behave in the collection.
+   *
+   * @defaultValue 'toggle'
+   */
+  selectionBehavior?: 'toggle' | 'replace';
+  /** When `true`, hover over item will trigger highlight */
+  highlightOnHover?: boolean;
+}
+type ListboxCollectionItemData = {
+  value: string;
+};
+type ListboxRootEmits<M extends boolean = false> = SelectionEmits<M> & {
+  /** Event handler when highlighted element changes. */
+  highlight: [payload?: CollectionItemData<ListboxCollectionItemData>];
+  /** Event handler called when container is being focused. Can be prevented. */
+  entryFocus: [event: CustomEvent];
+  /** Event handler called when the mouse leave the container */
+  leave: [event: Event];
+};
+interface ListboxItemProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'onSelect'> {
+  /** The value given as data when submitted with a `name`. */
+  value: string;
+  /** When `true`, prevents the user from interacting with the item. */
+  disabled?: boolean;
+}
+type ListboxItemEmits = {
+  /** Event handler called when the selecting item. <br> It can be prevented by calling `event.preventDefault`. */
+  select: [event: SelectEvent<string>];
+};
+interface ListboxItemIndicatorProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface ListboxGroupProps extends /** @vue-ignore */HTMLAttributes {}
+interface ListboxGroupLabelProps extends /** @vue-ignore */HTMLAttributes {}
+interface ListboxFilterProps extends InputRootProps {
+  /**
+   * The function to set the input element.
+   *
+   * @param el - The input element.
+   */
+  inputRef?: (el: HTMLInputElement) => void;
+  /**
+   * The props of the input extra props.
+   */
+  controlProps?: InputControlProps;
+}
+type ListboxFilterEmits = InputRootEmits;
+interface ListboxContentProps extends /** @vue-ignore */HTMLAttributes {}
+interface ListboxVirtualizerProps {
+  /** List of items */
+  options: string[];
+  /** Number of items rendered outside the visible area */
+  overscan?: number;
+  /** Estimated size (in px) of each item */
+  estimateSize?: number;
+  /** Text content for each item to achieve type-ahead feature */
+  textContent?: (option: string) => string;
+}
+type ListboxVirtualizerSlotsProps = {
+  option: string;
+  virtualizer: Virtualizer<HTMLElement, Element>;
+  virtualItem: VirtualItem;
+};
+type ListboxVirtualizerSlots = {
+  default: (props: ListboxVirtualizerSlotsProps) => any;
+};
+type ListboxThemeSlot = 'root' | 'content' | 'filterRoot' | 'filterControl' | 'item' | 'itemIndicator' | 'group' | 'groupLabel' | 'virtualizer';
+type ListboxUi = Record<ListboxThemeSlot, ClassValue>;
+interface ListboxThemeContextParams {
+  ui: ComputedRef<ListboxUi>;
+}
+//#endregion
+export { ListboxCollectionItemData, ListboxContentProps, ListboxFilterEmits, ListboxFilterProps, ListboxGroupLabelProps, ListboxGroupProps, ListboxItemEmits, ListboxItemIndicatorProps, ListboxItemProps, ListboxRootEmits, ListboxRootProps, ListboxThemeContextParams, ListboxThemeSlot, ListboxUi, ListboxVirtualizerProps, ListboxVirtualizerSlots };

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

@@ -0,0 +1,10 @@
+import "../../types/index.js";
+import { MenuThemeContextParams } from "./types.js";
+import "../../index.js";
+import "vue";
+
+//#region src/components/menu/context.d.ts
+
+declare const provideMenuThemeContext: (params: MenuThemeContextParams) => MenuThemeContextParams, useMenuThemeContext: <N extends string | null | undefined = undefined>(consumerName?: N | undefined, defaultValue?: MenuThemeContextParams | undefined) => N extends null | undefined ? MenuThemeContextParams | null : MenuThemeContextParams;
+//#endregion
+export { provideMenuThemeContext, useMenuThemeContext };

package/dist/components/menu/context.js

@@ -0,0 +1 @@
+import{getDisclosureState as e}from"../../shared/value.js";import{isPointerInGraceArea as t}from"../../shared/geometry.js";import{useContext as n}from"../../composables/use-context.js";import{useDirection as r}from"../../composables/use-direction.js";import{provideArrowThemeContext as i}from"../arrow/context.js";import{provideSeparatorThemeContext 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{open:n}=t,r=c();return{open:n,onOpenChange:e=>{n.value=e},dataState:o(()=>e(n.value)),contentElement:r,onContentElementChange:e=>{r.value=e}}}),[f,p]=n(`MenuRoot`,e=>{let t=r(e.dir);return{...e,dir:t}}),[m,h]=n(`MenuSub`,()=>{let e=c(),t=t=>{e.value=t},n=c(``),r=()=>{n.value||=`soybean-menu-sub-trigger-${l()}`},i=c(``);return{subContentId:i,initSubContentId:()=>{i.value||=`soybean-menu-sub-content-${l()}`},subTriggerElement:e,onSubTriggerElementChange:t,subTriggerId:n,initSubTriggerId:r}}),[g,_]=n(`MenuContent`,e=>{let{contentElement: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=>o.value===l.value?.side&&t(e,l.value?.area);return{searchRef:r,currentItemId:i,contentElement: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}}),[v,y]=n(`MenuCheckboxGroup`,e=>{let{modelValue:t}=e,n=e=>{t.value||=[],t.value.includes(e)?t.value=t.value.filter(t=>t!==e):t.value.push(e)};return{...e,onModelValueChange:n}}),[b,x]=n(`MenuRadioGroup`,e=>{let{modelValue:t}=e,n=e=>{t.value=e};return{...e,onModelValueChange:n}}),[S,C]=n(`MenuItemIndicator`,e=>e),[w,T]=n(`MenuTheme`,e=>{let t=o(()=>e.ui.value.arrow),n=o(()=>({root:e.ui.value.separator,label:null}));return i(t),a({ui:n}),e});export{v as provideMenuCheckboxGroupContext,g as provideMenuContentContext,u as provideMenuContext,S as provideMenuItemIndicatorContext,b as provideMenuRadioGroupContext,f as provideMenuRootContext,m as provideMenuSubContext,w as provideMenuThemeContext,y as useMenuCheckboxGroupContext,_ as useMenuContentContext,d as useMenuContext,C as useMenuItemIndicatorContext,x as useMenuRadioGroupContext,p as useMenuRootContext,h as useMenuSubContext,T as useMenuThemeContext};

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

@@ -0,0 +1,24 @@
+import { PortalProps } from "../portal/types.js";
+import { _default as _default$9 } from "../portal/portal.vue.js";
+import { ArrowProps } from "../arrow/types.js";
+import { PopperAnchorProps } from "../popper/types.js";
+import { MenuCheckboxGroupEmits, MenuCheckboxGroupProps, MenuCheckboxItemEmits, MenuCheckboxItemProps, MenuContentEmits, MenuContentProps, MenuGroupLabelProps, MenuGroupProps, MenuItemEmits, MenuItemIndicatorProps, MenuItemProps, MenuRadioGroupEmits, MenuRadioGroupProps, MenuRadioItemEmits, MenuRadioItemProps, MenuRootEmits, MenuRootProps, MenuSubContentEmits, MenuSubContentProps, MenuSubEmits, MenuSubProps, MenuSubTriggerProps, MenuThemeSlot, MenuTriggerProps, MenuUi } from "./types.js";
+import { SeparatorRootProps } from "../separator/types.js";
+import { _default as _default$13 } from "../separator/separator-root.vue.js";
+import { _default } from "../popper/popper-anchor.vue.js";
+import { _default as _default$1 } from "../popper/popper-arrow.vue.js";
+import { _default as _default$12 } from "./menu-root.vue.js";
+import { _default as _default$4 } from "./menu-content.vue.js";
+import { _default as _default$14 } from "./menu-sub.vue.js";
+import { _default as _default$15 } from "./menu-sub-content.vue.js";
+import { _default as _default$16 } from "./menu-sub-trigger.vue.js";
+import { _default as _default$5 } from "./menu-group.vue.js";
+import { _default as _default$6 } from "./menu-group-label.vue.js";
+import { _default as _default$7 } from "./menu-item.vue.js";
+import { _default as _default$2 } from "./menu-checkbox-group.vue.js";
+import { _default as _default$3 } from "./menu-checkbox-item.vue.js";
+import { _default as _default$10 } from "./menu-radio-group.vue.js";
+import { _default as _default$11 } from "./menu-radio-item.vue.js";
+import { _default as _default$8 } from "./menu-item-indicator.vue.js";
+import { provideMenuThemeContext, useMenuThemeContext } from "./context.js";
+export { _default as MenuAnchor, type PopperAnchorProps as MenuAnchorProps, _default$1 as MenuArrow, type ArrowProps as MenuArrowProps, _default$2 as MenuCheckboxGroup, type MenuCheckboxGroupEmits, type MenuCheckboxGroupProps, _default$3 as MenuCheckboxItem, type MenuCheckboxItemEmits, type MenuCheckboxItemProps, _default$4 as MenuContent, type MenuContentEmits, type MenuContentProps, _default$5 as MenuGroup, _default$6 as MenuGroupLabel, type MenuGroupLabelProps, type MenuGroupProps, _default$7 as MenuItem, type MenuItemEmits, _default$8 as MenuItemIndicator, type MenuItemIndicatorProps, type MenuItemProps, _default$9 as MenuPortal, type PortalProps as MenuPortalProps, _default$10 as MenuRadioGroup, type MenuRadioGroupEmits, type MenuRadioGroupProps, _default$11 as MenuRadioItem, type MenuRadioItemEmits, type MenuRadioItemProps, _default$12 as MenuRoot, type MenuRootEmits, type MenuRootProps, _default$13 as MenuSeparator, type SeparatorRootProps as MenuSeparatorProps, _default$14 as MenuSub, _default$15 as MenuSubContent, type MenuSubContentEmits, type MenuSubContentProps, type MenuSubEmits, type MenuSubProps, _default$16 as MenuSubTrigger, type MenuSubTriggerProps, type MenuThemeSlot, type MenuTriggerProps, type MenuUi, provideMenuThemeContext, useMenuThemeContext };

package/dist/components/menu/index.js

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

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

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

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

@@ -0,0 +1,25 @@
+import { DefinedValue } from "../../types/common.js";
+import "../../types/index.js";
+import { MenuCheckboxGroupProps } from "./types.js";
+import * as vue837 from "vue";
+
+//#region src/components/menu/menu-checkbox-group.vue.d.ts
+declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: __VLS_PrettifyLocal<MenuCheckboxGroupProps<T> & {
+    "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
+  }> & vue837.PublicProps;
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    default?: (props: {
+      modelValue: T[] | undefined;
+    }) => any;
+  };
+  emit: (evt: "update:modelValue", value: T[]) => void;
+}>) => vue837.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = { [K in keyof T as K]: T[K] } & {};
+//#endregion
+export { _default };

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

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

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

@@ -0,0 +1,28 @@
+import { CheckedState } from "../../types/common.js";
+import "../../types/index.js";
+import { MenuCheckboxItemProps } from "./types.js";
+import * as vue849 from "vue";
+
+//#region src/components/menu/menu-checkbox-item.vue.d.ts
+declare var __VLS_9: {
+  modelValue: CheckedState;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: vue849.DefineComponent<MenuCheckboxItemProps, {}, {}, {}, {}, vue849.ComponentOptionsMixin, vue849.ComponentOptionsMixin, {
+  select: (event: Event) => any;
+  "update:modelValue": (value: CheckedState) => any;
+}, string, vue849.PublicProps, Readonly<MenuCheckboxItemProps> & Readonly<{
+  onSelect?: ((event: Event) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: CheckedState) => any) | undefined;
+}>, {}, {}, {}, {}, string, vue849.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +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{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{useExposedElement as c}from"../../composables/use-exposed-element.js";import{useFocusGuards as l}from"../../composables/use-focus-guards.js";import{useFocusScope as u}from"../../composables/use-focus-scope.js";import{useHideOthers as d}from"../../composables/use-hide-others.js";import{useOmitProps as f}from"../../composables/use-props.js";import{useTypeahead as p}from"../../composables/use-typeahead.js";import m from"../roving-focus/roving-focus-group.js";import h from"../popper/popper-content.js";import{provideMenuContentContext as g,useMenuContext as _,useMenuRootContext as v,useMenuSubContext as y}from"./context.js";import{FIRST_LAST_KEYS as ee,LAST_KEYS as te,MENU_CONTENT_DATA_ATTRIBUTE as ne}from"./shared.js";import{createBlock as b,createVNode as x,defineComponent as S,isRef as C,mergeProps as w,onWatcherCleanup as T,openBlock as E,renderSlot as D,unref as O,useAttrs as k,useTemplateRef as A,watchEffect as j,withCtx as M}from"vue";var N=S({name:`MenuContentImpl`,inheritAttrs:!1,__name:`menu-content-impl`,props:{floatingRef:{type:Function},placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{},trapFocus:{type:Boolean},disableOutsidePointerEvents:{type:Boolean},loop:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(S,{emit:N}){let P=S,F=N,I=k(),{onOpenChange:L,dataState:R,onContentElementChange:z}=_(`MenuContentImpl`),{modal:re,dir:B,isUsingKeyboard:V}=v(`MenuContentImpl`),[H,U]=s(P.floatingRef),[W,G]=c(z),{currentItemId:K,searchRef:q,pointerSide:J}=g({contentElement:W}),Y=y(),{handleTypeaheadSearch:X}=p(),Z=A(`rovingFocusGroupRef`),{computedStyle:ie,layerProps:ae}=o(W,{disableOutsidePointerEvents:()=>P.disableOutsidePointerEvents,onEscapeKeyDown:e=>{F(`escapeKeyDown`,e)},onPointerDownOutside:e=>{F(`pointerDownOutside`,e)},onFocusOutside:e=>{F(`focusOutside`,e)},onInteractOutside:e=>{F(`interactOutside`,e)},onDismiss:()=>{Y||L(!1)}}),{onKeydown:oe,focusScopeProps:se}=u(H,{trapped:()=>P.trapFocus,onOpenAutoFocus:e=>{F(`openAutoFocus`,e),!e.defaultPrevented&&(e.preventDefault(),W.value?.focus({preventScroll:!0}))},onCloseAutoFocus:e=>{F(`closeAutoFocus`,e)}}),Q=f(P,[`disableOutsidePointerEvents`,`trapFocus`,`loop`],I,ae,se),ce=e=>{F(`entryFocus`,e),V.value||e.preventDefault()},le=i=>{if(oe(i),i.defaultPrevented)return;let a=i.target.closest(`[${ne}]`)===i.currentTarget,o=i.ctrlKey||i.altKey||i.metaKey,s=i.key.length===1,c=t(i,n(),W.value,{loop:P.loop,arrowKeyOptions:`vertical`,dir:B.value,focus:!0,attributeName:`[${e}]:not([data-disabled])`});if(c){c.focus();return}if(i.code===`Space`)return;let l=Z.value?.getItems()??[];if(a&&(i.key===`Tab`&&i.preventDefault(),!o&&s&&X(i.key,l)),i.target!==W.value||!ee.includes(i.key))return;i.preventDefault();let u=[...l.map(e=>e.element)];te.includes(i.key)&&u.reverse(),r(u)};function ue(e){if(!e)return;let{currentTarget:t,target:n}=e;t?.contains(n)||(q.value=``)}let $=0;function de(e){if(!i(e))return;let t=e.target,n=$!==e.clientX;e?.currentTarget?.contains(t)&&n&&(J.value=e.clientX>$?`right`:`left`,$=e.clientX)}return l(),d(W,()=>re.value&&!Y),j(()=>{P.disableOutsidePointerEvents&&T(a())}),(e,t)=>(E(),b(O(m),{ref_key:`rovingFocusGroupRef`,ref:Z,"current-tab-stop-id":O(K),"onUpdate:currentTabStopId":t[0]||=e=>C(K)?K.value=e:null,"as-child":``,orientation:`vertical`,dir:O(B),loop:S.loop,onEntryFocus:ce},{default:M(()=>[x(O(h),w(O(Q),{ref:O(G),"floating-ref":O(U),role:`menu`,"data-soybean-menu-content":``,"aria-orientation":`vertical`,"data-state":O(R),dir:O(B),style:O(ie),onKeydown:le,onBlur:ue,onPointermove:de}),{default:M(()=>[D(e.$slots,`default`)]),_:3},16,[`floating-ref`,`data-state`,`dir`,`style`])]),_:3},8,[`current-tab-stop-id`,`dir`,`loop`]))}});export{N as default};

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

@@ -0,0 +1 @@
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import{usePresence as n}from"../../composables/use-presence.js";import{useOmitProps as r}from"../../composables/use-props.js";import{popperCssVars as i}from"../popper/shared.js";import{useMenuContext as a,useMenuRootContext as o,useMenuThemeContext as s}from"./context.js";import{menuContentCssVars as c}from"./shared.js";import l from"./menu-content-impl.js";import{computed as u,createBlock as d,createCommentVNode as f,defineComponent as p,mergeProps as m,openBlock as h,renderSlot as g,shallowRef as _,toHandlers as v,unref as y,withCtx as b}from"vue";var x=p({name:`MenuContent`,__name:`menu-content`,props:{elRef:{type:Function},floatingRef:{type:Function},placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{},forceMount:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(p,{emit:x}){let S=p,C=x,w=r(S,[`forceMount`,`elRef`]),T=t(C),E=s(),D=u(()=>E?.ui?.value?.content),O={[c.transformOrigin]:`var(${i.transformOrigin})`,[c.availableWidth]:`var(${i.availableWidth})`,[c.availableHeight]:`var(${i.availableHeight})`,[c.triggerWidth]:`var(${i.anchorWidth})`,[c.triggerHeight]:`var(${i.anchorHeight})`},{open:k}=a(`MenuContent`),{modal:A}=o(`MenuContent`),[j,M]=e(S.elRef),N=S.forceMount?_(!0):n(j,k),P=u(()=>A.value&&k.value),F=e=>{A.value&&e.preventDefault()};return(e,t)=>y(N)?(h(),d(l,m({key:0},y(w),{ref:y(M),class:D.value,style:O,"trap-focus":P.value,"disable-outside-pointer-events":P.value},v(y(T)),{onFocusOutside:F}),{default:b(()=>[g(e.$slots,`default`)]),_:3},16,[`class`,`trap-focus`,`disable-outside-pointer-events`])):f(`v-if`,!0)}});export{x as default};