@soybeanjs/headless 0.15.5 → 0.17.0

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{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};
+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};

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

@@ -7,8 +7,8 @@ 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;
     onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
@@ -30,7 +30,7 @@ declare const __VLS_export: <M extends boolean = false>(__VLS_props: NonNullable
       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: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => 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-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=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};
+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};

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

@@ -1 +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};
+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};

package/dist/components/combobox/context.js

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

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

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

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

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

@@ -1,13 +1,15 @@
 import { IconValue } from "../_icon/types.js";
 import { MaybeArray, UiClass } from "../../types/common.js";
-import { SelectEvent } from "../../types/event.js";
 import { DismissableLayerEmits, DismissableLayerProps, FocusScopeEmits, ForceMountProps, TrapFocusProps } from "../../types/component.js";
 import { PrimitiveProps } from "../primitive/types.js";
-import { ListboxFilterEmits, ListboxFilterProps, ListboxRootEmits, ListboxRootProps, ListboxVirtualizerProps } from "../listbox/types.js";
-import { PopperAnchorProps, PopperArrowProps, PopperPopupProps, PopperPositionerEmits, PopperPositionerProps } from "../popper/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";
 //#region src/components/combobox/types.d.ts
+/**
+ * Props for the combobox root 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`. */
   open?: boolean;
@@ -42,108 +44,333 @@ interface ComboboxRootProps<M extends boolean = false> extends Omit<ListboxRootP
    */
   resetModelValueOnClear?: boolean;
 }
+/**
+ * Emits for the combobox root component.
+ */
 type ComboboxRootEmits<M extends boolean = false> = Pick<ListboxRootEmits<M>, 'update:modelValue' | 'highlight'> & {
+  /**
+   * Emitted when the open state changes.
+   */
   'update:open': [value: boolean];
 };
-interface ComboboxAnchorProps extends PopperAnchorProps {}
+/**
+ * Props for the combobox trigger component.
+ */
 interface ComboboxTriggerProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+  /**
+   * Whether the component is disabled.
+   */
   disabled?: boolean;
 }
+/**
+ * Props for the combobox content impl component.
+ */
 interface ComboboxContentImplProps extends PopperPositionerProps, TrapFocusProps, DismissableLayerProps, ForceMountProps {
+  /**
+   * Position.
+   */
   position?: 'inline' | 'popper';
+  /**
+   * Whether body lock.
+   */
   bodyLock?: boolean;
+  /**
+   * Whether hide when empty.
+   */
   hideWhenEmpty?: boolean;
+  /**
+   * Props forwarded to the popup element.
+   */
   popupProps?: PopperPopupProps;
 }
+/**
+ * Emits for the combobox content impl component.
+ */
 type ComboboxContentImplEmits = DismissableLayerEmits & FocusScopeEmits & PopperPositionerEmits;
+/**
+ * Props for the combobox content component.
+ */
 interface ComboboxContentProps extends ComboboxContentImplProps {}
+/**
+ * Emits for the combobox content component.
+ */
 type ComboboxContentEmits = ComboboxContentImplEmits;
+/**
+ * Props for the combobox input component.
+ */
 interface ComboboxInputProps extends ListboxFilterProps {
+  /**
+   * Display value.
+   */
   displayValue?: (value: MaybeArray<string> | undefined) => string;
 }
+/**
+ * Emits for the combobox input component.
+ */
 type ComboboxInputEmits = ListboxFilterEmits;
+/**
+ * Props for the combobox viewport component.
+ */
 interface ComboboxViewportProps extends /** @vue-ignore */HTMLAttributes {
+  /**
+   * Nonce.
+   */
   nonce?: string;
 }
-interface ComboboxGroupProps extends /** @vue-ignore */HTMLAttributes {}
-interface ComboboxGroupLabelProps extends /** @vue-ignore */HTMLAttributes {}
-interface ComboboxItemProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'onSelect'> {
-  value: string;
-  disabled?: boolean;
+/**
+ * Props for the combobox item component.
+ */
+interface ComboboxItemProps extends ListboxItemProps {
+  /**
+   * Text value.
+   */
   textValue?: string;
 }
-type ComboboxItemEmits = {
-  select: [event: SelectEvent<string>];
-};
-interface ComboboxItemIndicatorProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+/**
+ * Emits for the combobox item component.
+ */
+type ComboboxItemEmits = ListboxItemEmits;
+/**
+ * Props for the combobox empty component.
+ */
 interface ComboboxEmptyProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the combobox separator component.
+ */
 interface ComboboxSeparatorProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the combobox cancel component.
+ */
 interface ComboboxCancelProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+  /**
+   * Whether the component is disabled.
+   */
   disabled?: boolean;
 }
-interface ComboboxArrowProps extends PopperArrowProps {}
+/**
+ * Props for the combobox virtualizer component.
+ */
 interface ComboboxVirtualizerProps extends ListboxVirtualizerProps {}
+/**
+ * Option data for the combobox single component.
+ */
 interface ComboboxSingleOptionData extends Pick<ComboboxItemProps, 'disabled' | 'textValue'> {
+  /**
+   * Value associated with the current item.
+   */
   value: string;
+  /**
+   * Icon rendered by the component.
+   */
   icon?: IconValue;
+  /**
+   * Label text rendered by the component.
+   */
   label: string;
+  /**
+   * Whether separator.
+   */
   separator?: boolean;
 }
+/**
+ * Option data for the combobox group component.
+ */
 interface ComboboxGroupOptionData extends Pick<ComboboxSingleOptionData, 'label' | 'separator'> {
+  /**
+   * Items rendered by the component.
+   */
   items: ComboboxSingleOptionData[];
 }
+/**
+ * Option data for the combobox component.
+ */
 type ComboboxOptionData = ComboboxSingleOptionData | ComboboxGroupOptionData;
+/**
+ * Props for the combobox compact component.
+ */
 interface ComboboxCompactProps<M extends boolean = false> extends ComboboxRootProps<M> {
+  /**
+   * Items rendered by the component.
+   */
   items: ComboboxOptionData[];
+  /**
+   * Placeholder.
+   */
   placeholder?: string;
+  /**
+   * Search placeholder.
+   */
   searchPlaceholder?: string;
+  /**
+   * Clear label.
+   */
   clearLabel?: string;
+  /**
+   * Empty label.
+   */
   emptyLabel?: string;
-  anchorProps?: ComboboxAnchorProps;
+  /**
+   * Props forwarded to the anchor element.
+   */
+  anchorProps?: PopperAnchorProps;
+  /**
+   * Props forwarded to the trigger element.
+   */
   triggerProps?: ComboboxTriggerProps;
+  /**
+   * Props forwarded to the cancel element.
+   */
   cancelProps?: ComboboxCancelProps;
+  /**
+   * Props forwarded to the portal element.
+   */
   portalProps?: PortalProps;
+  /**
+   * Props forwarded to the content element.
+   */
   contentProps?: ComboboxContentProps;
+  /**
+   * Props forwarded to the viewport element.
+   */
   viewportProps?: ComboboxViewportProps;
+  /**
+   * Props forwarded to the input element.
+   */
   inputProps?: ComboboxInputProps;
+  /**
+   * Props forwarded to the empty element.
+   */
   emptyProps?: ComboboxEmptyProps;
-  groupProps?: ComboboxGroupProps;
-  groupLabelProps?: ComboboxGroupLabelProps;
+  /**
+   * Props forwarded to the group element.
+   */
+  groupProps?: ListboxGroupProps;
+  /**
+   * Props forwarded to the group label element.
+   */
+  groupLabelProps?: ListboxGroupLabelProps;
+  /**
+   * Props forwarded to the item element.
+   */
   itemProps?: ComboboxItemProps;
-  itemIndicatorProps?: ComboboxItemIndicatorProps;
+  /**
+   * Props forwarded to the item indicator element.
+   */
+  itemIndicatorProps?: ListboxItemIndicatorProps;
+  /**
+   * Props forwarded to the separator element.
+   */
   separatorProps?: ComboboxSeparatorProps;
 }
+/**
+ * Emits for the combobox compact 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.
+ */
 interface ComboboxCompactTriggerValueSlotProps<M extends boolean = false> {
+  /**
+   * Current model value.
+   */
   modelValue: ComboboxCompactModelValue<M>;
+  /**
+   * Selected labels exposed in the slot scope.
+   */
   selectedLabels: string[];
+  /**
+   * Slot text exposed in the slot scope.
+   */
   slotText: string | undefined;
 }
+/**
+ * Slot props for the combobox compact input component.
+ */
 interface ComboboxCompactInputSlotProps {
+  /**
+   * Clear exposed in the slot scope.
+   */
   clear: () => void;
 }
+/**
+ * Slot props for the combobox compact group label component.
+ */
 interface ComboboxCompactGroupLabelSlotProps {
+  /**
+   * Current item data.
+   */
   item: ComboboxGroupOptionData;
 }
+/**
+ * Slot props for the combobox compact item component.
+ */
 interface ComboboxCompactItemSlotProps {
+  /**
+   * Current item data.
+   */
   item: ComboboxSingleOptionData;
 }
+/**
+ * Slots for the combobox compact component.
+ */
 type ComboboxCompactSlots<M extends boolean = false> = {
+  /**
+   * Custom content for the trigger leading slot.
+   */
   'trigger-leading'?: () => any;
+  /**
+   * Custom content for the trigger value slot.
+   */
   'trigger-value'?: (props: ComboboxCompactTriggerValueSlotProps<M>) => any;
+  /**
+   * Custom content for the trigger trailing slot.
+   */
   'trigger-trailing'?: () => any;
+  /**
+   * Custom content for the trigger icon slot.
+   */
   'trigger-icon'?: () => any;
+  /**
+   * Custom content for the input leading slot.
+   */
   'input-leading'?: (props: ComboboxCompactInputSlotProps) => any;
+  /**
+   * Custom content for the input trailing slot.
+   */
   'input-trailing'?: (props: ComboboxCompactInputSlotProps) => any;
+  /**
+   * Custom content for the empty slot.
+   */
   empty?: () => any;
+  /**
+   * Custom content for the group label slot.
+   */
   'group-label'?: (props: ComboboxCompactGroupLabelSlotProps) => any;
+  /**
+   * Custom content for the item leading slot.
+   */
   'item-leading'?: (props: ComboboxCompactItemSlotProps) => any;
+  /**
+   * Custom content for the item text slot.
+   */
   'item-text'?: (props: ComboboxCompactItemSlotProps) => any;
+  /**
+   * Custom content for the item trailing slot.
+   */
   'item-trailing'?: (props: ComboboxCompactItemSlotProps) => any;
+  /**
+   * Custom content for the item indicator slot.
+   */
   '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';
+/**
+ * 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.
+ */
 type ComboboxUi = UiClass<ComboboxUiSlot>;
 //#endregion
-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 };
+export { ComboboxCancelProps, ComboboxCompactEmits, ComboboxCompactProps, ComboboxCompactSlots, ComboboxContentEmits, ComboboxContentProps, ComboboxEmptyProps, ComboboxGroupOptionData, ComboboxInputEmits, ComboboxInputProps, ComboboxItemEmits, ComboboxItemProps, ComboboxOptionData, ComboboxRootEmits, ComboboxRootProps, ComboboxSeparatorProps, ComboboxSingleOptionData, ComboboxTriggerProps, ComboboxUi, ComboboxUiSlot, ComboboxViewportProps, ComboboxVirtualizerProps };

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-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};
+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};

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;
-    onEntryFocus?: ((event: CustomEvent<any>) => any) | undefined;
     onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
+    onEntryFocus?: ((event: CustomEvent<any>) => 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: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => 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: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "leave", event: Event) => void) & ((evt: "update:searchTerm", value: string) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };