@soybeanjs/headless 0.30.0 → 0.40.0-beta.1

package/dist/components/combobox/combobox-compact.js

@@ -1 +1 @@
-import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import r from"../listbox/listbox-group-label.js";import i from"../listbox/listbox-item-indicator.js";import a from"../popper/popper-anchor.js";import o from"../portal/portal.js";import{getDisplayValue as s,getSelectedLabels as c,isGroupOption as l}from"./shared.js";import u from"./combobox-cancel.js";import d from"./combobox-content.js";import f from"./combobox-empty.js";import p from"./combobox-group.js";import m from"./combobox-input.js";import h from"./combobox-item.js";import g from"./combobox-root.js";import _ from"./combobox-separator.js";import v from"./combobox-trigger.js";import y from"./combobox-viewport.js";import{Fragment as b,computed as x,createBlock as S,createCommentVNode as C,createElementBlock as w,createTextVNode as T,createVNode as E,defineComponent as D,guardReactiveProps as O,mergeProps as k,normalizeClass as A,normalizeProps as j,openBlock as M,renderList as N,renderSlot as P,toDisplayString as F,unref as I,withCtx as L}from"vue";const R=D({name:`ComboboxCompact`,__name:`combobox-compact`,props:{items:{},placeholder:{},searchPlaceholder:{},clearLabel:{},emptyLabel:{},anchorProps:{},triggerProps:{},cancelProps:{},portalProps:{},contentProps:{},viewportProps:{},inputProps:{},emptyProps:{},groupProps:{},groupLabelProps:{},itemProps:{},itemIndicatorProps:{},separatorProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},resetSearchTermOnBlur:{type:Boolean},resetSearchTermOnSelect:{type:Boolean},openOnFocus:{type:Boolean},openOnClick:{type:Boolean},ignoreFilter:{type:Boolean},resetModelValueOnClear:{type:Boolean},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean,default:!0},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`placed`,`select`],setup(D,{emit:R}){let z=D,B=R,V=t(z,[`items`,`placeholder`,`searchPlaceholder`,`clearLabel`,`emptyLabel`,`anchorProps`,`triggerProps`,`cancelProps`,`portalProps`,`contentProps`,`viewportProps`,`inputProps`,`emptyProps`,`groupProps`,`groupLabelProps`,`itemProps`,`itemIndicatorProps`,`separatorProps`]),H=e=>z.multiple?``:s(e,z.items),U=e(),W=x(()=>z.inputProps?.controlProps?.[`aria-label`]??z.searchPlaceholder??z.placeholder??U.value.combobox.search),G=x(()=>({...z.inputProps,displayValue:z.inputProps?.displayValue??H,controlProps:{...z.inputProps?.controlProps,"aria-label":W.value},placeholder:z.searchPlaceholder??z.inputProps?.placeholder,autofocus:z.inputProps?.autofocus??!0})),K=x(()=>({...z.viewportProps,"aria-label":z.viewportProps?.[`aria-label`]??z.placeholder??U.value.combobox.options})),q=x(()=>({...z.anchorProps,asChild:z.anchorProps?.asChild??!0})),J=(e,t)=>l(e)?`group-${e.label}-${t}`:e.value,Y=e=>c(e,z.items),X=e=>{let t=Y(e);return t.length?t.join(`, `):z.placeholder},Z=e=>({...z.triggerProps,"aria-label":z.triggerProps?.[`aria-label`]??X(e),"data-placeholder":Y(e).length?void 0:``});return(e,t)=>(M(),S(g,k(I(V),{onHighlight:t[7]||(t[7]=e=>B(`highlight`,e)),"onUpdate:modelValue":t[8]||(t[8]=e=>B(`update:modelValue`,e)),"onUpdate:open":t[9]||(t[9]=e=>B(`update:open`,e))}),{default:L(({modelValue:s})=>[E(a,j(O(q.value)),{default:L(()=>[E(v,j(O(Z(s))),{default:L(({triggerIconClass:t})=>[P(e.$slots,`trigger-leading`),P(e.$slots,`trigger-value`,{modelValue:s,selectedLabels:Y(s),slotText:X(s)},()=>[T(F(X(s)),1)]),P(e.$slots,`trigger-trailing`),P(e.$slots,`trigger-icon`,{},()=>[E(n,{icon:`lucide:chevrons-up-down`,class:A(t)},null,8,[`class`])])]),_:2},1040)]),_:2},1040),E(o,j(O(D.portalProps)),{default:L(()=>[E(d,k(D.contentProps,{onCloseAutoFocus:t[2]||(t[2]=e=>B(`closeAutoFocus`,e)),onEscapeKeyDown:t[3]||(t[3]=e=>B(`escapeKeyDown`,e)),onPointerDownOutside:t[4]||(t[4]=e=>B(`pointerDownOutside`,e)),onFocusOutside:t[5]||(t[5]=e=>B(`focusOutside`,e)),onInteractOutside:t[6]||(t[6]=e=>B(`interactOutside`,e))}),{default:L(()=>[E(m,j(O(G.value)),{leading:L(t=>[P(e.$slots,`input-leading`,j(O(t)),()=>[E(n,{icon:`lucide:search`})])]),trailing:L(t=>[D.clearable?(M(),S(u,k({key:0},D.cancelProps,{"aria-label":z.clearLabel??I(U).combobox.clearInput}),{default:L(()=>[E(n,{icon:`lucide:x`})]),_:1},16,[`aria-label`])):C(`v-if`,!0),P(e.$slots,`input-trailing`,j(O(t)))]),_:3},16),E(f,j(O(D.emptyProps)),{default:L(()=>[P(e.$slots,`empty`,{},()=>[T(F(z.emptyLabel??I(U).combobox.noResults),1)])]),_:3},16),E(y,j(O(K.value)),{default:L(()=>[(M(!0),w(b,null,N(D.items,(a,o)=>(M(),w(b,{key:J(a,o)},[I(l)(a)?(M(),w(b,{key:0},[a.separator?(M(),S(_,k({key:0,ref_for:!0},D.separatorProps),null,16)):C(`v-if`,!0),E(p,k({ref_for:!0},D.groupProps),{default:L(()=>[E(r,k({ref_for:!0},D.groupLabelProps),{default:L(()=>[P(e.$slots,`group-label`,{item:a},()=>[T(F(a.label),1)])]),_:2},1040),(M(!0),w(b,null,N(a.items,r=>(M(),w(b,{key:r.value},[r.separator?(M(),S(_,k({key:0,ref_for:!0},D.separatorProps),null,16)):C(`v-if`,!0),E(h,k({ref_for:!0},D.itemProps,{value:r.value,"text-value":r.textValue??r.label,disabled:r.disabled,onSelect:t[0]||(t[0]=e=>B(`select`,e))}),{default:L(()=>[P(e.$slots,`item-leading`,{item:r},()=>[r.icon?(M(),S(n,{key:0,icon:r.icon},null,8,[`icon`])):C(`v-if`,!0)]),P(e.$slots,`item-text`,{item:r},()=>[T(F(r.label),1)]),P(e.$slots,`item-trailing`,{item:r}),E(i,k({ref_for:!0},D.itemIndicatorProps),{default:L(()=>[P(e.$slots,`item-indicator`,{item:r},()=>[E(n,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`,`text-value`,`disabled`])],64))),128))]),_:2},1040)],64)):(M(),w(b,{key:1},[a.separator?(M(),S(_,k({key:0,ref_for:!0},D.separatorProps),null,16)):C(`v-if`,!0),E(h,k({ref_for:!0},D.itemProps,{value:a.value,"text-value":a.textValue??a.label,disabled:a.disabled,onSelect:t[1]||(t[1]=e=>B(`select`,e))}),{default:L(()=>[P(e.$slots,`item-leading`,{item:a},()=>[a.icon?(M(),S(n,{key:0,icon:a.icon},null,8,[`icon`])):C(`v-if`,!0)]),P(e.$slots,`item-text`,{item:a},()=>[T(F(a.label),1)]),P(e.$slots,`item-trailing`,{item:a}),E(i,k({ref_for:!0},D.itemIndicatorProps),{default:L(()=>[P(e.$slots,`item-indicator`,{item:a},()=>[E(n,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`,`text-value`,`disabled`])],64))],64))),128))]),_:3},16)]),_:3},16)]),_:3},16)]),_:3},16))}});export{R as default};
+import{useLocaleMessages as e}from"../../locale/hooks.js";import{useOmitProps as t}from"../../composables/use-props.js";import n from"../_icon/icon.js";import r from"../portal/portal.js";import{getDisplayValue as i,getSelectedLabels as a,isGroupOption as o}from"./shared.js";import s from"./combobox-anchor.js";import c from"./combobox-cancel.js";import l from"./combobox-clear.js";import u from"./combobox-content.js";import d from"./combobox-empty.js";import f from"./combobox-group-label.js";import p from"./combobox-group.js";import m from"./combobox-input.js";import h from"./combobox-item-indicator.js";import g from"./combobox-item.js";import _ from"./combobox-root.js";import v from"./combobox-separator.js";import y from"./combobox-trigger.js";import b from"./combobox-value.js";import x from"./combobox-viewport.js";import{Fragment as S,computed as C,createBlock as w,createCommentVNode as T,createElementBlock as E,createTextVNode as D,createVNode as O,defineComponent as k,guardReactiveProps as A,mergeProps as j,normalizeClass as M,normalizeProps as N,openBlock as P,renderList as F,renderSlot as I,toDisplayString as L,unref as R,withCtx as z}from"vue";const B=k({name:`ComboboxCompact`,__name:`combobox-compact`,props:{items:{},placeholder:{},searchPlaceholder:{},clearLabel:{},emptyLabel:{},anchorProps:{},triggerProps:{},cancelProps:{},valueProps:{},portalProps:{},contentProps:{},viewportProps:{},inputProps:{},emptyProps:{},groupProps:{},groupLabelProps:{},itemProps:{},itemIndicatorProps:{},separatorProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},resetSearchTermOnBlur:{type:Boolean},resetSearchTermOnSelect:{type:Boolean},openOnFocus:{type:Boolean},openOnClick:{type:Boolean},ignoreFilter:{type:Boolean},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean,default:!0},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`placed`,`select`],setup(k,{emit:B}){let V=k,H=B,U=t(V,[`items`,`placeholder`,`searchPlaceholder`,`clearLabel`,`emptyLabel`,`anchorProps`,`triggerProps`,`cancelProps`,`valueProps`,`portalProps`,`contentProps`,`viewportProps`,`inputProps`,`emptyProps`,`groupProps`,`groupLabelProps`,`itemProps`,`itemIndicatorProps`,`separatorProps`]),W=e=>V.multiple?``:i(e,V.items),G=e(),K=C(()=>V.inputProps?.controlProps?.[`aria-label`]??V.searchPlaceholder??V.placeholder??G.value.combobox.search),q=C(()=>({...V.inputProps,displayValue:V.inputProps?.displayValue??W,controlProps:{...V.inputProps?.controlProps,"aria-label":K.value},placeholder:V.searchPlaceholder??V.inputProps?.placeholder,autofocus:V.inputProps?.autofocus??!0})),J=C(()=>({...V.viewportProps,"aria-label":V.viewportProps?.[`aria-label`]??V.placeholder??G.value.combobox.options})),Y=C(()=>({...V.anchorProps,asChild:V.anchorProps?.asChild??!0})),X=(e,t)=>o(e)?`group-${e.label}-${t}`:e.value,Z=e=>a(e,V.items),Q=e=>{let t=Z(e);return t.length?t.join(`, `):V.placeholder},$=e=>({...V.triggerProps,"aria-label":V.triggerProps?.[`aria-label`]??Q(e),"data-placeholder":Z(e).length?void 0:``}),ee=()=>({...V.valueProps,items:V.items,placeholder:V.placeholder??``});return(e,t)=>(P(),w(_,j(R(U),{onHighlight:t[7]||=e=>H(`highlight`,e),"onUpdate:modelValue":t[8]||=e=>H(`update:modelValue`,e),"onUpdate:open":t[9]||=e=>H(`update:open`,e)}),{default:z(({modelValue:i})=>[O(s,N(A(Y.value)),{default:z(()=>[O(y,N(A($(i))),{default:z(({triggerIconClass:t})=>[I(e.$slots,`trigger-leading`),I(e.$slots,`trigger-value`,{modelValue:i,selectedLabels:Z(i),slotText:Q(i)},()=>[O(b,N(A(ee())),null,16)]),I(e.$slots,`trigger-trailing`),k.clearable?(P(),w(l,{key:0,"aria-label":V.clearLabel??R(G).combobox.clear},null,8,[`aria-label`])):T(`v-if`,!0),I(e.$slots,`trigger-icon`,{},()=>[O(n,{icon:`lucide:chevrons-up-down`,class:M(t)},null,8,[`class`])])]),_:2},1040)]),_:2},1040),O(r,N(A(k.portalProps)),{default:z(()=>[O(u,j(k.contentProps,{onCloseAutoFocus:t[2]||=e=>H(`closeAutoFocus`,e),onEscapeKeyDown:t[3]||=e=>H(`escapeKeyDown`,e),onPointerDownOutside:t[4]||=e=>H(`pointerDownOutside`,e),onFocusOutside:t[5]||=e=>H(`focusOutside`,e),onInteractOutside:t[6]||=e=>H(`interactOutside`,e)}),{default:z(()=>[O(m,N(A(q.value)),{leading:z(t=>[I(e.$slots,`input-leading`,N(A(t)),()=>[O(n,{icon:`lucide:search`})])]),trailing:z(t=>[k.clearable?(P(),w(c,j({key:0},k.cancelProps,{"aria-label":V.clearLabel??R(G).combobox.clearInput}),{default:z(()=>[O(n,{icon:`lucide:x`})]),_:1},16,[`aria-label`])):T(`v-if`,!0),I(e.$slots,`input-trailing`,N(A(t)))]),_:3},16),O(d,N(A(k.emptyProps)),{default:z(()=>[I(e.$slots,`empty`,{},()=>[D(L(V.emptyLabel??R(G).combobox.noResults),1)])]),_:3},16),O(x,N(A(J.value)),{default:z(()=>[(P(!0),E(S,null,F(k.items,(r,i)=>(P(),E(S,{key:X(r,i)},[R(o)(r)?(P(),E(S,{key:0},[r.separator?(P(),w(v,j({key:0,ref_for:!0},k.separatorProps),null,16)):T(`v-if`,!0),O(p,j({ref_for:!0},k.groupProps),{default:z(()=>[O(f,j({ref_for:!0},k.groupLabelProps),{default:z(()=>[I(e.$slots,`group-label`,{item:r},()=>[D(L(r.label),1)])]),_:2},1040),(P(!0),E(S,null,F(r.items,r=>(P(),E(S,{key:r.value},[r.separator?(P(),w(v,j({key:0,ref_for:!0},k.separatorProps),null,16)):T(`v-if`,!0),O(g,j({ref_for:!0},k.itemProps,{value:r.value,"text-value":r.textValue??r.label,disabled:r.disabled,onSelect:t[0]||=e=>H(`select`,e)}),{default:z(()=>[I(e.$slots,`item-leading`,{item:r},()=>[r.icon?(P(),w(n,{key:0,icon:r.icon},null,8,[`icon`])):T(`v-if`,!0)]),I(e.$slots,`item-text`,{item:r},()=>[D(L(r.label),1)]),I(e.$slots,`item-trailing`,{item:r}),O(h,j({ref_for:!0},k.itemIndicatorProps),{default:z(()=>[I(e.$slots,`item-indicator`,{item:r},()=>[O(n,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`,`text-value`,`disabled`])],64))),128))]),_:2},1040)],64)):(P(),E(S,{key:1},[r.separator?(P(),w(v,j({key:0,ref_for:!0},k.separatorProps),null,16)):T(`v-if`,!0),O(g,j({ref_for:!0},k.itemProps,{value:r.value,"text-value":r.textValue??r.label,disabled:r.disabled,onSelect:t[1]||=e=>H(`select`,e)}),{default:z(()=>[I(e.$slots,`item-leading`,{item:r},()=>[r.icon?(P(),w(n,{key:0,icon:r.icon},null,8,[`icon`])):T(`v-if`,!0)]),I(e.$slots,`item-text`,{item:r},()=>[D(L(r.label),1)]),I(e.$slots,`item-trailing`,{item:r}),O(h,j({ref_for:!0},k.itemIndicatorProps),{default:z(()=>[I(e.$slots,`item-indicator`,{item:r},()=>[O(n,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`,`text-value`,`disabled`])],64))],64))),128))]),_:3},16)]),_:3},16)]),_:3},16)]),_:3},16))}});export{B as default};

package/dist/components/combobox/combobox-compact.vue.d.ts

@@ -1,10 +1,10 @@
 import { FocusOutsideEvent, PointerDownOutsideEvent, SelectEvent } from "../../types/event.js";
 import { CollectionItemData } from "../../composables/use-collection.js";
-import "../../composables/index.js";
 import { ListboxCollectionItemData } from "../listbox/types.js";
 import { ComboboxCompactProps, ComboboxCompactSlots } from "./types.js";
 import "../listbox/index.js";
 import "../../index.js";
+import "../../composables/index.js";
 //#region src/components/combobox/combobox-compact.vue.d.ts
 declare const __VLS_export: <M extends boolean = false>(__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<ComboboxCompactProps<M> & {
@@ -17,15 +17,15 @@ declare const __VLS_export: <M extends boolean = false>(__VLS_props: NonNullable
     onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
-    onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
     onPlaced?: (() => any) | undefined;
+    onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: ComboboxCompactSlots<M>;
-  emit: ((evt: "select", event: SelectEvent<string>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "placed") => void);
+  emit: ((evt: "select", event: SelectEvent<string>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "placed") => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void);
 }>) => import("vue").VNode & {
   __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };

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

@@ -1 +1 @@
-import{useBodyScrollLock as e}from"../../composables/use-body-scroll-lock.js";import{useDismissableLayer as t}from"../../composables/use-dismissable-layer.js";import{useExposedElement as n}from"../../composables/use-exposed-element.js";import{useFocusGuards as r}from"../../composables/use-focus-guards.js";import{useFocusScope as i}from"../../composables/use-focus-scope.js";import{useHideOthers as a}from"../../composables/use-hide-others.js";import{useOmitProps as ee}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as te}from"../primitive/primitive.js";import"../primitive/index.js";import{provideComboboxContentContext as o,useComboboxRootContext as s}from"./context.js";import{popperCssVars as c}from"../popper/shared.js";import l from"../popper/popper-positioner.js";import u from"../popper/popper-popup.js";import"../popper/index.js";import{computed as d,createBlock as f,createVNode as p,defineComponent as m,mergeProps as h,onMounted as g,onUnmounted as _,onWatcherCleanup as v,openBlock as y,ref as b,renderSlot as x,unref as S,useAttrs as C,watchEffect as w,withCtx as T}from"vue";const E=m({name:`ComboboxContentImpl`,inheritAttrs:!1,__name:`combobox-content-impl`,props:{position:{default:`popper`},bodyLock:{type:Boolean},hideWhenEmpty:{type:Boolean},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},forceMount:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`placed`],setup(m,{emit:E}){let D=m,O=E,k=C(),{dir:A,contentId:j,open:M,ignoreFilter:N,allItems:P,filterState:F,parentElement:I,inputElement:L,triggerElement:R,onOpenChange:z,onPopupElementChange:B}=s(`ComboboxContentImpl`),[V,H]=n(B);function U(e){let t=I.value,n=V.value,r=e=>!!(t?.contains(e)||n?.contains(e));if(r(e))return!0;let i=(e instanceof Element?e.closest(`label`):null)?.control;return!!i&&r(i)}let{pointerEvents:W,onFocusCapture:G,onBlurCapture:K}=t(V,{disableOutsidePointerEvents:()=>D.disableOutsidePointerEvents,onEscapeKeyDown:e=>{O(`escapeKeyDown`,e)},onPointerDownOutside:e=>{U(e.target)&&e.preventDefault(),O(`pointerDownOutside`,e)},onFocusOutside:e=>{U(e.target)&&e.preventDefault(),O(`focusOutside`,e)},onInteractOutside:e=>{O(`interactOutside`,e)},onDismiss:()=>{z(!1)}}),{onKeydown:q}=i(V,{trapped:()=>D.trapFocus,loop:!0,onOpenAutoFocus:e=>{O(`openAutoFocus`,e),e.preventDefault()},onCloseAutoFocus:e=>{O(`closeAutoFocus`,e),e.preventDefault()}}),J=d(()=>D.position),Y=ee(D,[`bodyLock`,`disableOutsidePointerEvents`,`forceMount`,`hideWhenEmpty`,`popupProps`,`position`,`trapFocus`]),X=d(()=>({...k,...D.popupProps})),Z=d(()=>N.value?P.value.size===0:F.value.count===0),Q=d(()=>({pointerEvents:W.value,display:D.hideWhenEmpty&&Z.value?`none`:`flex`,flexDirection:`column`,outline:`none`,...J.value===`popper`?{"--soybean-combobox-content-transform-origin":`var(${c.transformOrigin})`,"--soybean-combobox-content-available-width":`var(${c.availableWidth})`,"--soybean-combobox-content-available-height":`var(${c.availableHeight})`,"--soybean-combobox-trigger-width":`var(${c.anchorWidth})`,"--soybean-combobox-trigger-height":`var(${c.anchorHeight})`,boxSizing:`border-box`}:{}}));o({position:J}),r(),a(()=>[I.value,V.value],M),w(()=>{if(!D.bodyLock)return;let t=e();v(t)});let $=b(!1);return g(()=>{L.value&&V.value&&($.value=V.value.contains(L.value),$.value&&L.value.focus())}),_(()=>{let e=document.activeElement;$.value&&(!e||e===document.body)&&R.value?.focus()}),(e,t)=>J.value===`popper`?(y(),f(S(l),h({key:0},S(Y),{onPlaced:t[0]||(t[0]=e=>O(`placed`))}),{default:T(()=>[p(S(u),h({id:S(j),ref:S(H)},X.value,{"data-dismissable-layer":``,"data-state":S(M)?`open`:`closed`,"data-empty":Z.value?``:void 0,style:Q.value,onFocusCapture:S(G),onBlurCapture:S(K),onKeydown:S(q)}),{default:T(()=>[x(e.$slots,`default`)]),_:3},16,[`id`,`data-state`,`data-empty`,`style`,`onFocusCapture`,`onBlurCapture`,`onKeydown`])]),_:3},16)):(y(),f(S(te),h({key:1,id:S(j),ref:S(H)},X.value,{as:`div`,"data-dismissable-layer":``,dir:S(A),"data-state":S(M)?`open`:`closed`,"data-empty":Z.value?``:void 0,style:Q.value,onFocusCapture:S(G),onBlurCapture:S(K),onKeydown:S(q)}),{default:T(()=>[x(e.$slots,`default`)]),_:3},16,[`id`,`dir`,`data-state`,`data-empty`,`style`,`onFocusCapture`,`onBlurCapture`,`onKeydown`]))}});export{E as default};
+import{useBodyScrollLock as e}from"../../composables/use-body-scroll-lock.js";import{useDismissableLayer as t}from"../../composables/use-dismissable-layer.js";import{useExposedElement as n}from"../../composables/use-exposed-element.js";import{useFocusGuards as r}from"../../composables/use-focus-guards.js";import{useFocusScope as i}from"../../composables/use-focus-scope.js";import{useHideOthers as a}from"../../composables/use-hide-others.js";import{useOmitProps as ee}from"../../composables/use-props.js";import{Primitive as te}from"../primitive/primitive.js";import{popperCssVars as o}from"../popper/shared.js";import s from"../popper/popper-positioning-positioner.js";import c from"../popper/popper-positioning-popup.js";import{provideComboboxContentContext as l,useComboboxRootContext as u}from"./context.js";import{computed as d,createBlock as f,createVNode as p,defineComponent as m,mergeProps as h,onMounted as g,onUnmounted as _,onWatcherCleanup as v,openBlock as y,ref as b,renderSlot as x,unref as S,useAttrs as C,watchEffect as w,withCtx as T}from"vue";const E=m({name:`ComboboxContentImpl`,inheritAttrs:!1,__name:`combobox-content-impl`,props:{position:{default:`popper`},bodyLock:{type:Boolean},hideWhenEmpty:{type:Boolean},popupProps:{},open:{type:Boolean},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},forceMount:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`placed`],setup(m,{emit:E}){let D=m,O=E,k=C(),{dir:A,contentId:j,open:M,ignoreFilter:N,allItems:P,filterState:F,parentElement:I,inputElement:L,triggerElement:R,onOpenChange:z,onPopupElementChange:B}=u(`ComboboxContentImpl`),[V,H]=n(B);function U(e){let t=I.value,n=V.value,r=e=>!!(t?.contains(e)||n?.contains(e));if(r(e))return!0;let i=(e instanceof Element?e.closest(`label`):null)?.control;return!!i&&r(i)}let{pointerEvents:W,onFocusCapture:G,onBlurCapture:K}=t(V,{disableOutsidePointerEvents:()=>D.disableOutsidePointerEvents,onEscapeKeyDown:e=>{O(`escapeKeyDown`,e)},onPointerDownOutside:e=>{U(e.target)&&e.preventDefault(),O(`pointerDownOutside`,e)},onFocusOutside:e=>{U(e.target)&&e.preventDefault(),O(`focusOutside`,e)},onInteractOutside:e=>{O(`interactOutside`,e)},onDismiss:()=>{z(!1)}}),{onKeydown:q}=i(V,{trapped:()=>D.trapFocus,loop:!0,onOpenAutoFocus:e=>{O(`openAutoFocus`,e),e.preventDefault()},onCloseAutoFocus:e=>{O(`closeAutoFocus`,e),e.preventDefault()}}),J=d(()=>D.position),Y=ee(D,[`bodyLock`,`disableOutsidePointerEvents`,`forceMount`,`hideWhenEmpty`,`popupProps`,`position`,`trapFocus`,`open`]),X=d(()=>({...k,...D.popupProps})),Z=d(()=>N.value?P.value.size===0:F.value.count===0),Q=d(()=>({pointerEvents:W.value,display:D.hideWhenEmpty&&Z.value?`none`:`flex`,flexDirection:`column`,outline:`none`,...J.value===`popper`?{"--soybean-combobox-content-transform-origin":`var(${o.transformOrigin})`,"--soybean-combobox-content-available-width":`var(${o.availableWidth})`,"--soybean-combobox-content-available-height":`var(${o.availableHeight})`,"--soybean-combobox-trigger-width":`var(${o.anchorWidth})`,"--soybean-combobox-trigger-height":`var(${o.anchorHeight})`,boxSizing:`border-box`}:{}}));l({position:J}),r(),a(()=>[I.value,V.value],M),w(()=>{if(!D.bodyLock)return;let t=e();v(t)});let $=b(!1);return g(()=>{L.value&&V.value&&($.value=V.value.contains(L.value),$.value&&L.value.focus())}),_(()=>{let e=document.activeElement;$.value&&(!e||e===document.body)&&R.value?.focus()}),(e,t)=>J.value===`popper`?(y(),f(S(s),h({key:0},S(Y),{open:S(M),onPlaced:t[0]||=e=>O(`placed`)}),{default:T(()=>[p(S(c),h({id:S(j),ref:S(H)},X.value,{"data-dismissable-layer":``,"data-state":S(M)?`open`:`closed`,"data-empty":Z.value?``:void 0,style:Q.value,onFocusCapture:S(G),onBlurCapture:S(K),onKeydown:S(q)}),{default:T(()=>[x(e.$slots,`default`)]),_:3},16,[`id`,`data-state`,`data-empty`,`style`,`onFocusCapture`,`onBlurCapture`,`onKeydown`])]),_:3},16,[`open`])):(y(),f(S(te),h({key:1,id:S(j),ref:S(H)},X.value,{as:`div`,"data-dismissable-layer":``,dir:S(A),"data-state":S(M)?`open`:`closed`,"data-empty":Z.value?``:void 0,style:Q.value,onFocusCapture:S(G),onBlurCapture:S(K),onKeydown:S(q)}),{default:T(()=>[x(e.$slots,`default`)]),_:3},16,[`id`,`dir`,`data-state`,`data-empty`,`style`,`onFocusCapture`,`onBlurCapture`,`onKeydown`]))}});export{E as default};

package/dist/components/combobox/combobox-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{useComboboxRootContext as r}from"./context.js";import i from"./combobox-content-impl.js";import{createBlock as a,createCommentVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,shallowRef as d,toHandlers as f,unref as p,withCtx as m}from"vue";const h=s({name:`ComboboxContent`,__name:`combobox-content`,props:{position:{default:`popper`},bodyLock:{type:Boolean},hideWhenEmpty:{type:Boolean},popupProps:{},placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean,default:!0},collisionBoundary:{},collisionPadding:{},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean,default:!0},reference:{},trapFocus:{type:Boolean},disableOutsidePointerEvents:{type:Boolean},forceMount:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`placed`],setup(s,{emit:h}){let g=s,_=h,v=n(g,[`forceMount`]),y=e(_),{open:b,popupElement:x,initContentId:S}=r(`ComboboxContent`),C=g.forceMount?d(!0):t(x,b);return S(),(e,t)=>p(C)?(l(),a(i,c({key:0},p(v),{"data-soybean-combobox-content":``},f(p(y))),{default:m(()=>[u(e.$slots,`default`)]),_:3},16)):o(`v-if`,!0)}});export{h 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{useComboboxRootContext as r}from"./context.js";import i from"./combobox-content-impl.js";import{createBlock as a,createCommentVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,shallowRef as d,toHandlers as f,unref as p,withCtx as m}from"vue";const h=s({name:`ComboboxContent`,__name:`combobox-content`,props:{position:{default:`popper`},bodyLock:{type:Boolean},hideWhenEmpty:{type:Boolean},popupProps:{},open:{type:Boolean},placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean,default:!0},collisionBoundary:{},collisionPadding:{},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean,default:!0},reference:{},trapFocus:{type:Boolean},disableOutsidePointerEvents:{type:Boolean},forceMount:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`placed`],setup(s,{emit:h}){let g=s,_=h,v=n(g,[`forceMount`]),y=e(_),{open:b,popupElement:x,initContentId:S}=r(`ComboboxContent`),C=g.forceMount?d(!0):t(x,b);return S(),(e,t)=>p(C)?(l(),a(i,c({key:0},p(v),{"data-soybean-combobox-content":``},f(p(y))),{default:m(()=>[u(e.$slots,`default`)]),_:3},16)):o(`v-if`,!0)}});export{h as default};

package/dist/components/combobox/combobox-empty.js

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useComboboxRootContext as t,useComboboxUi as n}from"./context.js";import{computed as r,createBlock as i,createCommentVNode as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=o({name:`ComboboxEmpty`,__name:`combobox-empty`,props:{asChild:{type:Boolean},as:{}},setup(o){let f=o,p=n(`empty`),{allItems:m,filterState:h,ignoreFilter:g}=t(`ComboboxEmpty`),_=r(()=>g.value?m.value.size===0:h.value.count===0);return(t,n)=>_.value?(c(),i(u(e),s({key:0},f,{"data-soybean-combobox-empty":``,class:u(p)}),{default:d(()=>[l(t.$slots,`default`)]),_:3},16,[`class`])):a(`v-if`,!0)}});export{f as default};
+import{Primitive as e}from"../primitive/primitive.js";import{useComboboxRootContext as t,useComboboxUi as n}from"./context.js";import{computed as r,createBlock as i,createCommentVNode as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=o({name:`ComboboxEmpty`,__name:`combobox-empty`,props:{asChild:{type:Boolean},as:{}},setup(o){let f=o,p=n(`empty`),{allItems:m,filterState:h,ignoreFilter:g}=t(`ComboboxEmpty`),_=r(()=>g.value?m.value.size===0:h.value.count===0);return(t,n)=>_.value?(c(),i(u(e),s({key:0},f,{"data-soybean-combobox-empty":``,class:u(p)}),{default:d(()=>[l(t.$slots,`default`)]),_:3},16,[`class`])):a(`v-if`,!0)}});export{f as default};

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

@@ -0,0 +1 @@
+import e from"../listbox/listbox-group-label.js";import{createBlock as t,defineComponent as n,mergeProps as r,openBlock as i,renderSlot as a,unref as o,withCtx as s}from"vue";const c=n({name:`ComboboxGroupLabel`,__name:`combobox-group-label`,setup(n){let c=n;return(n,l)=>(i(),t(o(e),r(c,{"data-soybean-combobox-group-label":``}),{default:s(()=>[a(n.$slots,`default`)]),_:3},16))}});export{c as default};

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

@@ -0,0 +1,16 @@
+import { ComboboxGroupLabelProps } from "./types.js";
+//#region src/components/combobox/combobox-group-label.vue.d.ts
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ComboboxGroupLabelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ComboboxGroupLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").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 as default };

package/dist/components/combobox/combobox-input.js

@@ -1 +1 @@
-import{useControllableState as e}from"../../composables/use-controllable-state.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import{useListboxRootContext as n}from"../listbox/context.js";import{useComboboxRootContext as r}from"./context.js";import i from"../listbox/listbox-filter.js";import"../listbox/index.js";import{computed as a,createBlock as o,defineComponent as s,guardReactiveProps as c,isRef as l,mergeProps as u,nextTick as d,normalizeProps as f,onMounted as p,openBlock as m,renderSlot as h,unref as g,watch as _,withCtx as v}from"vue";const y=s({name:`ComboboxInput`,__name:`combobox-input`,props:{displayValue:{type:Function},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(s,{emit:y}){let b=s,x=y,{modelValue:S,open:C,openOnFocus:w,openOnClick:T,isUserInputted:E,isMultiple:D,resetSearchTermOnSelect:O,parentElement:k,contentId:A,filterSearch:j,filterState:M,isVirtual:N,onInputElementChange:P,onOpenChange:F,onResetSearchTerm:I}=r(`ComboboxInput`),{highlightFirstItem:L}=n(`ComboboxInput`),R=t(b,[`displayValue`]),z=e(()=>b.modelValue,e=>{x(`update:modelValue`,e)},b.defaultValue??``),B=e=>{b.inputRef?.(e),P(e)},V=e=>{![`ArrowDown`,`ArrowUp`].includes(e.key)||C.value||F(!0)},H=e=>{let t=e.target;if(E.value=!0,!C.value){F(!0),d(()=>{t.value&&(j.value=t.value,L())});return}j.value=t.value},U=()=>{w.value&&!C.value&&F(!0)},W=e=>{if(!C.value)return;let t=e.relatedTarget;if(!t)return;let n=k.value?.contains(t),r=document.getElementById(A.value)?.contains(t);!n&&!r&&requestAnimationFrame(()=>{if(!C.value)return;let e=document.activeElement;!k.value?.contains(e)&&!document.getElementById(A.value)?.contains(e)&&F(!1)})},G=()=>{T.value&&!C.value&&F(!0)},K=()=>{let e=S.value;if(b.displayValue){z.value=b.displayValue(e);return}if(!D.value&&typeof e==`string`){z.value=e;return}z.value=``};I(()=>{K()});let q=a(()=>u({...b.controlProps},{"data-soybean-combobox-input-control":``,role:`combobox`,"aria-autocomplete":`list`,autocomplete:`off`,"aria-controls":A.value||void 0,"aria-expanded":C.value??!1,onBlur:W,onClick:G,onFocus:U,onInput:H,onKeydown:V}));return _(S,()=>{!E.value&&O.value&&K()},{immediate:!0,deep:!0}),_(M,(e,t)=>{!N.value&&t?.count===0&&L()}),p(()=>{K()}),(e,t)=>(m(),o(g(i),u(g(R),{modelValue:g(z),"onUpdate:modelValue":t[0]||(t[0]=e=>l(z)?z.value=e:null),"data-soybean-combobox-input-root":``,"control-props":q.value,"input-ref":B}),{leading:v(t=>[h(e.$slots,`leading`,f(c(t)))]),trailing:v(t=>[h(e.$slots,`trailing`,f(c(t)))]),_:3},16,[`modelValue`,`control-props`]))}});export{y as default};
+import{useControllableState as e}from"../../composables/use-controllable-state.js";import{useOmitProps as t}from"../../composables/use-props.js";import{useListboxRootContext as n}from"../listbox/context.js";import{useComboboxRootContext as r}from"./context.js";import i from"../listbox/listbox-filter.js";import{computed as a,createBlock as o,defineComponent as s,guardReactiveProps as c,isRef as l,mergeProps as u,nextTick as d,normalizeProps as f,onMounted as p,openBlock as m,renderSlot as h,unref as g,watch as _,withCtx as v}from"vue";const y=s({name:`ComboboxInput`,__name:`combobox-input`,props:{displayValue:{type:Function},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(s,{emit:y}){let b=s,x=y,{modelValue:S,open:C,openOnFocus:w,openOnClick:T,isUserInputted:E,isMultiple:D,resetSearchTermOnSelect:O,parentElement:k,contentId:A,filterSearch:j,filterState:M,isVirtual:N,onInputElementChange:P,onOpenChange:F,onResetSearchTerm:I}=r(`ComboboxInput`),{highlightFirstItem:L}=n(`ComboboxInput`),R=t(b,[`displayValue`]),z=e(()=>b.modelValue,e=>{x(`update:modelValue`,e)},b.defaultValue??``),B=e=>{b.inputRef?.(e),P(e)},V=e=>{[`ArrowDown`,`ArrowUp`].includes(e.key)&&!C.value&&F(!0)},H=e=>{let t=e.target;if(E.value=!0,!C.value){F(!0),d(()=>{t.value&&(j.value=t.value,L())});return}j.value=t.value},U=()=>{w.value&&!C.value&&F(!0)},W=e=>{if(!C.value)return;let t=e.relatedTarget;if(!t)return;let n=k.value?.contains(t),r=document.getElementById(A.value)?.contains(t);!n&&!r&&requestAnimationFrame(()=>{if(!C.value)return;let e=document.activeElement;!k.value?.contains(e)&&!document.getElementById(A.value)?.contains(e)&&F(!1)})},G=()=>{T.value&&!C.value&&F(!0)},K=()=>{let e=S.value;if(b.displayValue){z.value=b.displayValue(e);return}if(!D.value&&typeof e==`string`){z.value=e;return}z.value=``};I(()=>{K()});let q=a(()=>u({...b.controlProps},{"data-soybean-combobox-input-control":``,role:`combobox`,"aria-autocomplete":`list`,autocomplete:`off`,"aria-controls":A.value||void 0,"aria-expanded":C.value??!1,onBlur:W,onClick:G,onFocus:U,onInput:H,onKeydown:V}));return _(S,()=>{!E.value&&O.value&&K()},{immediate:!0,deep:!0}),_(M,(e,t)=>{!N.value&&t?.count===0&&L()}),p(()=>{K()}),(e,t)=>(m(),o(g(i),u(g(R),{modelValue:g(z),"onUpdate:modelValue":t[0]||=e=>l(z)?z.value=e:null,"data-soybean-combobox-input-root":``,"control-props":q.value,"input-ref":B}),{leading:v(t=>[h(e.$slots,`leading`,f(c(t)))]),trailing:v(t=>[h(e.$slots,`trailing`,f(c(t)))]),_:3},16,[`modelValue`,`control-props`]))}});export{y as default};

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

@@ -0,0 +1 @@
+import e from"../listbox/listbox-item-indicator.js";import{createBlock as t,defineComponent as n,mergeProps as r,openBlock as i,renderSlot as a,unref as o,withCtx as s}from"vue";const c=n({name:`ComboboxItemIndicator`,__name:`combobox-item-indicator`,props:{asChild:{type:Boolean},as:{}},setup(n){let c=n;return(n,l)=>(i(),t(o(e),r(c,{"data-soybean-combobox-item-indicator":``}),{default:s(()=>[a(n.$slots,`default`)]),_:3},16))}});export{c as default};

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

@@ -0,0 +1,16 @@
+import { ComboboxItemIndicatorProps } from "./types.js";
+//#region src/components/combobox/combobox-item-indicator.vue.d.ts
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ComboboxItemIndicatorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ComboboxItemIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").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 as default };

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

@@ -1 +1 @@
-import{useExposedElement as e}from"../../composables/use-exposed-element.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import{useListboxGroupContext as n,useListboxRootContext as r}from"../listbox/context.js";import{useComboboxRootContext as i}from"./context.js";import a from"../listbox/listbox-item.js";import"../listbox/index.js";import{computed as o,createBlock as s,createCommentVNode as c,defineComponent as l,mergeProps as u,onMounted as d,onUnmounted as f,openBlock as p,renderSlot as m,unref as h,useId as g,withCtx as _}from"vue";const v=l({name:`ComboboxItem`,__name:`combobox-item`,props:{textValue:{},value:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`select`],setup(l,{emit:v}){let y=l,b=v,x=t(y,[`textValue`]),{isMultiple:S}=r(`ComboboxItem`),{disabled:C,isVirtual:w,ignoreFilter:T,filterSearch:E,filterState:D,allItems:O,allGroups:k,inputElement:A,resetSearchTermOnSelect:j,onOpenChange:M}=i(`ComboboxItem`),N=n(),P=`soybean-combobox-item-${g()}`,[F,I]=e();if(y.value===``)throw Error(`A <ComboboxItem /> must have a value prop that is not an empty string.`);let L=o(()=>y.textValue??F.value?.textContent?.trim()??y.value),R=o(()=>C.value||y.disabled),z=o(()=>{if(w.value||T.value||!E.value)return!0;let e=D.value.items.get(P);return e===void 0||e>0}),B=()=>{let e=N?.id;if(!e)return;let t=k.value.get(e);if(!t)return;let n=new Set(t);n.delete(P);let r=new Map(k.value);n.size?r.set(e,n):r.delete(e),k.value=r},V=e=>{if(b(`select`,e),!e.defaultPrevented){if(j.value&&(E.value=``),S.value){A.value?.focus();return}M(!1)}};return d(()=>{let e=new Map(O.value);e.set(P,L.value),O.value=e;let t=N?.id;if(t){let e=k.value.get(t)??new Set,n=new Set(e),r=new Map(k.value);n.add(P),r.set(t,n),k.value=r}}),f(()=>{let e=new Map(O.value);e.delete(P),O.value=e,B()}),(e,t)=>z.value?(p(),s(h(a),u({key:0,ref:h(I)},h(x),{"data-soybean-combobox-item":``,value:l.value,disabled:R.value,onSelect:V}),{default:_(()=>[m(e.$slots,`default`)]),_:3},16,[`value`,`disabled`])):c(`v-if`,!0)}});export{v as default};
+import{useExposedElement as e}from"../../composables/use-exposed-element.js";import{useOmitProps as t}from"../../composables/use-props.js";import{useListboxGroupContext as n,useListboxRootContext as r}from"../listbox/context.js";import{useComboboxRootContext as i}from"./context.js";import a from"../listbox/listbox-item.js";import{computed as o,createBlock as s,createCommentVNode as c,defineComponent as l,mergeProps as u,onMounted as d,onUnmounted as f,openBlock as p,renderSlot as m,unref as h,useId as g,withCtx as _}from"vue";const v=l({name:`ComboboxItem`,__name:`combobox-item`,props:{textValue:{},value:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`select`],setup(l,{emit:v}){let y=l,b=v,x=t(y,[`textValue`]),{isMultiple:S}=r(`ComboboxItem`),{disabled:C,isVirtual:w,ignoreFilter:T,filterSearch:E,filterState:D,allItems:O,allGroups:k,inputElement:A,resetSearchTermOnSelect:j,onOpenChange:M}=i(`ComboboxItem`),N=n(),P=`soybean-combobox-item-${g()}`,[F,I]=e();if(y.value===``)throw Error(`A <ComboboxItem /> must have a value prop that is not an empty string.`);let L=o(()=>y.textValue??F.value?.textContent?.trim()??y.value),R=o(()=>C.value||y.disabled),z=o(()=>{if(w.value||T.value||!E.value)return!0;let e=D.value.items.get(P);return e===void 0||e>0}),B=()=>{let e=N?.id;if(!e)return;let t=k.value.get(e);if(!t)return;let n=new Set(t);n.delete(P);let r=new Map(k.value);n.size?r.set(e,n):r.delete(e),k.value=r},V=e=>{if(b(`select`,e),!e.defaultPrevented){if(j.value&&(E.value=``),S.value){A.value?.focus();return}M(!1)}};return d(()=>{let e=new Map(O.value);e.set(P,L.value),O.value=e;let t=N?.id;if(t){let e=k.value.get(t)??new Set,n=new Set(e),r=new Map(k.value);n.add(P),r.set(t,n),k.value=r}}),f(()=>{let e=new Map(O.value);e.delete(P),O.value=e,B()}),(e,t)=>z.value?(p(),s(h(a),u({key:0,ref:h(I)},h(x),{"data-soybean-combobox-item":``,value:l.value,disabled:R.value,onSelect:V}),{default:_(()=>[m(e.$slots,`default`)]),_:3},16,[`value`,`disabled`])):c(`v-if`,!0)}});export{v as default};

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

@@ -1 +1 @@
-import{getElFromTemplateRef as e,transformPropsToContext as t}from"../../shared/vue.js";import{useDirection as n}from"../config-provider/context.js";import"../../shared/index.js";import{useControllableState as r}from"../../composables/use-controllable-state.js";import{useOmitProps as i}from"../../composables/use-props.js";import{useSelection as a}from"../../composables/use-selection.js";import"../../composables/index.js";import{provideComboboxRootContext as o}from"./context.js";import ee from"../popper/popper-root.js";import"../popper/index.js";import s from"../listbox/listbox-root.js";import"../listbox/index.js";import{computed as c,createBlock as l,createVNode as u,defineComponent as d,isRef as f,mergeProps as p,nextTick as m,onUnmounted as h,openBlock as g,renderSlot as _,shallowRef as v,unref as y,useAttrs as b,useId as x,useTemplateRef as S,withCtx as C}from"vue";import{createEventHook as w}from"@vueuse/core";const T=d({name:`ComboboxRoot`,inheritAttrs:!1,__name:`combobox-root`,props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},resetSearchTermOnBlur:{type:Boolean,default:!0},resetSearchTermOnSelect:{type:Boolean,default:!0},openOnFocus:{type:Boolean,default:!1},openOnClick:{type:Boolean,default:!1},ignoreFilter:{type:Boolean},resetModelValueOnClear:{type:Boolean,default:!1},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean,default:!0},modelValue:{default:void 0},defaultValue:{},multiple:{},clearable:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`update:open`],setup(d,{expose:T,emit:E}){let D=d,O=E,k=b(),A=i(D,[`modelValue`,`defaultValue`,`open`,`defaultOpen`,`ignoreFilter`,`resetSearchTermOnBlur`,`resetSearchTermOnSelect`,`openOnFocus`,`openOnClick`,`resetModelValueOnClear`],k),{modelValue:j,isMultiple:M,onModelValueChange:N,resetModelValue:P}=a(D,e=>{O(`update:modelValue`,e)}),F=S(`listboxElement`),I=c(()=>e(F.value)),L=r(()=>D.open,e=>{O(`update:open`,e)},D.defaultOpen??!1),R=n(()=>D.dir),z=v(!1),B=v(!1),V=v(``),H=`soybean-combobox-content-${x()}`,U=()=>{V.value||(V.value=H)},W=v(),G=v(),K=v(),q=c(()=>F.value?.highlightedElement),J=w(),Y=v(``),X=v(new Map),Z=v(new Map),Q,$=c(e=>{if(!Y.value||D.ignoreFilter||B.value)return{count:X.value.size,items:e?.items??new Map,groups:new Set(Z.value.keys())};let t=Y.value.trim().toLowerCase(),n=new Map,r=new Set,i=0;for(let[e,r]of X.value){let a=+!!r.toLowerCase().includes(t);n.set(e,a),a&&(i+=1)}for(let[e,t]of Z.value)for(let i of t)if((n.get(i)??0)>0){r.add(e);break}return{count:i,items:n,groups:r}}),te=async e=>{if(Q&&(clearTimeout(Q),Q=void 0),L.value=e,Y.value=``,e){await m(),await F.value?.highlightSelected?.(),z.value=!0,W.value?.focus();return}z.value=!1,Q=setTimeout(()=>{!L.value&&D.resetSearchTermOnBlur&&J.trigger(void 0)},1)};return h(()=>{Q&&clearTimeout(Q)}),o({...t(D,[`disabled`,`ignoreFilter`,`resetSearchTermOnBlur`,`resetSearchTermOnSelect`,`openOnFocus`,`openOnClick`,`resetModelValueOnClear`]),dir:R,modelValue:j,isMultiple:M,onModelValueChange:N,resetModelValue:P,open:L,onOpenChange:te,isUserInputted:z,isVirtual:B,parentElement:I,contentId:V,initContentId:U,inputElement:W,onInputElementChange(e){W.value=e},triggerElement:G,onTriggerElementChange(e){G.value=e},popupElement:K,onPopupElementChange(e){K.value=e},highlightedElement:q,onResetSearchTerm:J.on,filterSearch:Y,allItems:X,allGroups:Z,filterState:$}),T({filtered:$,highlightedElement:q,highlightItem:e=>{F.value?.highlightItem(e)},highlightFirstItem:()=>{F.value?.highlightFirstItem()},highlightSelected:e=>F.value?.highlightSelected(e)}),(e,t)=>(g(),l(y(ee),{dir:y(R)},{default:C(()=>[u(y(s),p({ref_key:`listboxElement`,ref:F},y(A),{modelValue:y(j),"onUpdate:modelValue":t[0]||(t[0]=e=>f(j)?j.value=e:null),"data-soybean-combobox-root":``,dir:y(R),multiple:d.multiple,name:d.name,required:d.required,disabled:d.disabled,"highlight-on-hover":d.highlightOnHover,onHighlight:t[1]||(t[1]=e=>O(`highlight`,e))}),{default:C(()=>[_(e.$slots,`default`,{open:y(L),modelValue:y(j)})]),_:3},16,[`modelValue`,`dir`,`multiple`,`name`,`required`,`disabled`,`highlight-on-hover`])]),_:3},8,[`dir`]))}});export{T as default};
+import{getElFromTemplateRef as e,toContext as t}from"../../shared/vue.js";import{useDirection as n}from"../config-provider/context.js";import{useControllableState as r}from"../../composables/use-controllable-state.js";import{useOmitProps as i}from"../../composables/use-props.js";import{useSelection as a}from"../../composables/use-selection.js";import o from"../popper/popper-positioning-root.js";import{provideComboboxRootContext as ee}from"./context.js";import s from"../listbox/listbox-root.js";import{computed as c,createBlock as l,createVNode as u,defineComponent as d,isRef as f,mergeProps as p,nextTick as m,onUnmounted as h,openBlock as g,renderSlot as _,shallowRef as v,unref as y,useAttrs as b,useId as x,useTemplateRef as S,withCtx as C}from"vue";import{createEventHook as w}from"@vueuse/core";const T=d({name:`ComboboxRoot`,inheritAttrs:!1,__name:`combobox-root`,props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},resetSearchTermOnBlur:{type:Boolean,default:!0},resetSearchTermOnSelect:{type:Boolean,default:!0},openOnFocus:{type:Boolean,default:!1},openOnClick:{type:Boolean,default:!1},ignoreFilter:{type:Boolean},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean,default:!0},modelValue:{default:void 0},defaultValue:{},multiple:{},clearable:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`update:open`],setup(d,{expose:T,emit:E}){let D=d,O=E,k=b(),A=i(D,[`modelValue`,`defaultValue`,`open`,`defaultOpen`,`ignoreFilter`,`resetSearchTermOnBlur`,`resetSearchTermOnSelect`,`openOnFocus`,`openOnClick`],k),{modelValue:j,isMultiple:M,onModelValueChange:N,resetModelValue:P}=a(D,e=>{O(`update:modelValue`,e)}),F=S(`listboxElement`),I=c(()=>e(F.value)),L=r(()=>D.open,e=>{O(`update:open`,e)},D.defaultOpen??!1),R=n(()=>D.dir),z=v(!1),B=v(!1),V=v(``),H=`soybean-combobox-content-${x()}`,U=()=>{V.value||=H},W=v(),G=v(),K=v(),q=c(()=>F.value?.highlightedElement),J=w(),Y=v(``),X=v(new Map),Z=v(new Map),Q,$=c(e=>{if(!Y.value||D.ignoreFilter||B.value)return{count:X.value.size,items:e?.items??new Map,groups:new Set(Z.value.keys())};let t=Y.value.trim().toLowerCase(),n=new Map,r=new Set,i=0;for(let[e,r]of X.value){let a=+!!r.toLowerCase().includes(t);n.set(e,a),a&&(i+=1)}for(let[e,t]of Z.value)for(let i of t)if((n.get(i)??0)>0){r.add(e);break}return{count:i,items:n,groups:r}}),te=async e=>{if(Q&&=(clearTimeout(Q),void 0),L.value=e,Y.value=``,e){await m(),await F.value?.highlightSelected?.(),z.value=!0,W.value?.focus();return}z.value=!1,Q=setTimeout(()=>{!L.value&&D.resetSearchTermOnBlur&&J.trigger(void 0)},1)};return h(()=>{Q&&clearTimeout(Q)}),ee({...t(D,[`disabled`,`ignoreFilter`,`resetSearchTermOnBlur`,`resetSearchTermOnSelect`,`openOnFocus`,`openOnClick`]),dir:R,modelValue:j,isMultiple:M,onModelValueChange:N,resetModelValue:P,open:L,onOpenChange:te,isUserInputted:z,isVirtual:B,parentElement:I,contentId:V,initContentId:U,inputElement:W,onInputElementChange(e){W.value=e},triggerElement:G,onTriggerElementChange(e){G.value=e},popupElement:K,onPopupElementChange(e){K.value=e},highlightedElement:q,onResetSearchTerm:J.on,filterSearch:Y,allItems:X,allGroups:Z,filterState:$}),T({filtered:$,highlightedElement:q,highlightItem:e=>{F.value?.highlightItem(e)},highlightFirstItem:()=>{F.value?.highlightFirstItem()},highlightSelected:e=>F.value?.highlightSelected(e)}),(e,t)=>(g(),l(y(o),{dir:y(R)},{default:C(()=>[u(y(s),p({ref_key:`listboxElement`,ref:F},y(A),{modelValue:y(j),"onUpdate:modelValue":t[0]||=e=>f(j)?j.value=e:null,"data-soybean-combobox-root":``,dir:y(R),multiple:d.multiple,name:d.name,required:d.required,disabled:d.disabled,"highlight-on-hover":d.highlightOnHover,onHighlight:t[1]||=e=>O(`highlight`,e)}),{default:C(()=>[_(e.$slots,`default`,{open:y(L),modelValue:y(j)})]),_:3},16,[`modelValue`,`dir`,`multiple`,`name`,`required`,`disabled`,`highlight-on-hover`])]),_:3},8,[`dir`]))}});export{T as default};

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

@@ -1,8 +1,8 @@
 import { CollectionItemData } from "../../composables/use-collection.js";
-import "../../composables/index.js";
 import { ListboxCollectionItemData } from "../listbox/types.js";
 import { ComboboxRootProps } from "./types.js";
 import "../listbox/index.js";
+import "../../composables/index.js";
 //#region src/components/combobox/combobox-root.vue.d.ts
 declare const __VLS_export: <M extends boolean = false>(__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<ComboboxRootProps<M> & {

package/dist/components/combobox/combobox-separator.js

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useComboboxUi as t}from"./context.js";import{createBlock as n,defineComponent as r,mergeProps as i,openBlock as a,renderSlot as o,unref as s,withCtx as c}from"vue";const l=r({name:`ComboboxSeparator`,__name:`combobox-separator`,props:{asChild:{type:Boolean},as:{}},setup(r){let l=r,u=t(`separator`);return(t,r)=>(a(),n(s(e),i(l,{"data-soybean-combobox-separator":``,class:s(u),role:`separator`,"aria-orientation":`horizontal`}),{default:c(()=>[o(t.$slots,`default`)]),_:3},16,[`class`]))}});export{l as default};
+import{Primitive as e}from"../primitive/primitive.js";import{useComboboxUi as t}from"./context.js";import{createBlock as n,defineComponent as r,mergeProps as i,openBlock as a,renderSlot as o,unref as s,withCtx as c}from"vue";const l=r({name:`ComboboxSeparator`,__name:`combobox-separator`,props:{asChild:{type:Boolean},as:{}},setup(r){let l=r,u=t(`separator`);return(t,r)=>(a(),n(s(e),i(l,{"data-soybean-combobox-separator":``,class:s(u),role:`separator`,"aria-orientation":`horizontal`}),{default:c(()=>[o(t.$slots,`default`)]),_:3},16,[`class`]))}});export{l as default};

package/dist/components/combobox/combobox-trigger.js

@@ -1 +1 @@
-import{useExposedElement as e}from"../../composables/use-exposed-element.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{useComboboxRootContext as n,useComboboxUi as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,normalizeClass as s,onMounted as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=o({name:`ComboboxTrigger`,__name:`combobox-trigger`,props:{disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},setup(o){let p=o,{open:m,disabled:h,contentId:g,initContentId:_,onOpenChange:v,onTriggerElementChange:y}=n(`ComboboxTrigger`),[b,x]=e(y),S=r(`trigger`),C=r(`triggerIcon`);c(()=>{_()});let w=i(()=>p.disabled||h.value||!1),T=i(()=>p.as===`button`?`button`:void 0),E=()=>{w.value||v(!m.value)};return(e,n)=>(l(),a(d(t),{ref:d(x),as:o.as,"as-child":o.asChild,"data-soybean-combobox-trigger":``,class:s(d(S)),type:T.value,"aria-haspopup":`listbox`,"aria-expanded":d(m)||!1,"aria-controls":d(g)||void 0,"aria-disabled":w.value||void 0,"data-state":d(m)?`open`:`closed`,"data-disabled":w.value?``:void 0,disabled:w.value,tabindex:`-1`,onClick:E},{default:f(()=>[u(e.$slots,`default`,{triggerIconClass:d(C)})]),_:3},8,[`as`,`as-child`,`class`,`type`,`aria-expanded`,`aria-controls`,`aria-disabled`,`data-state`,`data-disabled`,`disabled`]))}});export{p as default};
+import{useExposedElement as e}from"../../composables/use-exposed-element.js";import{Primitive as t}from"../primitive/primitive.js";import{useComboboxRootContext as n,useComboboxUi as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,normalizeClass as s,onMounted as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=o({name:`ComboboxTrigger`,__name:`combobox-trigger`,props:{disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},setup(o){let p=o,{open:m,disabled:h,contentId:g,initContentId:_,onOpenChange:v,onTriggerElementChange:y}=n(`ComboboxTrigger`),[b,x]=e(y),S=r(`trigger`),C=r(`triggerIcon`);c(()=>{_()});let w=i(()=>p.disabled||h.value||!1),T=i(()=>p.as===`button`?`button`:void 0),E=()=>{w.value||v(!m.value)};return(e,n)=>(l(),a(d(t),{ref:d(x),as:o.as,"as-child":o.asChild,"data-soybean-combobox-trigger":``,class:s(d(S)),type:T.value,"aria-haspopup":`listbox`,"aria-expanded":d(m)||!1,"aria-controls":d(g)||void 0,"aria-disabled":w.value||void 0,"data-state":d(m)?`open`:`closed`,"data-disabled":w.value?``:void 0,"data-normal":w.value?void 0:``,disabled:w.value,tabindex:`-1`,onClick:E},{default:f(()=>[u(e.$slots,`default`,{triggerIconClass:d(C)})]),_:3},8,[`as`,`as-child`,`class`,`type`,`aria-expanded`,`aria-controls`,`aria-disabled`,`data-state`,`data-disabled`,`data-normal`,`disabled`]))}});export{p as default};

package/dist/components/combobox/combobox-value.js

@@ -0,0 +1 @@
+import{Primitive as e}from"../primitive/primitive.js";import{getSelectedLabels as t}from"./shared.js";import{useComboboxRootContext as n,useComboboxUi as r}from"./context.js";import{computed as i,createBlock as a,createTextVNode as o,defineComponent as s,normalizeClass as c,openBlock as l,renderSlot as u,toDisplayString as d,unref as f,withCtx as p}from"vue";const m=s({name:`ComboboxValue`,__name:`combobox-value`,props:{items:{default:()=>[]},placeholder:{default:``},separator:{default:`, `},asChild:{type:Boolean,default:!1},as:{default:`span`}},setup(s){let m=s,{modelValue:h}=n(`ComboboxValue`),g=r(`value`),_=i(()=>t(h.value,m.items)),v=i(()=>_.value.length?_.value.join(m.separator):m.placeholder);return(t,n)=>(l(),a(f(e),{as:s.as,"as-child":s.asChild,"data-soybean-combobox-value":``,class:c(f(g)),"data-placeholder":_.value.length?void 0:``},{default:p(()=>[u(t.$slots,`default`,{modelValue:f(h),selectedLabels:_.value},()=>[o(d(v.value),1)])]),_:3},8,[`as`,`as-child`,`class`,`data-placeholder`]))}});export{m as default};

package/dist/components/combobox/combobox-value.vue.d.ts

@@ -0,0 +1,29 @@
+import { MaybeArray } from "../../types/common.js";
+import { AsTag } from "../primitive/types.js";
+import "../primitive/index.js";
+import { ComboboxOptionData, ComboboxValueProps } from "./types.js";
+import "../../index.js";
+//#region src/components/combobox/combobox-value.vue.d.ts
+declare var __VLS_8: {
+  modelValue: MaybeArray<string>;
+  selectedLabels: string[];
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ComboboxValueProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ComboboxValueProps> & Readonly<{}>, {
+  separator: string;
+  placeholder: string;
+  asChild: boolean;
+  as: AsTag | import("vue").Component;
+  items: ComboboxOptionData[];
+}, {}, {}, {}, string, import("vue").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 as default };

package/dist/components/combobox/combobox-viewport.js

@@ -1 +1 @@
-import e from"../listbox/listbox-content.js";import"../listbox/index.js";import{createBlock as t,defineComponent as n,openBlock as r,renderSlot as i,unref as a,withCtx as o}from"vue";const s=n({name:`ComboboxViewport`,__name:`combobox-viewport`,props:{nonce:{}},setup(n){return(n,s)=>(r(),t(a(e),{"data-soybean-combobox-viewport":``,class:`soybean-headless-scrollbar-hidden`},{default:o(()=>[i(n.$slots,`default`)]),_:3}))}});export{s as default};
+import e from"../listbox/listbox-content.js";import{createBlock as t,defineComponent as n,openBlock as r,renderSlot as i,unref as a,withCtx as o}from"vue";const s=n({name:`ComboboxViewport`,__name:`combobox-viewport`,props:{nonce:{}},setup(n){return(n,s)=>(r(),t(a(e),{"data-soybean-combobox-viewport":``},{default:o(()=>[i(n.$slots,`default`)]),_:3}))}});export{s as default};

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

@@ -1 +1 @@
-import{useComboboxRootContext as e}from"./context.js";import t from"../listbox/listbox-virtualizer.js";import"../listbox/index.js";import{createBlock as n,defineComponent as r,guardReactiveProps as i,mergeProps as a,normalizeProps as o,onUnmounted as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=r({name:`ComboboxVirtualizer`,__name:`combobox-virtualizer`,props:{options:{},overscan:{},estimateSize:{type:[Number,Function]},textContent:{type:Function}},setup(r){let f=r,{isVirtual:p}=e(`ComboboxVirtualizer`);return p.value=!0,s(()=>{p.value=!1}),(e,r)=>(c(),n(u(t),a(f,{"data-soybean-combobox-virtualizer":``}),{default:d(t=>[l(e.$slots,`default`,o(i(t)))]),_:3},16))}});export{f as default};
+import{useComboboxRootContext as e}from"./context.js";import t from"../listbox/listbox-virtualizer.js";import{createBlock as n,defineComponent as r,guardReactiveProps as i,mergeProps as a,normalizeProps as o,onUnmounted as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=r({name:`ComboboxVirtualizer`,__name:`combobox-virtualizer`,props:{options:{},overscan:{},estimateSize:{type:[Number,Function]},textContent:{type:Function}},setup(r){let f=r,{isVirtual:p}=e(`ComboboxVirtualizer`);return p.value=!0,s(()=>{p.value=!1}),(e,r)=>(c(),n(u(t),a(f,{"data-soybean-combobox-virtualizer":``}),{default:d(t=>[l(e.$slots,`default`,o(i(t)))]),_:3},16))}});export{f as default};

package/dist/components/combobox/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 { ComboboxUiSlot } from "./types.js";
 import "../../index.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/index.js";
 import { ComputedRef } from "vue";
 //#region src/components/combobox/context.d.ts
 declare const provideComboboxUi: (ui: ComputedRef<Partial<UiClass<ComboboxUiSlot>>>) => ComputedRef<Partial<UiClass<ComboboxUiSlot>>>, useComboboxUi: UseUiConsumer<ComboboxUiSlot>;

package/dist/components/combobox/context.js

@@ -1 +1 @@
-import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{provideListboxUi as n}from"../listbox/context.js";import{providePopperUi as r}from"../popper/context.js";import{computed as i}from"vue";const[a,o]=e(`ComboboxRoot`),[s,c]=e(`ComboboxContent`),[l,u]=t(`ComboboxUi`,e=>{let t=i(()=>({...e.value,content:e.value?.viewport,filterRoot:e.value?.inputRoot,filterControl:e.value?.inputControl}));return r(e),n(t),e});export{s as provideComboboxContentContext,a as provideComboboxRootContext,l as provideComboboxUi,c as useComboboxContentContext,o as useComboboxRootContext,u as useComboboxUi};
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import{providePopperUi as n}from"../popper/context.js";import{provideListboxUi as r}from"../listbox/context.js";import{computed as i}from"vue";const[a,o]=e(`ComboboxRoot`),[s,c]=e(`ComboboxContent`),[l,u]=t(`ComboboxUi`,e=>{let t=i(()=>({...e.value,content:e.value?.viewport,filterRoot:e.value?.inputRoot,filterControl:e.value?.inputControl}));return n(e),r(t),e});export{s as provideComboboxContentContext,a as provideComboboxRootContext,l as provideComboboxUi,c as useComboboxContentContext,o as useComboboxRootContext,u as useComboboxUi};

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

@@ -1,23 +1,25 @@
-import { ListboxGroupLabelProps, ListboxGroupProps, ListboxItemIndicatorProps } from "../listbox/types.js";
-import { PopperAnchorProps, PopperArrowProps } from "../popper/types.js";
+import { ListboxGroupProps } from "../listbox/types.js";
 import { PortalProps } from "../portal/types.js";
-import { ComboboxCancelProps, ComboboxCompactEmits, ComboboxCompactProps, ComboboxCompactSlots, ComboboxContentEmits, ComboboxContentProps, ComboboxEmptyProps, ComboboxGroupOptionData, ComboboxInputEmits, ComboboxInputProps, ComboboxItemEmits, ComboboxItemProps, ComboboxOptionData, ComboboxRootEmits, ComboboxRootProps, ComboboxSeparatorProps, ComboboxSingleOptionData, ComboboxTriggerProps, ComboboxUi, ComboboxUiSlot, ComboboxViewportProps, ComboboxVirtualizerProps } from "./types.js";
-import _default$7 from "../listbox/listbox-group-label.vue.js";
-import _default$10 from "../listbox/listbox-item-indicator.vue.js";
-import _default$3 from "./combobox-compact.vue.js";
-import _default$12 from "./combobox-root.vue.js";
-import _default from "../popper/popper-anchor.vue.js";
-import _default$14 from "./combobox-trigger.vue.js";
-import _default$11 from "../portal/portal.vue.js";
-import _default$15 from "./combobox-viewport.vue.js";
-import _default$4 from "./combobox-content.vue.js";
+import _default$12 from "../portal/portal.vue.js";
+import { PopperArrowProps } from "../popper/types.js";
+import { ComboboxAnchorProps, ComboboxCancelProps, ComboboxClearProps, ComboboxCompactEmits, ComboboxCompactProps, ComboboxCompactSlots, ComboboxContentEmits, ComboboxContentProps, ComboboxEmptyProps, ComboboxGroupLabelProps, ComboboxGroupOptionData, ComboboxInputEmits, ComboboxInputProps, ComboboxItemEmits, ComboboxItemIndicatorProps, ComboboxItemProps, ComboboxOptionData, ComboboxRootEmits, ComboboxRootProps, ComboboxSeparatorProps, ComboboxSingleOptionData, ComboboxTriggerProps, ComboboxUi, ComboboxUiSlot, ComboboxValueProps, ComboboxViewportProps, ComboboxVirtualizerProps } from "./types.js";
+import _default$4 from "./combobox-compact.vue.js";
+import _default$13 from "./combobox-root.vue.js";
+import _default from "./combobox-anchor.vue.js";
+import _default$15 from "./combobox-trigger.vue.js";
+import _default$17 from "./combobox-viewport.vue.js";
+import _default$5 from "./combobox-content.vue.js";
 import _default$2 from "./combobox-cancel.vue.js";
+import _default$3 from "./combobox-clear.vue.js";
+import _default$16 from "./combobox-value.vue.js";
 import _default$1 from "./combobox-arrow.vue.js";
-import _default$6 from "./combobox-group.vue.js";
-import _default$8 from "./combobox-input.vue.js";
-import _default$9 from "./combobox-item.vue.js";
-import _default$5 from "./combobox-empty.vue.js";
-import _default$13 from "./combobox-separator.vue.js";
-import _default$16 from "./combobox-virtualizer.vue.js";
+import _default$7 from "./combobox-group.vue.js";
+import _default$8 from "./combobox-group-label.vue.js";
+import _default$9 from "./combobox-input.vue.js";
+import _default$10 from "./combobox-item.vue.js";
+import _default$11 from "./combobox-item-indicator.vue.js";
+import _default$6 from "./combobox-empty.vue.js";
+import _default$14 from "./combobox-separator.vue.js";
+import _default$18 from "./combobox-virtualizer.vue.js";
 import { provideComboboxUi } from "./context.js";
-export { _default as ComboboxAnchor, type PopperAnchorProps as ComboboxAnchorProps, _default$1 as ComboboxArrow, type PopperArrowProps as ComboboxArrowProps, _default$2 as ComboboxCancel, type ComboboxCancelProps, _default$3 as ComboboxCompact, type ComboboxCompactEmits, type ComboboxCompactProps, type ComboboxCompactSlots, _default$4 as ComboboxContent, type ComboboxContentEmits, type ComboboxContentProps, _default$5 as ComboboxEmpty, type ComboboxEmptyProps, _default$6 as ComboboxGroup, _default$7 as ComboboxGroupLabel, type ListboxGroupLabelProps as ComboboxGroupLabelProps, type ComboboxGroupOptionData, type ListboxGroupProps as ComboboxGroupProps, _default$8 as ComboboxInput, type ComboboxInputEmits, type ComboboxInputProps, _default$9 as ComboboxItem, type ComboboxItemEmits, _default$10 as ComboboxItemIndicator, type ListboxItemIndicatorProps as ComboboxItemIndicatorProps, type ComboboxItemProps, type ComboboxOptionData, _default$11 as ComboboxPortal, type PortalProps as ComboboxPortalProps, _default$12 as ComboboxRoot, type ComboboxRootEmits, type ComboboxRootProps, _default$13 as ComboboxSeparator, type ComboboxSeparatorProps, type ComboboxSingleOptionData, _default$14 as ComboboxTrigger, type ComboboxTriggerProps, type ComboboxUi, type ComboboxUiSlot, _default$15 as ComboboxViewport, type ComboboxViewportProps, _default$16 as ComboboxVirtualizer, type ComboboxVirtualizerProps, provideComboboxUi };
+export { _default as ComboboxAnchor, type ComboboxAnchorProps, _default$1 as ComboboxArrow, type PopperArrowProps as ComboboxArrowProps, _default$2 as ComboboxCancel, type ComboboxCancelProps, _default$3 as ComboboxClear, type ComboboxClearProps, _default$4 as ComboboxCompact, type ComboboxCompactEmits, type ComboboxCompactProps, type ComboboxCompactSlots, _default$5 as ComboboxContent, type ComboboxContentEmits, type ComboboxContentProps, _default$6 as ComboboxEmpty, type ComboboxEmptyProps, _default$7 as ComboboxGroup, _default$8 as ComboboxGroupLabel, type ComboboxGroupLabelProps, type ComboboxGroupOptionData, type ListboxGroupProps as ComboboxGroupProps, _default$9 as ComboboxInput, type ComboboxInputEmits, type ComboboxInputProps, _default$10 as ComboboxItem, type ComboboxItemEmits, _default$11 as ComboboxItemIndicator, type ComboboxItemIndicatorProps, type ComboboxItemProps, type ComboboxOptionData, _default$12 as ComboboxPortal, type PortalProps as ComboboxPortalProps, _default$13 as ComboboxRoot, type ComboboxRootEmits, type ComboboxRootProps, _default$14 as ComboboxSeparator, type ComboboxSeparatorProps, type ComboboxSingleOptionData, _default$15 as ComboboxTrigger, type ComboboxTriggerProps, type ComboboxUi, type ComboboxUiSlot, _default$16 as ComboboxValue, type ComboboxValueProps, _default$17 as ComboboxViewport, type ComboboxViewportProps, _default$18 as ComboboxVirtualizer, type ComboboxVirtualizerProps, provideComboboxUi };

package/dist/components/combobox/index.js

@@ -1 +1 @@
-import e from"../listbox/listbox-group-label.js";import t from"../listbox/listbox-item-indicator.js";import n from"../popper/popper-anchor.js";import r from"../portal/portal.js";import{provideComboboxUi as i}from"./context.js";import a from"./combobox-cancel.js";import o from"./combobox-content.js";import s from"./combobox-empty.js";import c from"./combobox-group.js";import l from"./combobox-input.js";import u from"./combobox-item.js";import d from"./combobox-root.js";import f from"./combobox-separator.js";import p from"./combobox-trigger.js";import m from"./combobox-viewport.js";import h from"./combobox-compact.js";import g from"./combobox-arrow.js";import _ from"./combobox-virtualizer.js";export{n as ComboboxAnchor,g as ComboboxArrow,a as ComboboxCancel,h as ComboboxCompact,o as ComboboxContent,s as ComboboxEmpty,c as ComboboxGroup,e as ComboboxGroupLabel,l as ComboboxInput,u as ComboboxItem,t as ComboboxItemIndicator,r as ComboboxPortal,d as ComboboxRoot,f as ComboboxSeparator,p as ComboboxTrigger,m as ComboboxViewport,_ as ComboboxVirtualizer,i as provideComboboxUi};
+import e from"../portal/portal.js";import t from"./combobox-anchor.js";import{provideComboboxUi as n}from"./context.js";import r from"./combobox-cancel.js";import i from"./combobox-clear.js";import a from"./combobox-content.js";import o from"./combobox-empty.js";import s from"./combobox-group-label.js";import c from"./combobox-group.js";import l from"./combobox-input.js";import u from"./combobox-item-indicator.js";import d from"./combobox-item.js";import f from"./combobox-root.js";import p from"./combobox-separator.js";import m from"./combobox-trigger.js";import h from"./combobox-value.js";import g from"./combobox-viewport.js";import _ from"./combobox-compact.js";import v from"./combobox-arrow.js";import y from"./combobox-virtualizer.js";export{t as ComboboxAnchor,v as ComboboxArrow,r as ComboboxCancel,i as ComboboxClear,_ as ComboboxCompact,a as ComboboxContent,o as ComboboxEmpty,c as ComboboxGroup,s as ComboboxGroupLabel,l as ComboboxInput,d as ComboboxItem,u as ComboboxItemIndicator,e as ComboboxPortal,f as ComboboxRoot,p as ComboboxSeparator,m as ComboboxTrigger,h as ComboboxValue,g as ComboboxViewport,y as ComboboxVirtualizer,n as provideComboboxUi};