@soybeanjs/headless 0.17.0 → 0.19.0

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 o}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as s}from"../primitive/primitive.js";import"../primitive/index.js";import{provideComboboxContentContext as c,useComboboxRootContext as l}from"./context.js";import{popperCssVars as u}from"../popper/shared.js";import d from"../popper/popper-positioner.js";import f from"../popper/popper-popup.js";import"../popper/index.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,parentElement:L,inputElement:R,triggerElement:z,onOpenChange:B,onPopupElementChange:V}=l(`ComboboxContentImpl`),[H,U]=n(V),{pointerEvents:W}=t(H,{disableOutsidePointerEvents:()=>k.disableOutsidePointerEvents,onEscapeKeyDown:e=>{A(`escapeKeyDown`,e)},onPointerDownOutside:e=>{L.value?.contains(e.target)&&e.preventDefault(),A(`pointerDownOutside`,e)},onFocusOutside:e=>{L.value?.contains(e.target)&&e.preventDefault(),A(`focusOutside`,e)},onInteractOutside:e=>{A(`interactOutside`,e)},onDismiss:()=>{B(!1)}}),{onKeydown:G}=i(H,{trapped:()=>k.trapFocus,loop:!0,onOpenAutoFocus:e=>{A(`openAutoFocus`,e),e.preventDefault()},onCloseAutoFocus:e=>{A(`closeAutoFocus`,e),e.preventDefault()}}),K=p(()=>k.position),q=o(k,[`bodyLock`,`disableOutsidePointerEvents`,`forceMount`,`hideWhenEmpty`,`popupProps`,`position`,`trapFocus`]),J=p(()=>({...j,...k.popupProps})),Y=p(()=>P.value?F.value.size===0:I.value.count===0),X=p(()=>({pointerEvents:W.value,display:k.hideWhenEmpty&&Y.value?`none`:`flex`,flexDirection:`column`,outline:`none`,...K.value===`popper`?{"--soybean-combobox-content-transform-origin":`var(${u.transformOrigin})`,"--soybean-combobox-content-available-width":`var(${u.availableWidth})`,"--soybean-combobox-content-available-height":`var(${u.availableHeight})`,"--soybean-combobox-trigger-width":`var(${u.anchorWidth})`,"--soybean-combobox-trigger-height":`var(${u.anchorHeight})`,boxSizing:`border-box`}:{}}));c({position:K}),r(),a(()=>[L.value,H.value],N),E(()=>{k.bodyLock&&b(e())});let Z=S(!1);return v(()=>{R.value&&H.value&&(Z.value=H.value.contains(R.value),Z.value&&R.value.focus())}),y(()=>{let e=document.activeElement;Z.value&&(!e||e===document.body)&&z.value?.focus()}),(e,t)=>K.value===`popper`?(x(),m(w(d),_({key:0},w(q),{onPlaced:t[0]||(t[0]=e=>A(`placed`))}),{default:D(()=>[h(w(f),_({id:w(M),ref:w(U)},J.value,{"data-slot":`popup`,"data-dismissable-layer":``,"data-state":w(N)?`open`:`closed`,"data-empty":Y.value?``:void 0,style:X.value,onKeydown:w(G)}),{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(U)},J.value,{as:`div`,"data-slot":`popup`,"data-dismissable-layer":``,"data-state":w(N)?`open`:`closed`,"data-empty":Y.value?``:void 0,style:X.value,onKeydown:w(G)}),{default:D(()=>[C(e.$slots,`default`)]),_:3},16,[`id`,`data-state`,`data-empty`,`style`,`onKeydown`]))}});export{O 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 o}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as s}from"../primitive/primitive.js";import"../primitive/index.js";import{provideComboboxContentContext as c,useComboboxRootContext as l}from"./context.js";import{popperCssVars as u}from"../popper/shared.js";import d from"../popper/popper-positioner.js";import f from"../popper/popper-popup.js";import"../popper/index.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,parentElement:L,inputElement:R,triggerElement:z,onOpenChange:B,onPopupElementChange:V}=l(`ComboboxContentImpl`),[H,U]=n(V),{pointerEvents:W}=t(H,{disableOutsidePointerEvents:()=>k.disableOutsidePointerEvents,onEscapeKeyDown:e=>{A(`escapeKeyDown`,e)},onPointerDownOutside:e=>{L.value?.contains(e.target)&&e.preventDefault(),A(`pointerDownOutside`,e)},onFocusOutside:e=>{L.value?.contains(e.target)&&e.preventDefault(),A(`focusOutside`,e)},onInteractOutside:e=>{A(`interactOutside`,e)},onDismiss:()=>{B(!1)}}),{onKeydown:G}=i(H,{trapped:()=>k.trapFocus,loop:!0,onOpenAutoFocus:e=>{A(`openAutoFocus`,e),e.preventDefault()},onCloseAutoFocus:e=>{A(`closeAutoFocus`,e),e.preventDefault()}}),K=p(()=>k.position),q=o(k,[`bodyLock`,`disableOutsidePointerEvents`,`forceMount`,`hideWhenEmpty`,`popupProps`,`position`,`trapFocus`]),J=p(()=>({...j,...k.popupProps})),Y=p(()=>P.value?F.value.size===0:I.value.count===0),X=p(()=>({pointerEvents:W.value,display:k.hideWhenEmpty&&Y.value?`none`:`flex`,flexDirection:`column`,outline:`none`,...K.value===`popper`?{"--soybean-combobox-content-transform-origin":`var(${u.transformOrigin})`,"--soybean-combobox-content-available-width":`var(${u.availableWidth})`,"--soybean-combobox-content-available-height":`var(${u.availableHeight})`,"--soybean-combobox-trigger-width":`var(${u.anchorWidth})`,"--soybean-combobox-trigger-height":`var(${u.anchorHeight})`,boxSizing:`border-box`}:{}}));c({position:K}),r(),a(()=>[L.value,H.value],N),E(()=>{k.bodyLock&&b(e())});let Z=S(!1);return v(()=>{R.value&&H.value&&(Z.value=H.value.contains(R.value),Z.value&&R.value.focus())}),y(()=>{let e=document.activeElement;Z.value&&(!e||e===document.body)&&z.value?.focus()}),(e,t)=>K.value===`popper`?(x(),m(w(d),_({key:0},w(q),{onPlaced:t[0]||(t[0]=e=>A(`placed`))}),{default:D(()=>[h(w(f),_({id:w(M),ref:w(U)},J.value,{"data-dismissable-layer":``,"data-state":w(N)?`open`:`closed`,"data-empty":Y.value?``:void 0,style:X.value,onKeydown:w(G)}),{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(U)},J.value,{as:`div`,"data-dismissable-layer":``,"data-state":w(N)?`open`:`closed`,"data-empty":Y.value?``:void 0,style:X.value,onKeydown:w(G)}),{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{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};
+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};

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

@@ -24,9 +24,9 @@ declare const __VLS_base: _$vue.DefineComponent<ComboboxContentProps, {}, {}, {}
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
   onPlaced?: (() => any) | undefined;
 }>, {
-  position: "inline" | "popper";
   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,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};
+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};

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

@@ -1,4 +1,3 @@
-import { AsTag } from "../primitive/types.js";
 import { ComboboxEmptyProps } from "./types.js";
 import * as _$vue from "vue";
 
@@ -7,9 +6,7 @@ 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<{}>, {
-  as: AsTag | _$vue.Component;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, 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_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.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,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(()=>{if(!_.value.has(p)){let e=new Map(_.value);e.set(p,new Set),_.value=e}}),c(()=>{let e=new Map(_.value);e.delete(p),_.value=e}),(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};
+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(()=>{if(!_.value.has(p)){let e=new Map(_.value);e.set(p,new Set),_.value=e}}),c(()=>{let e=new Map(_.value);e.delete(p),_.value=e}),(e,t)=>(l(),i(`div`,{"aria-labelledby":d(p),role:`group`,"data-soybean-combobox-group":``,class:o(d(v)),hidden:y.value?void 0:!0},[u(e.$slots,`default`)],10,f))}});export{p 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:{},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,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&&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":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-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};
+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:{},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,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&&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};

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?!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},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};
+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?!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"../../shared/index.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import{useOmitProps as r}from"../../composables/use-props.js";import{useSelection as i}from"../../composables/use-selection.js";import"../../composables/index.js";import{provideComboboxRootContext as a}from"./context.js";import o 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=r(D,[`modelValue`,`defaultValue`,`open`,`defaultOpen`,`ignoreFilter`,`resetSearchTermOnBlur`,`resetSearchTermOnSelect`,`openOnFocus`,`openOnClick`,`resetModelValueOnClear`],b()),{modelValue:A,isMultiple:j,onModelValueChange:M,resetModelValue:N}=i(D,e=>{O(`update:modelValue`,e)}),P=S(`listboxElement`),F=c(()=>e(P.value)),I=n(()=>D.open,e=>{O(`update:open`,e??!1)},D.defaultOpen??!1),L=v(!1),R=v(!1),z=v(``),B=()=>{z.value||(z.value=`soybean-combobox-content-${x()}`)},V=v(),H=v(),U=v(),W=c(()=>P.value?.highlightedElement),G=w(),K=v(``),q=v(new Map),J=v(new Map),Y,X=c(e=>{if(!K.value||D.ignoreFilter||R.value)return{count:q.value.size,items:e?.items??new Map,groups:new Set(J.value.keys())};let t=K.value.trim().toLowerCase(),n=new Map,r=new Set,i=0;for(let[e,r]of q.value){let a=+!!r.toLowerCase().includes(t);n.set(e,a),a&&(i+=1)}for(let[e,t]of J.value)for(let i of t)if((n.get(i)??0)>0){r.add(e);break}return{count:i,items:n,groups:r}}),Z=async e=>{if(Y&&(clearTimeout(Y),Y=void 0),I.value=e,K.value=``,e){await m(),await P.value?.highlightSelected?.(),L.value=!0,V.value?.focus();return}L.value=!1,Y=setTimeout(()=>{!I.value&&D.resetSearchTermOnBlur&&G.trigger(void 0)},1)};return h(()=>{Y&&clearTimeout(Y)}),a({...t(D,[`dir`,`disabled`,`ignoreFilter`,`resetSearchTermOnBlur`,`resetSearchTermOnSelect`,`openOnFocus`,`openOnClick`,`resetModelValueOnClear`]),modelValue:A,isMultiple:j,onModelValueChange:M,resetModelValue:N,open:I,onOpenChange:Z,isUserInputted:L,isVirtual:R,parentElement:F,contentId:z,initContentId:B,inputElement:V,onInputElementChange(e){V.value=e},triggerElement:H,onTriggerElementChange(e){H.value=e},popupElement:U,onPopupElementChange(e){U.value=e},highlightedElement:W,onResetSearchTerm:G.on,filterSearch:K,allItems:q,allGroups:J,filterState:X}),T({filtered:X,highlightedElement:W,highlightItem:e=>{P.value?.highlightItem(e)},highlightFirstItem:()=>{P.value?.highlightFirstItem()},highlightSelected:e=>P.value?.highlightSelected(e)}),(e,t)=>(g(),l(y(o),null,{default:C(()=>[u(y(s),p({ref_key:`listboxElement`,ref:P},y(k),{modelValue:y(A),"onUpdate:modelValue":t[0]||(t[0]=e=>f(A)?A.value=e:null),dir:d.dir,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(I),modelValue:y(A)})]),_:3},16,[`modelValue`,`dir`,`multiple`,`name`,`required`,`disabled`,`highlight-on-hover`])]),_:3}))}});export{T as default};
+import{getElFromTemplateRef as e,transformPropsToContext as t}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import{useOmitProps as r}from"../../composables/use-props.js";import{useSelection as i}from"../../composables/use-selection.js";import"../../composables/index.js";import{provideComboboxRootContext as a}from"./context.js";import o 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=r(D,[`modelValue`,`defaultValue`,`open`,`defaultOpen`,`ignoreFilter`,`resetSearchTermOnBlur`,`resetSearchTermOnSelect`,`openOnFocus`,`openOnClick`,`resetModelValueOnClear`],b()),{modelValue:A,isMultiple:j,onModelValueChange:M,resetModelValue:N}=i(D,e=>{O(`update:modelValue`,e)}),P=S(`listboxElement`),F=c(()=>e(P.value)),I=n(()=>D.open,e=>{O(`update:open`,e)},D.defaultOpen??!1),L=v(!1),R=v(!1),z=v(``),B=()=>{z.value||(z.value=`soybean-combobox-content-${x()}`)},V=v(),H=v(),U=v(),W=c(()=>P.value?.highlightedElement),G=w(),K=v(``),q=v(new Map),J=v(new Map),Y,X=c(e=>{if(!K.value||D.ignoreFilter||R.value)return{count:q.value.size,items:e?.items??new Map,groups:new Set(J.value.keys())};let t=K.value.trim().toLowerCase(),n=new Map,r=new Set,i=0;for(let[e,r]of q.value){let a=+!!r.toLowerCase().includes(t);n.set(e,a),a&&(i+=1)}for(let[e,t]of J.value)for(let i of t)if((n.get(i)??0)>0){r.add(e);break}return{count:i,items:n,groups:r}}),Z=async e=>{if(Y&&(clearTimeout(Y),Y=void 0),I.value=e,K.value=``,e){await m(),await P.value?.highlightSelected?.(),L.value=!0,V.value?.focus();return}L.value=!1,Y=setTimeout(()=>{!I.value&&D.resetSearchTermOnBlur&&G.trigger(void 0)},1)};return h(()=>{Y&&clearTimeout(Y)}),a({...t(D,[`dir`,`disabled`,`ignoreFilter`,`resetSearchTermOnBlur`,`resetSearchTermOnSelect`,`openOnFocus`,`openOnClick`,`resetModelValueOnClear`]),modelValue:A,isMultiple:j,onModelValueChange:M,resetModelValue:N,open:I,onOpenChange:Z,isUserInputted:L,isVirtual:R,parentElement:F,contentId:z,initContentId:B,inputElement:V,onInputElementChange(e){V.value=e},triggerElement:H,onTriggerElementChange(e){H.value=e},popupElement:U,onPopupElementChange(e){U.value=e},highlightedElement:W,onResetSearchTerm:G.on,filterSearch:K,allItems:q,allGroups:J,filterState:X}),T({filtered:X,highlightedElement:W,highlightItem:e=>{P.value?.highlightItem(e)},highlightFirstItem:()=>{P.value?.highlightFirstItem()},highlightSelected:e=>P.value?.highlightSelected(e)}),(e,t)=>(g(),l(y(o),null,{default:C(()=>[u(y(s),p({ref_key:`listboxElement`,ref:P},y(k),{modelValue:y(A),"onUpdate:modelValue":t[0]||(t[0]=e=>f(A)?A.value=e:null),"data-soybean-combobox-root":``,dir:d.dir,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(I),modelValue:y(A)})]),_:3},16,[`modelValue`,`dir`,`multiple`,`name`,`required`,`disabled`,`highlight-on-hover`])]),_:3}))}});export{T as default};

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

@@ -6,9 +6,9 @@ import * as _$vue from "vue";
 //#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: _$vue.PublicProps & __VLS_PrettifyLocal<ComboboxRootProps<M> & {
+    "onUpdate:open"?: ((value: boolean) => 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;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
@@ -26,11 +26,11 @@ declare const __VLS_export: <M extends boolean = false>(__VLS_props: NonNullable
   attrs: any;
   slots: {
     default?: (props: {
-      open: boolean | undefined;
+      open: boolean;
       modelValue: (M extends true ? string[] : string) | undefined;
     }) => any;
   };
-  emit: ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "update:open", value: boolean) => void);
+  emit: ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => 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,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};
+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};

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,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:`-1`,"data-slot":`trigger`,onClick:E},{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`]))}});export{p 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=()=>{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};

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),{class:`soybean-headless-scrollbar-hidden`,"data-slot":`viewport`},{default:o(()=>[i(n.$slots,`default`)]),_:3}))}});export{s as default};
+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};

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-slot":`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"../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};

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

@@ -1,14 +1,15 @@
-import { IconValue } from "../_icon/types.js";
 import { MaybeArray, UiClass } from "../../types/common.js";
 import { DismissableLayerEmits, DismissableLayerProps, FocusScopeEmits, ForceMountProps, TrapFocusProps } from "../../types/component.js";
-import { PrimitiveProps } from "../primitive/types.js";
+import { BaseProps } from "../../types/vue.js";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
+import { IconValue } from "../_icon/types.js";
 import { ListboxFilterEmits, ListboxFilterProps, ListboxGroupLabelProps, ListboxGroupProps, ListboxItemEmits, ListboxItemIndicatorProps, ListboxItemProps, ListboxRootEmits, ListboxRootProps, ListboxVirtualizerProps } from "../listbox/types.js";
 import { PopperAnchorProps, PopperArrowProps, PopperPopupProps, PopperPositionerEmits, PopperPositionerProps, PopperUiSlot } from "../popper/types.js";
 import { PortalProps } from "../portal/types.js";
-import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+import { ComputedRef, ShallowRef } from "vue";
 //#region src/components/combobox/types.d.ts
 /**
- * Props for the combobox root component.
+ * Properties for the ComboboxRoot component.
  */
 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`. */
@@ -45,7 +46,7 @@ interface ComboboxRootProps<M extends boolean = false> extends Omit<ListboxRootP
   resetModelValueOnClear?: boolean;
 }
 /**
- * Emits for the combobox root component.
+ * Events for the ComboboxRoot component.
  */
 type ComboboxRootEmits<M extends boolean = false> = Pick<ListboxRootEmits<M>, 'update:modelValue' | 'highlight'> & {
   /**
@@ -54,16 +55,16 @@ type ComboboxRootEmits<M extends boolean = false> = Pick<ListboxRootEmits<M>, 'u
   'update:open': [value: boolean];
 };
 /**
- * Props for the combobox trigger component.
+ * Properties for the ComboboxTrigger component.
  */
-interface ComboboxTriggerProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+interface ComboboxTriggerProps extends PrimitiveWithBaseProps {
   /**
    * Whether the component is disabled.
    */
   disabled?: boolean;
 }
 /**
- * Props for the combobox content impl component.
+ * Properties for the ComboboxContentImpl component.
  */
 interface ComboboxContentImplProps extends PopperPositionerProps, TrapFocusProps, DismissableLayerProps, ForceMountProps {
   /**
@@ -79,24 +80,24 @@ interface ComboboxContentImplProps extends PopperPositionerProps, TrapFocusProps
    */
   hideWhenEmpty?: boolean;
   /**
-   * Props forwarded to the popup element.
+   * Properties forwarded to the popup element.
    */
   popupProps?: PopperPopupProps;
 }
 /**
- * Emits for the combobox content impl component.
+ * Events for the ComboboxContentImpl component.
  */
 type ComboboxContentImplEmits = DismissableLayerEmits & FocusScopeEmits & PopperPositionerEmits;
 /**
- * Props for the combobox content component.
+ * Properties for the ComboboxContent component.
  */
 interface ComboboxContentProps extends ComboboxContentImplProps {}
 /**
- * Emits for the combobox content component.
+ * Events for the ComboboxContent component.
  */
 type ComboboxContentEmits = ComboboxContentImplEmits;
 /**
- * Props for the combobox input component.
+ * Properties for the ComboboxInput component.
  */
 interface ComboboxInputProps extends ListboxFilterProps {
   /**
@@ -105,20 +106,20 @@ interface ComboboxInputProps extends ListboxFilterProps {
   displayValue?: (value: MaybeArray<string> | undefined) => string;
 }
 /**
- * Emits for the combobox input component.
+ * Events for the ComboboxInput component.
  */
 type ComboboxInputEmits = ListboxFilterEmits;
 /**
- * Props for the combobox viewport component.
+ * Properties for the ComboboxViewport component.
  */
-interface ComboboxViewportProps extends /** @vue-ignore */HTMLAttributes {
+interface ComboboxViewportProps extends BaseProps {
   /**
    * Nonce.
    */
   nonce?: string;
 }
 /**
- * Props for the combobox item component.
+ * Properties for the ComboboxItem component.
  */
 interface ComboboxItemProps extends ListboxItemProps {
   /**
@@ -127,32 +128,32 @@ interface ComboboxItemProps extends ListboxItemProps {
   textValue?: string;
 }
 /**
- * Emits for the combobox item component.
+ * Events for the ComboboxItem component.
  */
 type ComboboxItemEmits = ListboxItemEmits;
 /**
- * Props for the combobox empty component.
+ * Properties for the ComboboxEmpty component.
  */
-interface ComboboxEmptyProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface ComboboxEmptyProps extends PrimitiveWithBaseProps {}
 /**
- * Props for the combobox separator component.
+ * Properties for the ComboboxSeparator component.
  */
-interface ComboboxSeparatorProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface ComboboxSeparatorProps extends PrimitiveWithBaseProps {}
 /**
- * Props for the combobox cancel component.
+ * Properties for the ComboboxCancel component.
  */
-interface ComboboxCancelProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+interface ComboboxCancelProps extends PrimitiveWithBaseProps {
   /**
    * Whether the component is disabled.
    */
   disabled?: boolean;
 }
 /**
- * Props for the combobox virtualizer component.
+ * Properties for the ComboboxVirtualizer component.
  */
 interface ComboboxVirtualizerProps extends ListboxVirtualizerProps {}
 /**
- * Option data for the combobox single component.
+ * Option data for the ComboboxSingle component.
  */
 interface ComboboxSingleOptionData extends Pick<ComboboxItemProps, 'disabled' | 'textValue'> {
   /**
@@ -173,7 +174,7 @@ interface ComboboxSingleOptionData extends Pick<ComboboxItemProps, 'disabled' |
   separator?: boolean;
 }
 /**
- * Option data for the combobox group component.
+ * Option data for the ComboboxGroup component.
  */
 interface ComboboxGroupOptionData extends Pick<ComboboxSingleOptionData, 'label' | 'separator'> {
   /**
@@ -182,11 +183,11 @@ interface ComboboxGroupOptionData extends Pick<ComboboxSingleOptionData, 'label'
   items: ComboboxSingleOptionData[];
 }
 /**
- * Option data for the combobox component.
+ * Option data for the Combobox component.
  */
 type ComboboxOptionData = ComboboxSingleOptionData | ComboboxGroupOptionData;
 /**
- * Props for the combobox compact component.
+ * Properties for the ComboboxCompact component.
  */
 interface ComboboxCompactProps<M extends boolean = false> extends ComboboxRootProps<M> {
   /**
@@ -210,65 +211,65 @@ interface ComboboxCompactProps<M extends boolean = false> extends ComboboxRootPr
    */
   emptyLabel?: string;
   /**
-   * Props forwarded to the anchor element.
+   * Properties forwarded to the anchor element.
    */
   anchorProps?: PopperAnchorProps;
   /**
-   * Props forwarded to the trigger element.
+   * Properties forwarded to the trigger element.
    */
   triggerProps?: ComboboxTriggerProps;
   /**
-   * Props forwarded to the cancel element.
+   * Properties forwarded to the cancel element.
    */
   cancelProps?: ComboboxCancelProps;
   /**
-   * Props forwarded to the portal element.
+   * Properties forwarded to the portal element.
    */
   portalProps?: PortalProps;
   /**
-   * Props forwarded to the content element.
+   * Properties forwarded to the content element.
    */
   contentProps?: ComboboxContentProps;
   /**
-   * Props forwarded to the viewport element.
+   * Properties forwarded to the viewport element.
    */
   viewportProps?: ComboboxViewportProps;
   /**
-   * Props forwarded to the input element.
+   * Properties forwarded to the input element.
    */
   inputProps?: ComboboxInputProps;
   /**
-   * Props forwarded to the empty element.
+   * Properties forwarded to the empty element.
    */
   emptyProps?: ComboboxEmptyProps;
   /**
-   * Props forwarded to the group element.
+   * Properties forwarded to the group element.
    */
   groupProps?: ListboxGroupProps;
   /**
-   * Props forwarded to the group label element.
+   * Properties forwarded to the group label element.
    */
   groupLabelProps?: ListboxGroupLabelProps;
   /**
-   * Props forwarded to the item element.
+   * Properties forwarded to the item element.
    */
   itemProps?: ComboboxItemProps;
   /**
-   * Props forwarded to the item indicator element.
+   * Properties forwarded to the item indicator element.
    */
   itemIndicatorProps?: ListboxItemIndicatorProps;
   /**
-   * Props forwarded to the separator element.
+   * Properties forwarded to the separator element.
    */
   separatorProps?: ComboboxSeparatorProps;
 }
 /**
- * Emits for the combobox compact component.
+ * Events for the ComboboxCompact component.
  */
 type ComboboxCompactEmits<M extends boolean = false> = ComboboxRootEmits<M> & ComboboxContentEmits & ComboboxItemEmits;
 type ComboboxCompactModelValue<M extends boolean = false> = (M extends true ? string[] : string) | undefined;
 /**
- * Slot props for the combobox compact trigger value component.
+ * Slot properties for the ComboboxCompactTriggerValue component.
  */
 interface ComboboxCompactTriggerValueSlotProps<M extends boolean = false> {
   /**
@@ -285,7 +286,7 @@ interface ComboboxCompactTriggerValueSlotProps<M extends boolean = false> {
   slotText: string | undefined;
 }
 /**
- * Slot props for the combobox compact input component.
+ * Slot properties for the ComboboxCompactInput component.
  */
 interface ComboboxCompactInputSlotProps {
   /**
@@ -294,7 +295,7 @@ interface ComboboxCompactInputSlotProps {
   clear: () => void;
 }
 /**
- * Slot props for the combobox compact group label component.
+ * Slot properties for the ComboboxCompactGroupLabel component.
  */
 interface ComboboxCompactGroupLabelSlotProps {
   /**
@@ -303,7 +304,7 @@ interface ComboboxCompactGroupLabelSlotProps {
   item: ComboboxGroupOptionData;
 }
 /**
- * Slot props for the combobox compact item component.
+ * Slot properties for the ComboboxCompactItem component.
  */
 interface ComboboxCompactItemSlotProps {
   /**
@@ -312,7 +313,7 @@ interface ComboboxCompactItemSlotProps {
   item: ComboboxSingleOptionData;
 }
 /**
- * Slots for the combobox compact component.
+ * Slots for the ComboboxCompact component.
  */
 type ComboboxCompactSlots<M extends boolean = false> = {
   /**
@@ -365,11 +366,11 @@ type ComboboxCompactSlots<M extends boolean = false> = {
   'item-indicator'?: (props: ComboboxCompactItemSlotProps) => any;
 };
 /**
- * Available UI slots for the combobox component.
+ * Available UI slots for the Combobox component.
  */
 type ComboboxUiSlot = PopperUiSlot | 'root' | 'trigger' | 'triggerIcon' | 'cancel' | 'viewport' | 'inputRoot' | 'inputControl' | 'group' | 'groupLabel' | 'item' | 'itemIndicator' | 'empty' | 'separator' | 'virtualizer';
 /**
- * UI class overrides for the combobox component.
+ * UI class overrides for the Combobox component.
  */
 type ComboboxUi = UiClass<ComboboxUiSlot>;
 //#endregion

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

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

@@ -9,8 +9,8 @@ declare const __VLS_export: <T extends CommandSingleOptionData = CommandSingleOp
   props: _$vue.PublicProps & __VLS_PrettifyLocal<CommandCompactProps<T> & {
     onSelect?: ((event: SelectEvent<string>) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
     onEntryFocus?: ((event: CustomEvent<any>) => any) | undefined;
+    onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
     onLeave?: ((event: Event) => any) | undefined;
     "onUpdate:searchTerm"?: ((value: string) => any) | undefined;
   }> & (typeof globalThis extends {
@@ -19,7 +19,7 @@ declare const __VLS_export: <T extends CommandSingleOptionData = CommandSingleOp
   expose: (exposed: {}) => void;
   attrs: any;
   slots: CommandCompactSlots<T>;
-  emit: ((evt: "select", event: SelectEvent<string>) => void) & ((evt: "update:modelValue", value: string) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "leave", event: Event) => void) & ((evt: "update:searchTerm", value: string) => void);
+  emit: ((evt: "select", event: SelectEvent<string>) => void) & ((evt: "update:modelValue", value: string) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "leave", event: Event) => void) & ((evt: "update:searchTerm", value: string) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };