@soybeanjs/headless 0.15.0-beta.2 → 0.15.0-beta.3

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

@@ -0,0 +1,34 @@
+import { FocusOutsideEvent, PointerDownOutsideEvent, SelectEvent } from "../../types/event.js";
+import { CollectionItemData } from "../../composables/use-collection.js";
+import { ListboxCollectionItemData } from "../listbox/types.js";
+import { ComboboxCompactProps, ComboboxCompactSlots } from "./types.js";
+import * as _$vue from "vue";
+
+//#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: _$vue.PublicProps & __VLS_PrettifyLocal<ComboboxCompactProps<M> & {
+    onSelect?: ((event: SelectEvent<string>) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: M extends true ? string[] : string) => any) | undefined;
+    onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
+    onOpenAutoFocus?: ((event: Event) => any) | undefined;
+    onCloseAutoFocus?: ((event: Event) => any) | undefined;
+    onPlaced?: (() => 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:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "update:open", value: boolean) => 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);
+}>) => _$vue.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+//#endregion
+export { _default };

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

@@ -0,0 +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 o}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as s}from"../primitive/primitive.js";import"../primitive/index.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{provideComboboxContentContext as d,useComboboxRootContext as f}from"./context.js";import{computed as p,createBlock as m,createVNode as h,defineComponent as g,mergeProps as _,onMounted as v,onUnmounted as y,onWatcherCleanup as b,openBlock as x,ref as S,renderSlot as C,unref as w,useAttrs as T,watchEffect as E,withCtx as D}from"vue";const O=g({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(g,{emit:O}){let k=g,A=O,j=T(),{contentId:M,open:N,ignoreFilter:P,allItems:F,filterState:I,inputElement:L,triggerElement:R,onOpenChange:z,onPopupElementChange:B}=f(`ComboboxContentImpl`),[V,H]=n(B),{pointerEvents:U}=t(V,{disableOutsidePointerEvents:()=>k.disableOutsidePointerEvents,onEscapeKeyDown:e=>{A(`escapeKeyDown`,e)},onPointerDownOutside:e=>{A(`pointerDownOutside`,e)},onFocusOutside:e=>{A(`focusOutside`,e)},onInteractOutside:e=>{A(`interactOutside`,e)},onDismiss:()=>{z(!1)}}),{onKeydown:W}=i(V,{trapped:()=>k.trapFocus,loop:!0,onOpenAutoFocus:e=>{A(`openAutoFocus`,e)},onCloseAutoFocus:e=>{A(`closeAutoFocus`,e)}}),G=p(()=>k.position),K=o(k,[`bodyLock`,`disableOutsidePointerEvents`,`forceMount`,`hideWhenEmpty`,`popupProps`,`position`,`trapFocus`]),q=p(()=>({...j,...k.popupProps})),J=p(()=>P.value?F.value.size===0:I.value.count===0),Y=p(()=>({pointerEvents:U.value,display:k.hideWhenEmpty&&J.value?`none`:`flex`,flexDirection:`column`,outline:`none`,...G.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`}:{}}));d({position:G}),r(),a(V),E(()=>{k.bodyLock&&b(e())});let X=S(!1);return v(()=>{L.value&&V.value&&(X.value=V.value.contains(L.value),X.value&&L.value.focus())}),y(()=>{let e=document.activeElement;X.value&&(!e||e===document.body)&&R.value?.focus()}),(e,t)=>G.value===`popper`?(x(),m(w(l),_({key:0},w(K),{onPlaced:t[0]||(t[0]=e=>A(`placed`))}),{default:D(()=>[h(w(u),_({id:w(M),ref:w(H)},q.value,{"data-slot":`popup`,"data-dismissable-layer":``,"data-state":w(N)?`open`:`closed`,"data-empty":J.value?``:void 0,style:Y.value,onKeydown:w(W)}),{default:D(()=>[C(e.$slots,`default`)]),_:3},16,[`id`,`data-state`,`data-empty`,`style`,`onKeydown`])]),_:3},16)):(x(),m(w(s),_({key:1,id:w(M),ref:w(H)},q.value,{as:`div`,"data-slot":`popup`,"data-dismissable-layer":``,"data-state":w(N)?`open`:`closed`,"data-empty":J.value?``:void 0,style:Y.value,onKeydown:w(W)}),{default:D(()=>[C(e.$slots,`default`)]),_:3},16,[`id`,`data-state`,`data-empty`,`style`,`onKeydown`]))}});export{O as default};

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

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{popperCssVars as t}from"../popper/shared.js";import n from"../popper/popper-popup.js";import"../popper/index.js";import{usePopoverRootContext as r}from"../popover/context.js";import i from"../popover/popover-positioner.js";import"../popover/index.js";import{createBlock as a,createVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=s({name:`ComboboxContent`,__name:`combobox-content`,props:{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:{},forceMount:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(s,{emit:p}){let m=p,{dataState:h,popupId:g,initPopupId:_,onPopupElementChange:v}=r(`ComboboxContent`),[y,b]=e(v),x={"--soybean-combobox-content-transform-origin":`var(${t.transformOrigin})`,"--soybean-combobox-content-available-width":`var(${t.availableWidth})`,"--soybean-combobox-content-available-height":`var(${t.availableHeight})`,"--soybean-combobox-trigger-width":`var(${t.anchorWidth})`,"--soybean-combobox-trigger-height":`var(${t.anchorHeight})`};return _(),(e,t)=>(l(),a(d(i),{side:s.side,align:s.align,"side-offset":s.sideOffset,"align-offset":s.alignOffset,sticky:s.sticky,"avoid-collisions":s.avoidCollisions,"collision-boundary":s.collisionBoundary,"collision-padding":s.collisionPadding,"arrow-padding":s.arrowPadding,"prioritize-position":s.prioritizePosition,"hide-when-detached":s.hideWhenDetached,"update-position-strategy":s.updatePositionStrategy,"position-strategy":s.positionStrategy,"force-mount":s.forceMount,onCloseAutoFocus:t[0]||(t[0]=e=>m(`closeAutoFocus`,e)),onEscapeKeyDown:t[1]||(t[1]=e=>m(`escapeKeyDown`,e)),onPointerDownOutside:t[2]||(t[2]=e=>m(`pointerDownOutside`,e)),onFocusOutside:t[3]||(t[3]=e=>m(`focusOutside`,e)),onInteractOutside:t[4]||(t[4]=e=>m(`interactOutside`,e))},{default:f(()=>[o(d(n),c({id:d(g),ref:d(b),"data-dismissable-layer":``,"data-state":d(h),style:x},s.popupProps),{default:f(()=>[u(e.$slots,`default`)]),_:3},16,[`id`,`data-state`])]),_:3},8,[`side`,`align`,`side-offset`,`align-offset`,`sticky`,`avoid-collisions`,`collision-boundary`,`collision-padding`,`arrow-padding`,`prioritize-position`,`hide-when-detached`,`update-position-strategy`,`position-strategy`,`force-mount`]))}});export{p 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"../../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),f(p(y))),{default:m(()=>[u(e.$slots,`default`)]),_:3},16)):o(`v-if`,!0)}});export{h as default};

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

@@ -3,27 +3,30 @@ import { ComboboxContentProps } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/combobox/combobox-content.vue.d.ts
-declare var __VLS_20: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_20) => any;
+  default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<ComboboxContentProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  closeAutoFocus: (event: Event) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
+  closeAutoFocus: (event: Event) => any;
+  placed: () => any;
 }, string, _$vue.PublicProps, Readonly<ComboboxContentProps> & Readonly<{
-  onCloseAutoFocus?: ((event: Event) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
+  onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  onPlaced?: (() => any) | undefined;
 }>, {
   avoidCollisions: boolean;
   prioritizePosition: boolean;
+  position: "inline" | "popper";
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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,normalizeClass as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=o({name:`ComboboxEmpty`,__name:`combobox-empty`,setup(o){let{filterState:f}=t(`ComboboxEmpty`),p=n(`empty`),m=r(()=>f.value.count===0);return(t,n)=>m.value?(c(),i(u(e),{key:0,as:`div`,class:s(u(p))},{default:d(()=>[l(t.$slots,`default`)]),_:3},8,[`class`])):a(`v-if`,!0)}});export{f as default};
+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:{default:`div`}},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,{class:u(p),"data-slot":`empty`}),{default:d(()=>[l(t.$slots,`default`)]),_:3},16,[`class`])):a(`v-if`,!0)}});export{f as default};

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

@@ -1,3 +1,4 @@
+import { AsTag } from "../primitive/types.js";
 import { ComboboxEmptyProps } from "./types.js";
 import * as _$vue from "vue";
 
@@ -6,7 +7,9 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: _$vue.DefineComponent<ComboboxEmptyProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ComboboxEmptyProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<ComboboxEmptyProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ComboboxEmptyProps> & Readonly<{}>, {
+  as: AsTag | _$vue.Component;
+}, {}, {}, {}, string, _$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 & {

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

@@ -1 +1 @@
-import e from"../listbox/listbox-group-label.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:`ComboboxGroupLabel`,__name:`combobox-group-label`,setup(n){return(n,s)=>(r(),t(a(e),null,{default:o(()=>[i(n.$slots,`default`)]),_:3}))}});export{s as default};
+import e from"../listbox/listbox-group-label.js";import"../listbox/index.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-slot":`group-label`}),{default:s(()=>[a(n.$slots,`default`)]),_:3},16))}});export{c as default};

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

@@ -1 +1 @@
-import{provideListboxGroupContext as e,useListboxUi as t}from"../listbox/context.js";import{useComboboxRootContext as n}from"./context.js";import{computed as r,createCommentVNode as i,createElementBlock as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,unref as u}from"vue";const d=[`aria-labelledby`],f=o({name:`ComboboxGroup`,__name:`combobox-group`,setup(o){let{id:f}=e(),{filterSearch:p,ignoreFilter:m,filterState:h}=n(`ComboboxGroup`),g=t(`group`),_=r(()=>!p.value||m.value?!0:h.value.groups.has(f));return(e,t)=>_.value?(c(),a(`div`,{key:0,"aria-labelledby":u(f),role:`group`,class:s(u(g))},[l(e.$slots,`default`)],10,d)):i(`v-if`,!0)}});export{f as default};
+import{provideListboxGroupContext as e,useListboxUi as t}from"../listbox/context.js";import{useComboboxRootContext as n}from"./context.js";import{computed as r,createElementBlock as i,defineComponent as a,normalizeClass as o,onMounted as s,onUnmounted as c,openBlock as l,renderSlot as u,unref as d}from"vue";const f=[`aria-labelledby`,`hidden`],p=a({name:`ComboboxGroup`,__name:`combobox-group`,setup(a){let{id:p}=e(),{filterSearch:m,ignoreFilter:h,filterState:g,allGroups:_}=n(`ComboboxGroup`),v=t(`group`),y=r(()=>!m.value||h.value?!0:g.value.groups.has(p));return s(()=>{_.value.has(p)||_.value.set(p,new Set)}),c(()=>{_.value.delete(p)}),(e,t)=>(l(),i(`div`,{"aria-labelledby":d(p),role:`group`,class:o(d(v)),hidden:y.value?void 0:!0,"data-slot":`group`},[u(e.$slots,`default`)],10,f))}});export{p as default};

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

@@ -1 +1 @@
-import{useListboxRootContext as e}from"../listbox/context.js";import t from"../listbox/listbox-filter.js";import"../listbox/index.js";import{usePopoverRootContext as n}from"../popover/context.js";import{useComboboxRootContext as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,guardReactiveProps as s,isRef as c,mergeProps as l,normalizeProps as u,openBlock as d,renderSlot as f,unref as p,watch as m,withCtx as h}from"vue";const g=o({name:`ComboboxInput`,__name:`combobox-input`,props:{inputRef:{type:Function},controlProps:{},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(o,{emit:g}){let _=o,v=g,{highlightFirstItem:y}=e(`ComboboxInput`),{filterSearch:b,onInputElementChange:x,open:S}=r(`ComboboxInput`),{popupId:C}=n(`ComboboxInput`),w=i(()=>({..._.controlProps,role:`combobox`,"aria-autocomplete":`list`,autocomplete:`off`,"aria-controls":C.value,"aria-expanded":S.value||!1}));return m(S,e=>{e&&y()}),(e,n)=>(d(),a(p(t),l(_,{modelValue:p(b),"onUpdate:modelValue":[n[0]||(n[0]=e=>c(b)?b.value=e:null),n[1]||(n[1]=e=>v(`update:modelValue`,e))],"control-props":w.value,"input-ref":p(x)}),{leading:h(t=>[f(e.$slots,`leading`,u(s(t)))]),trailing:h(t=>[f(e.$slots,`trailing`,u(s(t)))]),_:3},16,[`modelValue`,`control-props`,`input-ref`]))}});export{g as default};
+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 r from"../listbox/listbox-filter.js";import"../listbox/index.js";import{useComboboxRootContext as i}from"./context.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:{},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},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,contentId:k,triggerElement:A,filterSearch:j,filterState:M,isVirtual:N,onInputElementChange:P,onOpenChange:F,onResetSearchTerm:I}=i(`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=A.value?.contains(t),r=document.getElementById(k.value)?.contains(t);!n&&!r&&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-slot":`input-control`,role:`combobox`,"aria-autocomplete":`list`,autocomplete:`off`,"aria-controls":k.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(r),u(g(R),{modelValue:g(z),"onUpdate:modelValue":t[0]||(t[0]=e=>l(z)?z.value=e:null),"data-slot":`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-input.vue.d.ts

@@ -2,15 +2,15 @@ import { ComboboxInputProps } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/combobox/combobox-input.vue.d.ts
-declare var __VLS_11: {
+declare var __VLS_9: {
     clear: () => void;
-  }, __VLS_14: {
+  }, __VLS_12: {
     clear: () => void;
   };
 type __VLS_Slots = {} & {
-  leading?: (props: typeof __VLS_11) => any;
+  leading?: (props: typeof __VLS_9) => any;
 } & {
-  trailing?: (props: typeof __VLS_14) => any;
+  trailing?: (props: typeof __VLS_12) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<ComboboxInputProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;

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

@@ -1 +1 @@
-import e from"../listbox/listbox-item-indicator.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:`ComboboxItemIndicator`,__name:`combobox-item-indicator`,props:{asChild:{type:Boolean},as:{default:`span`}},setup(n){return(s,c)=>(r(),t(a(e),{as:n.as,"as-child":n.asChild},{default:o(()=>[i(s.$slots,`default`)]),_:3},8,[`as`,`as-child`]))}});export{s as default};
+import e from"../listbox/listbox-item-indicator.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:`ComboboxItemIndicator`,__name:`combobox-item-indicator`,props:{asChild:{type:Boolean},as:{default:`span`}},setup(n){return(s,c)=>(r(),t(a(e),{as:n.as,"as-child":n.asChild,"data-slot":`item-indicator`},{default:o(()=>[i(s.$slots,`default`)]),_:3},8,[`as`,`as-child`]))}});export{s as default};

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

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

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

@@ -7,22 +7,30 @@ import * as _$vue from "vue";
 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: _$vue.PublicProps & __VLS_PrettifyLocal<ComboboxRootProps<M> & {
     "onUpdate:modelValue"?: ((value: M extends true ? string[] : string) => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    onEntryFocus?: ((event: CustomEvent<any>) => any) | undefined;
     onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
-    onLeave?: ((event: Event) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
-  expose: (exposed: {}) => void;
+  expose: (exposed: _$vue.ShallowUnwrapRef<{
+    filtered: _$vue.ComputedRef<{
+      count: number;
+      items: Map<string, number>;
+      groups: Set<string>;
+    }>;
+    highlightedElement: _$vue.ComputedRef<HTMLElement | null | undefined>;
+    highlightItem: (value: string) => void;
+    highlightFirstItem: () => void;
+    highlightSelected: (event?: Event) => Promise<void> | undefined;
+  }>) => void;
   attrs: any;
   slots: {
     default?: (props: {
-      open: boolean;
-      searchTerm: string;
+      open: boolean | undefined;
+      modelValue: (M extends true ? string[] : string) | undefined;
     }) => any;
   };
-  emit: ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "leave", event: Event) => void);
+  emit: ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "update:open", value: boolean) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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,normalizeClass as i,openBlock as a,renderSlot as o,unref as s,withCtx as c}from"vue";const l=r({name:`ComboboxSeparator`,__name:`combobox-separator`,setup(r){let l=t(`separator`);return(t,r)=>(a(),n(s(e),{as:`div`,role:`separator`,class:i(s(l))},{default:c(()=>[o(t.$slots,`default`)]),_:3},8,[`class`]))}});export{l as default};
+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,{class:s(u),role:`separator`,"aria-orientation":`horizontal`,"data-slot":`separator`}),{default:c(()=>[o(t.$slots,`default`)]),_:3},16,[`class`]))}});export{l as default};

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

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{useListboxRootContext as n}from"../listbox/context.js";import r from"../popper/popper-anchor.js";import"../popper/index.js";import{usePopoverRootContext as i}from"../popover/context.js";import{useComboboxUi as a}from"./context.js";import{computed as o,createBlock as s,createVNode as c,defineComponent as l,normalizeClass as u,openBlock as d,renderSlot as f,unref as p,withCtx as m}from"vue";const h=l({name:`ComboboxTrigger`,__name:`combobox-trigger`,props:{disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},setup(l){let h=l,{open:g,dataState:_,popupId:v,onOpenToggle:y,onTriggerElementChange:b}=i(`ComboboxTrigger`),{disabled:x}=n(`ComboboxTrigger`),[S,C]=e(b),w=a(`trigger`),T=a(`triggerIcon`),E=o(()=>h.disabled||x.value||!1),D=o(()=>h.as===`button`?`button`:void 0),O=()=>{E.value||y()};return(e,n)=>(d(),s(p(r),{"as-child":``},{default:m(()=>[c(p(t),{ref:p(C),as:l.as,"as-child":l.asChild,type:D.value,class:u(p(w)),"aria-haspopup":`listbox`,"aria-expanded":p(g)||!1,"aria-controls":p(g)?p(v):void 0,"aria-disabled":E.value||void 0,"data-state":p(_),"data-disabled":E.value?``:void 0,disabled:E.value,onClick:O},{default:m(()=>[f(e.$slots,`default`,{triggerIconClass:p(T)})]),_:3},8,[`as`,`as-child`,`type`,`class`,`aria-expanded`,`aria-controls`,`aria-disabled`,`data-state`,`data-disabled`,`disabled`])]),_:3}))}});export{h as default};
+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=i(()=>w.value?-1:p.as===`button`?void 0:0),D=()=>{w.value||v(!m.value)};return(e,n)=>(l(),a(d(t),{ref:d(x),as:o.as,"as-child":o.asChild,type:T.value,class:s(d(S)),"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:E.value,"data-slot":`trigger`,onClick:D},{default:f(()=>[u(e.$slots,`default`,{triggerIconClass:d(C)})]),_:3},8,[`as`,`as-child`,`type`,`class`,`aria-expanded`,`aria-controls`,`aria-disabled`,`data-state`,`data-disabled`,`disabled`,`tabindex`]))}});export{p as default};

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

@@ -4,11 +4,11 @@ import { ComboboxTriggerProps } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/combobox/combobox-trigger.vue.d.ts
-declare var __VLS_16: {
+declare var __VLS_10: {
   triggerIconClass: ClassValue;
 };
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_16) => any;
+  default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<ComboboxTriggerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ComboboxTriggerProps> & Readonly<{}>, {
   as: AsTag | _$vue.Component;

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

@@ -1,4 +1,4 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useNonce as t}from"../config-provider/context.js";import n from"../listbox/listbox-content.js";import"../listbox/index.js";import{Fragment as r,createElementBlock as i,createTextVNode as a,createVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,toDisplayString as d,unref as f,useAttrs as p,withCtx as m}from"vue";const h=s({name:`ComboboxViewport`,inheritAttrs:!1,__name:`combobox-viewport`,props:{nonce:{}},setup(s){let h=s,g=p(),_=t(()=>h.nonce);return(t,s)=>(l(),i(r,null,[o(f(n),c(f(g),{"data-soybean-combobox-viewport":``}),{default:m(()=>[u(t.$slots,`default`)]),_:3},16),o(f(e),{as:`style`,nonce:f(_)},{default:m(()=>[a(d(`
+import{useNonce as e}from"../config-provider/context.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import n from"../listbox/listbox-content.js";import"../listbox/index.js";import{Fragment as r,createElementBlock as i,createTextVNode as a,createVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,toDisplayString as d,unref as f,useAttrs as p,withCtx as m}from"vue";const h=s({name:`ComboboxViewport`,inheritAttrs:!1,__name:`combobox-viewport`,props:{nonce:{}},setup(s){let h=s,g=p(),_=e(()=>h.nonce);return(e,s)=>(l(),i(r,null,[o(f(n),c(f(g),{"data-slot":`viewport`,"data-soybean-combobox-viewport":``}),{default:m(()=>[u(e.$slots,`default`)]),_:3},16),o(f(t),{as:`style`,nonce:f(_)},{default:m(()=>[a(d(`
 [data-soybean-combobox-viewport] {
   scrollbar-width: none;
   -ms-overflow-style: none;

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

@@ -0,0 +1 @@
+import e from"../listbox/listbox-virtualizer.js";import"../listbox/index.js";import{useComboboxRootContext as t}from"./context.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}=t(`ComboboxVirtualizer`);return p.value=!0,s(()=>{p.value=!1}),(t,r)=>(c(),n(u(e),a(f,{"data-slot":`virtualizer`}),{default:d(e=>[l(t.$slots,`default`,o(i(e)))]),_:3},16))}});export{f as default};

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

@@ -0,0 +1,23 @@
+import { ComboboxVirtualizerProps } from "./types.js";
+import * as _$vue from "vue";
+import * as _$_tanstack_vue_virtual0 from "@tanstack/vue-virtual";
+
+//#region src/components/combobox/combobox-virtualizer.vue.d.ts
+declare var __VLS_8: {
+  option: string;
+  virtualizer: _$_tanstack_vue_virtual0.Virtualizer<HTMLElement, Element>;
+  virtualItem: _$_tanstack_vue_virtual0.VirtualItem;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<ComboboxVirtualizerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ComboboxVirtualizerProps> & Readonly<{}>, {}, {}, {}, {}, string, _$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 };

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

@@ -1,8 +1,9 @@
-import { ClassValue, UiClass } from "../../types/common.js";
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { ComboboxUiSlot } from "./types.js";
-import * as _$vue from "vue";
+import { ComputedRef } from "vue";
 
 //#region src/components/combobox/context.d.ts
-declare const provideComboboxUi: (ui: _$vue.ComputedRef<Partial<UiClass<ComboboxUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<ComboboxUiSlot>>>, useComboboxUi: <S extends ComboboxUiSlot | undefined = undefined>(slot?: S | undefined) => S extends ComboboxUiSlot ? _$vue.ComputedRef<ClassValue> : _$vue.ComputedRef<Partial<UiClass<ComboboxUiSlot>>>;
+declare const provideComboboxUi: (ui: ComputedRef<Partial<UiClass<ComboboxUiSlot>>>) => ComputedRef<Partial<UiClass<ComboboxUiSlot>>>, useComboboxUi: UseUiConsumer<ComboboxUiSlot>;
 //#endregion
 export { provideComboboxUi };

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]=t(`ComboboxUi`,e=>{let t=i(()=>({positioner:e.value?.positioner,popup:e.value?.popup})),a=i(()=>({root:``,content:e.value?.viewport,filterRoot:e.value?.inputRoot,filterControl:e.value?.inputControl,item:e.value?.item,itemIndicator:e.value?.itemIndicator,group:e.value?.group,groupLabel:e.value?.groupLabel,virtualizer:``}));return r(t),n(a),e});export{a as provideComboboxRootContext,s as provideComboboxUi,o as useComboboxRootContext,c as useComboboxUi};
+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(()=>({positioner:e.value?.positioner,popup:e.value?.popup,arrow:e.value?.arrow})),a=i(()=>({...e.value,content:e.value?.viewport,filterRoot:e.value?.inputRoot,filterControl:e.value?.inputControl}));return r(t),n(a),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,16 +1,21 @@
 import { PortalProps } from "../portal/types.js";
-import { _default as _default$7 } from "../portal/portal.vue.js";
-import { ComboboxContentEmits, ComboboxContentProps, ComboboxEmptyProps, ComboboxGroupLabelProps, ComboboxGroupProps, ComboboxInputEmits, ComboboxInputProps, ComboboxItemEmits, ComboboxItemIndicatorProps, ComboboxItemProps, ComboboxRootEmits, ComboboxRootProps, ComboboxSeparatorProps, ComboboxTriggerProps, ComboboxUi, ComboboxUiSlot, ComboboxViewportProps } from "./types.js";
-import { _default as _default$8 } from "./combobox-root.vue.js";
-import { _default as _default$10 } from "./combobox-trigger.vue.js";
-import { _default } from "./combobox-content.vue.js";
-import { _default as _default$11 } from "./combobox-viewport.vue.js";
-import { _default as _default$4 } from "./combobox-input.vue.js";
-import { _default as _default$2 } from "./combobox-group.vue.js";
-import { _default as _default$3 } from "./combobox-group-label.vue.js";
-import { _default as _default$5 } from "./combobox-item.vue.js";
-import { _default as _default$6 } from "./combobox-item-indicator.vue.js";
-import { _default as _default$1 } from "./combobox-empty.vue.js";
-import { _default as _default$9 } from "./combobox-separator.vue.js";
+import { _default as _default$11 } from "../portal/portal.vue.js";
+import { ComboboxAnchorProps, ComboboxArrowProps, ComboboxCancelProps, ComboboxCompactEmits, ComboboxCompactProps, ComboboxCompactSlots, ComboboxContentEmits, ComboboxContentProps, ComboboxEmptyProps, ComboboxGroupLabelProps, ComboboxGroupOptionData, ComboboxGroupProps, ComboboxInputEmits, ComboboxInputProps, ComboboxItemEmits, ComboboxItemIndicatorProps, ComboboxItemProps, ComboboxOptionData, ComboboxRootEmits, ComboboxRootProps, ComboboxSeparatorProps, ComboboxSingleOptionData, ComboboxTriggerProps, ComboboxUi, ComboboxUiSlot, ComboboxViewportProps, ComboboxVirtualizerProps } from "./types.js";
+import { _default as _default$12 } from "./combobox-root.vue.js";
+import { _default as _default$3 } from "./combobox-compact.vue.js";
+import { _default } from "./combobox-anchor.vue.js";
+import { _default as _default$14 } from "./combobox-trigger.vue.js";
+import { _default as _default$2 } from "./combobox-cancel.vue.js";
+import { _default as _default$4 } from "./combobox-content.vue.js";
+import { _default as _default$1 } from "./combobox-arrow.vue.js";
+import { _default as _default$15 } from "./combobox-viewport.vue.js";
+import { _default as _default$8 } from "./combobox-input.vue.js";
+import { _default as _default$6 } from "./combobox-group.vue.js";
+import { _default as _default$7 } from "./combobox-group-label.vue.js";
+import { _default as _default$9 } from "./combobox-item.vue.js";
+import { _default as _default$10 } from "./combobox-item-indicator.vue.js";
+import { _default as _default$5 } from "./combobox-empty.vue.js";
+import { _default as _default$13 } from "./combobox-separator.vue.js";
+import { _default as _default$16 } from "./combobox-virtualizer.vue.js";
 import { provideComboboxUi } from "./context.js";
-export { _default as ComboboxContent, type ComboboxContentEmits, type ComboboxContentProps, _default$1 as ComboboxEmpty, type ComboboxEmptyProps, _default$2 as ComboboxGroup, _default$3 as ComboboxGroupLabel, type ComboboxGroupLabelProps, type ComboboxGroupProps, _default$4 as ComboboxInput, type ComboboxInputEmits, type ComboboxInputProps, _default$5 as ComboboxItem, type ComboboxItemEmits, _default$6 as ComboboxItemIndicator, type ComboboxItemIndicatorProps, type ComboboxItemProps, _default$7 as ComboboxPortal, type PortalProps as ComboboxPortalProps, _default$8 as ComboboxRoot, type ComboboxRootEmits, type ComboboxRootProps, _default$9 as ComboboxSeparator, type ComboboxSeparatorProps, _default$10 as ComboboxTrigger, type ComboboxTriggerProps, type ComboboxUi, type ComboboxUiSlot, _default$11 as ComboboxViewport, type ComboboxViewportProps, provideComboboxUi };
+export { _default as ComboboxAnchor, type ComboboxAnchorProps, _default$1 as ComboboxArrow, type 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 ComboboxGroupLabelProps, type ComboboxGroupOptionData, type ComboboxGroupProps, _default$8 as ComboboxInput, type ComboboxInputEmits, type ComboboxInputProps, _default$9 as ComboboxItem, type ComboboxItemEmits, _default$10 as ComboboxItemIndicator, type 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 };

package/dist/components/combobox/index.js

@@ -1 +1 @@
-import e from"../portal/portal.js";import{provideComboboxUi as t}from"./context.js";import n from"./combobox-root.js";import r from"./combobox-trigger.js";import i from"./combobox-content.js";import a from"./combobox-viewport.js";import o from"./combobox-input.js";import s from"./combobox-group.js";import c from"./combobox-group-label.js";import l from"./combobox-item.js";import u from"./combobox-item-indicator.js";import d from"./combobox-empty.js";import f from"./combobox-separator.js";export{i as ComboboxContent,d as ComboboxEmpty,s as ComboboxGroup,c as ComboboxGroupLabel,o as ComboboxInput,l as ComboboxItem,u as ComboboxItemIndicator,e as ComboboxPortal,n as ComboboxRoot,f as ComboboxSeparator,r as ComboboxTrigger,a as ComboboxViewport,t as provideComboboxUi};
+import e from"../portal/portal.js";import{provideComboboxUi as t}from"./context.js";import n from"./combobox-root.js";import r from"./combobox-anchor.js";import i from"./combobox-cancel.js";import a from"./combobox-content.js";import o from"./combobox-empty.js";import s from"./combobox-group.js";import c from"./combobox-group-label.js";import l from"./combobox-input.js";import u from"./combobox-item.js";import d from"./combobox-item-indicator.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{r as ComboboxAnchor,g as ComboboxArrow,i as ComboboxCancel,h as ComboboxCompact,a as ComboboxContent,o as ComboboxEmpty,s as ComboboxGroup,c as ComboboxGroupLabel,l as ComboboxInput,u as ComboboxItem,d as ComboboxItemIndicator,e as ComboboxPortal,n as ComboboxRoot,f as ComboboxSeparator,p as ComboboxTrigger,m as ComboboxViewport,_ as ComboboxVirtualizer,t as provideComboboxUi};

package/dist/components/combobox/shared.js

@@ -0,0 +1 @@
+function e(e){return`items`in e}function t(t){return t.flatMap(t=>e(t)?t.items:t)}function n(e,n){let r=Array.isArray(e)?e:e?[e]:[],i=new Map;return t(n).forEach(e=>{i.set(e.value,e.label)}),r.map(e=>i.get(e)??e)}function r(e,t){return!e||Array.isArray(e)?``:n(e,t)[0]??e}export{r as getDisplayValue,n as getSelectedLabels,e as isGroupOption};

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

@@ -1,31 +1,66 @@
-import { Direction, SelectionEmits, SelectionProps, UiClass } from "../../types/common.js";
+import { IconValue } from "../_icon/types.js";
+import { MaybeArray, UiClass } from "../../types/common.js";
 import { SelectEvent } from "../../types/event.js";
-import { ForceMountProps } from "../../types/component.js";
+import { DismissableLayerEmits, DismissableLayerProps, FocusScopeEmits, ForceMountProps, TrapFocusProps } from "../../types/component.js";
 import { PrimitiveProps } from "../primitive/types.js";
-import { ListboxFilterEmits, ListboxFilterProps, ListboxRootEmits, ListboxRootProps } from "../listbox/types.js";
-import { PopoverPopupProps, PopoverPositionerEmits, PopoverPositionerProps } from "../popover/types.js";
+import { ListboxFilterEmits, ListboxFilterProps, ListboxRootEmits, ListboxRootProps, ListboxVirtualizerProps } from "../listbox/types.js";
+import { PopperAnchorProps, PopperArrowProps, PopperPopupProps, PopperPositionerEmits, PopperPositionerProps } from "../popper/types.js";
+import { PortalProps } from "../portal/types.js";
 import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
-
 //#region src/components/combobox/types.d.ts
-interface ComboboxRootProps<M extends boolean = false> extends Omit<ListboxRootProps<M>, 'orientation'>, SelectionProps<M>, /** @vue-ignore */HTMLAttributes {
+interface ComboboxRootProps<M extends boolean = false> extends Omit<ListboxRootProps<M>, 'orientation' | 'selectionBehavior'> {
+  /** The controlled open state of the Combobox. Can be bound with `v-model:open`. */
   open?: boolean;
+  /** The open state of the combobox when it is initially rendered. <br> Use when you do not need to control its open state. */
   defaultOpen?: boolean;
-  dir?: Direction;
-  ignoreFilter?: boolean;
+  /**
+   * Whether to reset the searchTerm when the Combobox input blurred
+   * @defaultValue `true`
+   */
   resetSearchTermOnBlur?: boolean;
+  /**
+   * Whether to reset the searchTerm when the Combobox value is selected
+   * @defaultValue `true`
+   */
   resetSearchTermOnSelect?: boolean;
+  /**
+   * Whether to open the combobox when the input is focused
+   * @defaultValue `false`
+   */
+  openOnFocus?: boolean;
+  /**
+   * Whether to open the combobox when the input is clicked
+   * @defaultValue `false`
+   */
+  openOnClick?: boolean;
+  /**
+   * When `true`, disable the default filters
+   */
+  ignoreFilter?: boolean;
+  /**
+   * When `true` the `modelValue` will be reset to `null` (or `[]` if `multiple`)
+   */
+  resetModelValueOnClear?: boolean;
 }
-type ComboboxRootEmits<M extends boolean = false> = ListboxRootEmits<M> & SelectionEmits<M> & {
+type ComboboxRootEmits<M extends boolean = false> = Pick<ListboxRootEmits<M>, 'update:modelValue' | 'highlight'> & {
   'update:open': [value: boolean];
 };
+interface ComboboxAnchorProps extends PopperAnchorProps {}
 interface ComboboxTriggerProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
   disabled?: boolean;
 }
-interface ComboboxContentProps extends PopoverPositionerProps, ForceMountProps {
-  popupProps?: PopoverPopupProps;
+interface ComboboxContentImplProps extends PopperPositionerProps, TrapFocusProps, DismissableLayerProps, ForceMountProps {
+  position?: 'inline' | 'popper';
+  bodyLock?: boolean;
+  hideWhenEmpty?: boolean;
+  popupProps?: PopperPopupProps;
+}
+type ComboboxContentImplEmits = DismissableLayerEmits & FocusScopeEmits & PopperPositionerEmits;
+interface ComboboxContentProps extends ComboboxContentImplProps {}
+type ComboboxContentEmits = ComboboxContentImplEmits;
+interface ComboboxInputProps extends ListboxFilterProps {
+  displayValue?: (value: MaybeArray<string> | undefined) => string;
 }
-type ComboboxContentEmits = PopoverPositionerEmits;
-interface ComboboxInputProps extends Omit<ListboxFilterProps, 'modelValue' | 'defaultValue'> {}
 type ComboboxInputEmits = ListboxFilterEmits;
 interface ComboboxViewportProps extends /** @vue-ignore */HTMLAttributes {
   nonce?: string;
@@ -41,9 +76,74 @@ type ComboboxItemEmits = {
   select: [event: SelectEvent<string>];
 };
 interface ComboboxItemIndicatorProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
-interface ComboboxEmptyProps extends /** @vue-ignore */HTMLAttributes {}
-interface ComboboxSeparatorProps extends /** @vue-ignore */HTMLAttributes {}
-type ComboboxUiSlot = 'trigger' | 'triggerIcon' | 'positioner' | 'popup' | 'viewport' | 'inputRoot' | 'inputControl' | 'group' | 'groupLabel' | 'item' | 'itemIndicator' | 'empty' | 'separator';
+interface ComboboxEmptyProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface ComboboxSeparatorProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface ComboboxCancelProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+  disabled?: boolean;
+}
+interface ComboboxArrowProps extends PopperArrowProps {}
+interface ComboboxVirtualizerProps extends ListboxVirtualizerProps {}
+interface ComboboxSingleOptionData extends Pick<ComboboxItemProps, 'disabled' | 'textValue'> {
+  value: string;
+  icon?: IconValue;
+  label: string;
+  separator?: boolean;
+}
+interface ComboboxGroupOptionData extends Pick<ComboboxSingleOptionData, 'label' | 'separator'> {
+  items: ComboboxSingleOptionData[];
+}
+type ComboboxOptionData = ComboboxSingleOptionData | ComboboxGroupOptionData;
+interface ComboboxCompactProps<M extends boolean = false> extends ComboboxRootProps<M> {
+  items: ComboboxOptionData[];
+  placeholder?: string;
+  searchPlaceholder?: string;
+  clearLabel?: string;
+  emptyLabel?: string;
+  anchorProps?: ComboboxAnchorProps;
+  triggerProps?: ComboboxTriggerProps;
+  cancelProps?: ComboboxCancelProps;
+  portalProps?: PortalProps;
+  contentProps?: ComboboxContentProps;
+  viewportProps?: ComboboxViewportProps;
+  inputProps?: ComboboxInputProps;
+  emptyProps?: ComboboxEmptyProps;
+  groupProps?: ComboboxGroupProps;
+  groupLabelProps?: ComboboxGroupLabelProps;
+  itemProps?: ComboboxItemProps;
+  itemIndicatorProps?: ComboboxItemIndicatorProps;
+  separatorProps?: ComboboxSeparatorProps;
+}
+type ComboboxCompactEmits<M extends boolean = false> = ComboboxRootEmits<M> & ComboboxContentEmits & ComboboxItemEmits;
+type ComboboxCompactModelValue<M extends boolean = false> = (M extends true ? string[] : string) | undefined;
+interface ComboboxCompactTriggerValueSlotProps<M extends boolean = false> {
+  modelValue: ComboboxCompactModelValue<M>;
+  selectedLabels: string[];
+  slotText: string | undefined;
+}
+interface ComboboxCompactInputSlotProps {
+  clear: () => void;
+}
+interface ComboboxCompactGroupLabelSlotProps {
+  item: ComboboxGroupOptionData;
+}
+interface ComboboxCompactItemSlotProps {
+  item: ComboboxSingleOptionData;
+}
+type ComboboxCompactSlots<M extends boolean = false> = {
+  'trigger-leading'?: () => any;
+  'trigger-value'?: (props: ComboboxCompactTriggerValueSlotProps<M>) => any;
+  'trigger-trailing'?: () => any;
+  'trigger-icon'?: () => any;
+  'input-leading'?: (props: ComboboxCompactInputSlotProps) => any;
+  'input-trailing'?: (props: ComboboxCompactInputSlotProps) => any;
+  empty?: () => any;
+  'group-label'?: (props: ComboboxCompactGroupLabelSlotProps) => any;
+  'item-leading'?: (props: ComboboxCompactItemSlotProps) => any;
+  'item-text'?: (props: ComboboxCompactItemSlotProps) => any;
+  'item-trailing'?: (props: ComboboxCompactItemSlotProps) => any;
+  'item-indicator'?: (props: ComboboxCompactItemSlotProps) => any;
+};
+type ComboboxUiSlot = 'root' | 'anchor' | 'trigger' | 'triggerIcon' | 'cancel' | 'positioner' | 'popup' | 'arrow' | 'viewport' | 'inputRoot' | 'inputControl' | 'group' | 'groupLabel' | 'item' | 'itemIndicator' | 'empty' | 'separator' | 'virtualizer';
 type ComboboxUi = UiClass<ComboboxUiSlot>;
 //#endregion
-export { ComboboxContentEmits, ComboboxContentProps, ComboboxEmptyProps, ComboboxGroupLabelProps, ComboboxGroupProps, ComboboxInputEmits, ComboboxInputProps, ComboboxItemEmits, ComboboxItemIndicatorProps, ComboboxItemProps, ComboboxRootEmits, ComboboxRootProps, ComboboxSeparatorProps, ComboboxTriggerProps, ComboboxUi, ComboboxUiSlot, ComboboxViewportProps };
+export { ComboboxAnchorProps, ComboboxArrowProps, ComboboxCancelProps, ComboboxCompactEmits, ComboboxCompactProps, ComboboxCompactSlots, ComboboxContentEmits, ComboboxContentProps, ComboboxEmptyProps, ComboboxGroupLabelProps, ComboboxGroupOptionData, ComboboxGroupProps, ComboboxInputEmits, ComboboxInputProps, ComboboxItemEmits, ComboboxItemIndicatorProps, ComboboxItemProps, ComboboxOptionData, ComboboxRootEmits, ComboboxRootProps, ComboboxSeparatorProps, ComboboxSingleOptionData, ComboboxTriggerProps, ComboboxUi, ComboboxUiSlot, ComboboxViewportProps, ComboboxVirtualizerProps };

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

@@ -0,0 +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 n from"../_icon/icon.js";import r from"../listbox/listbox-root.js";import i from"../listbox/listbox-content.js";import a from"../listbox/listbox-group.js";import o from"../listbox/listbox-group-label.js";import s from"../listbox/listbox-item.js";import c from"../listbox/listbox-filter.js";import"../listbox/index.js";import l from"../separator/separator-root.js";import u from"../kbd/kbd.js";import{useCommandUi as d}from"./context.js";import{getCommandItemOptions as f,getCommandSearchOptions as p,isGroupOption as m}from"./shared.js";import{Fragment as h,computed as g,createBlock as _,createCommentVNode as v,createElementBlock as y,createElementVNode as b,createTextVNode as x,createVNode as S,defineComponent as C,guardReactiveProps as w,isRef as T,mergeProps as E,normalizeClass as D,normalizeProps as O,openBlock as k,renderList as A,renderSlot as j,toDisplayString as M,unref as N,withCtx as P}from"vue";import{useFuse as F}from"@vueuse/integrations/useFuse";import{defu as I}from"defu";const L=C({name:`CommandCompact`,__name:`command-compact`,props:{items:{},placeholder:{},searchTerm:{},clearable:{type:Boolean},fuseOptions:{},listProps:{},itemProps:{},itemLabelProps:{},groupProps:{},groupLabelProps:{},shortcutProps:{},separatorProps:{},inputProps:{},emptyProps:{},emptyLabel:{default:`No results found.`},orientation:{},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},selectionBehavior:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`entryFocus`,`leave`,`select`,`update:searchTerm`],setup(C,{emit:L}){let R=C,z=L,B=t(R,[`items`,`placeholder`,`searchTerm`,`fuseOptions`,`emptyLabel`,`listProps`,`itemProps`,`itemLabelProps`,`groupProps`,`groupLabelProps`,`shortcutProps`,`separatorProps`,`inputProps`,`emptyProps`]),V=e(()=>R.searchTerm,e=>{z(`update:searchTerm`,e??``)},R.inputProps?.defaultValue||``),H=g(()=>I(R.fuseOptions,{fuseOptions:{ignoreLocation:!0,threshold:.1,keys:[`label`,`groupLabel`]},resultLimit:12,matchAllWhenSearchEmpty:!0})),{results:U}=F(V,g(()=>p(R.items)),H),W=g(()=>f(U.value.map(e=>e.item))),G=g(()=>({...R.inputProps,placeholder:R.placeholder??R.inputProps?.placeholder})),K=g(()=>({...R.listProps,"aria-label":R.listProps?.[`aria-label`]??R.placeholder??`Commands`})),q=d(),J=e=>m(e)?`group-${e.value}`:`item-${e.value}`;return(e,t)=>(k(),_(N(r),E(N(B),{"onUpdate:modelValue":t[3]||(t[3]=e=>z(`update:modelValue`,e)),onHighlight:t[4]||(t[4]=e=>z(`highlight`,e)),onEntryFocus:t[5]||(t[5]=e=>z(`entryFocus`,e)),onLeave:t[6]||(t[6]=e=>z(`leave`,e))}),{default:P(()=>[S(N(c),E(G.value,{modelValue:N(V),"onUpdate:modelValue":t[0]||(t[0]=e=>T(V)?V.value=e:null),autofocus:``}),{leading:P(({clear:t})=>[j(e.$slots,`input-leading`,{clear:t},()=>[S(n,{icon:`lucide:search`})])]),trailing:P(({clear:t})=>[C.clearable?(k(),_(n,{key:0,icon:`lucide:x`,class:D(N(q).inputClearable),onClick:t},null,8,[`class`,`onClick`])):v(`v-if`,!0),j(e.$slots,`input-trailing`,{clear:t})]),_:3},16,[`modelValue`]),S(N(i),O(w(K.value)),{default:P(()=>[W.value.length?v(`v-if`,!0):(k(),y(`div`,E({key:0},C.emptyProps,{class:N(q).empty}),[j(e.$slots,`empty`,{},()=>[x(M(C.emptyLabel),1)])],16)),(k(!0),y(h,null,A(W.value,r=>(k(),y(h,{key:J(r)},[N(m)(r)?(k(),y(h,{key:0},[S(N(a),E({ref_for:!0},C.groupProps),{default:P(()=>[S(N(o),E({ref_for:!0},C.groupLabelProps),{default:P(()=>[x(M(r.label),1)]),_:2},1040),(k(!0),y(h,null,A(r.items,r=>(k(),_(N(s),E({key:String(r.value)},{ref_for:!0},C.itemProps,{value:r.value,disabled:r.disabled,onSelect:t[1]||(t[1]=e=>z(`select`,e))}),{default:P(()=>[j(e.$slots,`item-leading`,{item:r},()=>[r.icon?(k(),_(n,{key:0,icon:r.icon},null,8,[`icon`])):v(`v-if`,!0)]),b(`span`,E({class:N(q).itemLabel},{ref_for:!0},C.itemLabelProps),[j(e.$slots,`item-label`,{item:r},()=>[x(M(r.label),1)])],16),j(e.$slots,`item-trailing`,{item:r}),r.shortcut?(k(),_(u,E({key:0,ref_for:!0},C.shortcutProps,{value:r.shortcut,class:N(q).shortcut}),null,16,[`value`,`class`])):v(`v-if`,!0)]),_:2},1040,[`value`,`disabled`]))),128))]),_:2},1040),r.separator?(k(),_(l,E({key:0,ref_for:!0},C.separatorProps,{decorative:``,class:N(q).separator}),null,16,[`class`])):v(`v-if`,!0)],64)):(k(),y(h,{key:1},[S(N(s),E({ref_for:!0},C.itemProps,{value:r.value,disabled:r.disabled,onSelect:t[2]||(t[2]=e=>z(`select`,e))}),{default:P(()=>[j(e.$slots,`item-leading`,{item:r},()=>[r.icon?(k(),_(n,{key:0,icon:r.icon},null,8,[`icon`])):v(`v-if`,!0)]),b(`span`,E({class:N(q).itemLabel},{ref_for:!0},C.itemLabelProps),[j(e.$slots,`item-label`,{item:r},()=>[x(M(r.label),1)])],16),j(e.$slots,`item-trailing`,{item:r}),r.shortcut?(k(),_(u,E({key:0,ref_for:!0},C.shortcutProps,{value:r.shortcut,class:N(q).shortcut}),null,16,[`value`,`class`])):v(`v-if`,!0)]),_:2},1040,[`value`,`disabled`]),r.separator?(k(),_(l,E({key:0,ref_for:!0},C.separatorProps,{decorative:``,class:N(q).separator}),null,16,[`class`])):v(`v-if`,!0)],64))],64))),128))]),_:3},16),j(e.$slots,`bottom`)]),_:3},16))}});export{L as default};