@soybeanjs/headless 0.15.4 → 0.16.0

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

@@ -15,8 +15,8 @@ declare const __VLS_base: _$vue.DefineComponent<CollapsibleRootProps, {
 }, string, _$vue.PublicProps, Readonly<CollapsibleRootProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
-  defaultOpen: boolean;
   open: boolean;
+  defaultOpen: boolean;
   unmountOnHide: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/color-area/color-area-root.vue.d.ts

@@ -9,13 +9,13 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<ColorAreaRootProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:modelValue": (value: string) => any;
   change: (value: string) => any;
+  "update:modelValue": (value: string) => any;
   "update:color": (value: NormalizedColor) => any;
   changeEnd: (value: string) => any;
 }, string, _$vue.PublicProps, Readonly<ColorAreaRootProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onChange?: ((value: string) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
   onChangeEnd?: ((value: string) => any) | undefined;
 }>, {

package/dist/components/color-picker/color-picker-root.vue.d.ts

@@ -15,12 +15,12 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<ColorPickerRootProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:modelValue": (value: string) => any;
   change: (value: string) => any;
+  "update:modelValue": (value: string) => any;
   "update:color": (value: NormalizedColor) => any;
 }, string, _$vue.PublicProps, Readonly<ColorPickerRootProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onChange?: ((value: string) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
 }>, {
   disabled: boolean;

package/dist/components/color-slider/color-slider-root.vue.d.ts

@@ -9,13 +9,13 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<ColorSliderRootProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:modelValue": (value: string) => any;
   change: (value: string) => any;
+  "update:modelValue": (value: string) => any;
   "update:color": (value: NormalizedColor) => any;
   changeEnd: (value: string) => any;
 }, string, _$vue.PublicProps, Readonly<ColorSliderRootProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onChange?: ((value: string) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
   onChangeEnd?: ((value: string) => any) | undefined;
 }>, {

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

@@ -1 +1 @@
-import e from"../popper/popper-arrow.js";import"../popper/index.js";import{useComboboxContentContext as t,useComboboxRootContext as n,useComboboxUi as r}from"./context.js";import{computed as i,createBlock as a,createCommentVNode as o,defineComponent as s,normalizeClass as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=s({name:`ComboboxArrow`,__name:`combobox-arrow`,setup(s){let p=r(`arrow`),{open:m}=n(`ComboboxArrow`),{position:h}=t(`ComboboxArrow`),g=i(()=>m.value&&h.value===`popper`);return(t,n)=>g.value?(l(),a(d(e),{key:0,class:c(d(p)),"data-slot":`arrow`},{default:f(()=>[u(t.$slots,`default`)]),_:3},8,[`class`])):o(`v-if`,!0)}});export{p as default};
+import{useComboboxContentContext as e,useComboboxRootContext as t,useComboboxUi as n}from"./context.js";import r from"../popper/popper-arrow.js";import"../popper/index.js";import{computed as i,createBlock as a,createCommentVNode as o,defineComponent as s,normalizeClass as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=s({name:`ComboboxArrow`,__name:`combobox-arrow`,setup(s){let p=n(`arrow`),{open:m}=t(`ComboboxArrow`),{position:h}=e(`ComboboxArrow`),g=i(()=>m.value&&h.value===`popper`);return(e,t)=>g.value?(l(),a(d(r),{key:0,class:c(d(p)),"data-slot":`arrow`},{default:f(()=>[u(e.$slots,`default`)]),_:3},8,[`class`])):o(`v-if`,!0)}});export{p as default};

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

@@ -1,4 +1,4 @@
-import { ComboboxArrowProps } from "./types.js";
+import { PopperArrowProps } from "../popper/types.js";
 import * as _$vue from "vue";
 
 //#region src/components/combobox/combobox-arrow.vue.d.ts
@@ -6,7 +6,7 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: _$vue.DefineComponent<ComboboxArrowProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ComboboxArrowProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<PopperArrowProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<PopperArrowProps> & 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-compact.js

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

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

@@ -10,10 +10,10 @@ declare const __VLS_export: <M extends boolean = false>(__VLS_props: NonNullable
     onSelect?: ((event: SelectEvent<string>) => any) | undefined;
     "onUpdate:modelValue"?: ((value: M extends true ? string[] : string) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
-    onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
     onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
@@ -24,7 +24,7 @@ declare const __VLS_export: <M extends boolean = false>(__VLS_props: NonNullable
   expose: (exposed: {}) => void;
   attrs: any;
   slots: ComboboxCompactSlots<M>;
-  emit: ((evt: "select", event: SelectEvent<string>) => void) & ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "placed") => void);
+  emit: ((evt: "select", event: SelectEvent<string>) => void) & ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "placed") => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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{popperCssVars as c}from"../popper/shared.js";import l from"../popper/popper-positioner.js";import u from"../popper/popper-popup.js";import"../popper/index.js";import{provideComboboxContentContext as d,useComboboxRootContext as f}from"./context.js";import{computed as p,createBlock as m,createVNode as h,defineComponent as g,mergeProps as _,onMounted as v,onUnmounted as y,onWatcherCleanup as b,openBlock as x,ref as S,renderSlot as C,unref as w,useAttrs as T,watchEffect as E,withCtx as D}from"vue";const O=g({name:`ComboboxContentImpl`,inheritAttrs:!1,__name:`combobox-content-impl`,props:{position:{default:`popper`},bodyLock:{type:Boolean},hideWhenEmpty:{type:Boolean},popupProps:{},placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{},trapFocus:{type:Boolean},disableOutsidePointerEvents:{type:Boolean},forceMount:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`placed`],setup(g,{emit:O}){let k=g,A=O,j=T(),{contentId:M,open:N,ignoreFilter:P,allItems:F,filterState:I,inputElement:L,triggerElement:R,onOpenChange:z,onPopupElementChange:B}=f(`ComboboxContentImpl`),[V,H]=n(B),{pointerEvents:U}=t(V,{disableOutsidePointerEvents:()=>k.disableOutsidePointerEvents,onEscapeKeyDown:e=>{A(`escapeKeyDown`,e)},onPointerDownOutside:e=>{A(`pointerDownOutside`,e)},onFocusOutside:e=>{A(`focusOutside`,e)},onInteractOutside:e=>{A(`interactOutside`,e)},onDismiss:()=>{z(!1)}}),{onKeydown:W}=i(V,{trapped:()=>k.trapFocus,loop:!0,onOpenAutoFocus:e=>{A(`openAutoFocus`,e)},onCloseAutoFocus:e=>{A(`closeAutoFocus`,e)}}),G=p(()=>k.position),K=o(k,[`bodyLock`,`disableOutsidePointerEvents`,`forceMount`,`hideWhenEmpty`,`popupProps`,`position`,`trapFocus`]),q=p(()=>({...j,...k.popupProps})),J=p(()=>P.value?F.value.size===0:I.value.count===0),Y=p(()=>({pointerEvents:U.value,display:k.hideWhenEmpty&&J.value?`none`:`flex`,flexDirection:`column`,outline:`none`,...G.value===`popper`?{"--soybean-combobox-content-transform-origin":`var(${c.transformOrigin})`,"--soybean-combobox-content-available-width":`var(${c.availableWidth})`,"--soybean-combobox-content-available-height":`var(${c.availableHeight})`,"--soybean-combobox-trigger-width":`var(${c.anchorWidth})`,"--soybean-combobox-trigger-height":`var(${c.anchorHeight})`,boxSizing:`border-box`}:{}}));d({position:G}),r(),a(V),E(()=>{k.bodyLock&&b(e())});let X=S(!1);return v(()=>{L.value&&V.value&&(X.value=V.value.contains(L.value),X.value&&L.value.focus())}),y(()=>{let e=document.activeElement;X.value&&(!e||e===document.body)&&R.value?.focus()}),(e,t)=>G.value===`popper`?(x(),m(w(l),_({key:0},w(K),{onPlaced:t[0]||(t[0]=e=>A(`placed`))}),{default:D(()=>[h(w(u),_({id:w(M),ref:w(H)},q.value,{"data-slot":`popup`,"data-dismissable-layer":``,"data-state":w(N)?`open`:`closed`,"data-empty":J.value?``:void 0,style:Y.value,onKeydown:w(W)}),{default:D(()=>[C(e.$slots,`default`)]),_:3},16,[`id`,`data-state`,`data-empty`,`style`,`onKeydown`])]),_:3},16)):(x(),m(w(s),_({key:1,id:w(M),ref:w(H)},q.value,{as:`div`,"data-slot":`popup`,"data-dismissable-layer":``,"data-state":w(N)?`open`:`closed`,"data-empty":J.value?``:void 0,style:Y.value,onKeydown:w(W)}),{default:D(()=>[C(e.$slots,`default`)]),_:3},16,[`id`,`data-state`,`data-empty`,`style`,`onKeydown`]))}});export{O as default};
+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};

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-group.vue.d.ts

@@ -1,4 +1,4 @@
-import { ComboboxGroupProps } from "./types.js";
+import { ListboxGroupProps } from "../listbox/types.js";
 import * as _$vue from "vue";
 
 //#region src/components/combobox/combobox-group.vue.d.ts
@@ -6,7 +6,7 @@ declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: _$vue.DefineComponent<ComboboxGroupProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ComboboxGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<ListboxGroupProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ListboxGroupProps> & 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-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 r from"../listbox/listbox-filter.js";import"../listbox/index.js";import{useComboboxRootContext as i}from"./context.js";import{computed as a,createBlock as o,defineComponent as s,guardReactiveProps as c,isRef as l,mergeProps as u,nextTick as d,normalizeProps as f,onMounted as p,openBlock as m,renderSlot as h,unref as g,watch as _,withCtx as v}from"vue";const y=s({name:`ComboboxInput`,__name:`combobox-input`,props:{displayValue:{type:Function},inputRef:{type:Function},controlProps:{},defaultValue:{},modelValue:{},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(s,{emit:y}){let b=s,x=y,{modelValue:S,open:C,openOnFocus:w,openOnClick:T,isUserInputted:E,isMultiple:D,resetSearchTermOnSelect:O,contentId:k,triggerElement:A,filterSearch:j,filterState:M,isVirtual:N,onInputElementChange:P,onOpenChange:F,onResetSearchTerm:I}=i(`ComboboxInput`),{highlightFirstItem:L}=n(`ComboboxInput`),R=t(b,[`displayValue`]),z=e(()=>b.modelValue,e=>{x(`update:modelValue`,e??``)},b.defaultValue??``),B=e=>{b.inputRef?.(e),P(e)},V=e=>{![`ArrowDown`,`ArrowUp`].includes(e.key)||C.value||F(!0)},H=e=>{let t=e.target;if(E.value=!0,!C.value){F(!0),d(()=>{t.value&&(j.value=t.value,L())});return}j.value=t.value},U=()=>{w.value&&!C.value&&F(!0)},W=e=>{if(!C.value)return;let t=e.relatedTarget;if(!t)return;let n=A.value?.contains(t),r=document.getElementById(k.value)?.contains(t);!n&&!r&&F(!1)},G=()=>{T.value&&!C.value&&F(!0)},K=()=>{let e=S.value;if(b.displayValue){z.value=b.displayValue(e);return}if(!D.value&&typeof e==`string`){z.value=e;return}z.value=``};I(()=>{K()});let q=a(()=>u({...b.controlProps},{"data-slot":`input-control`,role:`combobox`,"aria-autocomplete":`list`,autocomplete:`off`,"aria-controls":k.value||void 0,"aria-expanded":C.value??!1,onBlur:W,onClick:G,onFocus:U,onInput:H,onKeydown:V}));return _(S,()=>{!E.value&&O.value&&K()},{immediate:!0,deep:!0}),_(M,(e,t)=>{!N.value&&t?.count===0&&L()}),p(()=>{K()}),(e,t)=>(m(),o(g(r),u(g(R),{modelValue:g(z),"onUpdate:modelValue":t[0]||(t[0]=e=>l(z)?z.value=e:null),"data-slot":`input-root`,"control-props":q.value,"input-ref":B}),{leading:v(t=>[h(e.$slots,`leading`,f(c(t)))]),trailing:v(t=>[h(e.$slots,`trailing`,f(c(t)))]),_:3},16,[`modelValue`,`control-props`]))}});export{y as default};
+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};

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

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-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,10 +1,9 @@
 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
@@ -45,7 +44,6 @@ interface ComboboxRootProps<M extends boolean = false> extends Omit<ListboxRootP
 type ComboboxRootEmits<M extends boolean = false> = Pick<ListboxRootEmits<M>, 'update:modelValue' | 'highlight'> & {
   'update:open': [value: boolean];
 };
-interface ComboboxAnchorProps extends PopperAnchorProps {}
 interface ComboboxTriggerProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
   disabled?: boolean;
 }
@@ -65,23 +63,15 @@ type ComboboxInputEmits = ListboxFilterEmits;
 interface ComboboxViewportProps extends /** @vue-ignore */HTMLAttributes {
   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;
+interface ComboboxItemProps extends ListboxItemProps {
   textValue?: string;
 }
-type ComboboxItemEmits = {
-  select: [event: SelectEvent<string>];
-};
-interface ComboboxItemIndicatorProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+type ComboboxItemEmits = ListboxItemEmits;
 interface ComboboxEmptyProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
 interface ComboboxSeparatorProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
 interface ComboboxCancelProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
   disabled?: boolean;
 }
-interface ComboboxArrowProps extends PopperArrowProps {}
 interface ComboboxVirtualizerProps extends ListboxVirtualizerProps {}
 interface ComboboxSingleOptionData extends Pick<ComboboxItemProps, 'disabled' | 'textValue'> {
   value: string;
@@ -99,7 +89,7 @@ interface ComboboxCompactProps<M extends boolean = false> extends ComboboxRootPr
   searchPlaceholder?: string;
   clearLabel?: string;
   emptyLabel?: string;
-  anchorProps?: ComboboxAnchorProps;
+  anchorProps?: PopperAnchorProps;
   triggerProps?: ComboboxTriggerProps;
   cancelProps?: ComboboxCancelProps;
   portalProps?: PortalProps;
@@ -107,10 +97,10 @@ interface ComboboxCompactProps<M extends boolean = false> extends ComboboxRootPr
   viewportProps?: ComboboxViewportProps;
   inputProps?: ComboboxInputProps;
   emptyProps?: ComboboxEmptyProps;
-  groupProps?: ComboboxGroupProps;
-  groupLabelProps?: ComboboxGroupLabelProps;
+  groupProps?: ListboxGroupProps;
+  groupLabelProps?: ListboxGroupLabelProps;
   itemProps?: ComboboxItemProps;
-  itemIndicatorProps?: ComboboxItemIndicatorProps;
+  itemIndicatorProps?: ListboxItemIndicatorProps;
   separatorProps?: ComboboxSeparatorProps;
 }
 type ComboboxCompactEmits<M extends boolean = false> = ComboboxRootEmits<M> & ComboboxContentEmits & ComboboxItemEmits;
@@ -143,7 +133,7 @@ type ComboboxCompactSlots<M extends boolean = false> = {
   'item-trailing'?: (props: ComboboxCompactItemSlotProps) => any;
   'item-indicator'?: (props: ComboboxCompactItemSlotProps) => any;
 };
-type ComboboxUiSlot = 'root' | 'anchor' | 'trigger' | 'triggerIcon' | 'cancel' | 'positioner' | 'popup' | 'arrow' | 'viewport' | 'inputRoot' | 'inputControl' | 'group' | 'groupLabel' | 'item' | 'itemIndicator' | 'empty' | 'separator' | 'virtualizer';
+type ComboboxUiSlot = PopperUiSlot | 'root' | 'trigger' | 'triggerIcon' | 'cancel' | 'viewport' | 'inputRoot' | 'inputControl' | 'group' | 'groupLabel' | 'item' | 'itemIndicator' | 'empty' | 'separator' | 'virtualizer';
 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/types.d.ts

@@ -1,8 +1,8 @@
 import { IconValue } from "../_icon/types.js";
 import { UiClass } from "../../types/common.js";
 import { ListboxContentProps, ListboxFilterProps, ListboxGroupLabelProps, ListboxGroupProps, ListboxItemEmits, ListboxItemProps, ListboxRootEmits, ListboxRootProps, ListboxUiSlot } from "../listbox/types.js";
-import { SeparatorRootProps } from "../separator/types.js";
 import { KbdProps, KbdValue } from "../kbd/types.js";
+import { SeparatorRootProps } from "../separator/types.js";
 import { HTMLAttributes } from "vue";
 import { UseFuseOptions } from "@vueuse/integrations/useFuse";
 

package/dist/components/config-provider/config-provider.vue.d.ts

@@ -10,8 +10,8 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: _$vue.DefineComponent<ConfigProviderProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ConfigProviderProps> & Readonly<{}>, {
   nuxt: boolean;
   dir: Direction;
-  nonce: string;
   locale: string;
+  nonce: string;
 }, {}, {}, {}, 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/context-menu/context-menu-checkbox-compact.js

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t,usePickProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import{e as r}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.0/node_modules/@soybeanjs/utils/dist/index.js";import i from"../menu/menu-checkbox-options-compact.js";import a from"./context-menu-wrapper-compact.js";import{computed as o,createBlock as s,createSlots as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toHandlers as _,unref as v,useSlots as y,withCtx as b}from"vue";const x=u({name:`ContextMenuCheckboxCompact`,__name:`context-menu-checkbox-compact`,props:{disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},pressOpenDelay:{},dir:{},modal:{type:Boolean,default:!0},isAlert:{type:Boolean},alertType:{},items:{},groupLabelProps:{},checkboxItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{default:void 0},defaultValue:{default:()=>[]},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:modelValue`,`select`],setup(u,{emit:x}){let S=u,C=x,w=y(),T=[`dir`,`modal`,`disabled`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],E=n(S,[...T]),D=t(S,[...T]),O=e(C),k=o(()=>r(w).filter(e=>e!==`trigger`));return(e,t)=>(m(),s(a,f(v(E),_(v(O))),{trigger:b(()=>[g(e.$slots,`trigger`)]),default:b(()=>[l(i,f(v(D),{"portal-props":u.portalProps},_(v(O))),c({_:2},[h(k.value,t=>({name:t,fn:b(n=>[g(e.$slots,t,p(d(n)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{x as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{e as t}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.1/node_modules/@soybeanjs/utils/dist/index.js";import{useOmitProps as n,usePickProps as r}from"../../composables/use-props.js";import"../../composables/index.js";import i from"../menu/menu-checkbox-options-compact.js";import a from"./context-menu-wrapper-compact.js";import{computed as o,createBlock as s,createSlots as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toHandlers as _,unref as v,useSlots as y,withCtx as b}from"vue";const x=u({name:`ContextMenuCheckboxCompact`,__name:`context-menu-checkbox-compact`,props:{disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},pressOpenDelay:{},dir:{},modal:{type:Boolean,default:!0},isAlert:{type:Boolean},alertType:{},items:{},groupLabelProps:{},checkboxItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{default:void 0},defaultValue:{default:()=>[]},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:modelValue`,`select`],setup(u,{emit:x}){let S=u,C=x,w=y(),T=[`dir`,`modal`,`disabled`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],E=r(S,[...T]),D=n(S,[...T]),O=e(C),k=o(()=>t(w).filter(e=>e!==`trigger`));return(e,t)=>(m(),s(a,f(v(E),_(v(O))),{trigger:b(()=>[g(e.$slots,`trigger`)]),default:b(()=>[l(i,f(v(D),{"portal-props":u.portalProps},_(v(O))),c({_:2},[h(k.value,t=>({name:t,fn:b(n=>[g(e.$slots,t,p(d(n)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{x as default};

package/dist/components/context-menu/context-menu-checkbox-compact.vue.d.ts

@@ -10,10 +10,10 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
     onSelect?: ((item: MenuCheckboxOptionData<T>, event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
     onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
@@ -23,7 +23,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   expose: (exposed: {}) => void;
   attrs: any;
   slots: ContextMenuCheckboxCompactSlots<T>;
-  emit: ((evt: "select", item: MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+  emit: ((evt: "select", item: MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/context-menu/context-menu-compact.js

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t,usePickProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import{e as r}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.0/node_modules/@soybeanjs/utils/dist/index.js";import i from"../menu/menu-options-compact.js";import a from"./context-menu-wrapper-compact.js";import{computed as o,createBlock as s,createSlots as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toHandlers as _,unref as v,useSlots as y,withCtx as b}from"vue";const x=u({name:`ContextMenuCompact`,__name:`context-menu-compact`,props:{disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},pressOpenDelay:{},dir:{},modal:{type:Boolean,default:!0},isAlert:{type:Boolean},alertType:{},items:{},activeValue:{},itemProps:{},linkProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`select`],setup(u,{emit:x}){let S=u,C=x,w=y(),T=[`dir`,`modal`,`disabled`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],E=n(S,[...T]),D=t(S,[...T]),O=e(C),k=o(()=>r(w).filter(e=>e!==`trigger`));return(e,t)=>(m(),s(a,f(v(E),_(v(O))),{trigger:b(()=>[g(e.$slots,`trigger`)]),default:b(()=>[l(i,f(v(D),{"portal-props":u.portalProps},_(v(O))),c({_:2},[h(k.value,t=>({name:t,fn:b(n=>[g(e.$slots,t,p(d(n)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{x as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{e as t}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.1/node_modules/@soybeanjs/utils/dist/index.js";import{useOmitProps as n,usePickProps as r}from"../../composables/use-props.js";import"../../composables/index.js";import i from"../menu/menu-options-compact.js";import a from"./context-menu-wrapper-compact.js";import{computed as o,createBlock as s,createSlots as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toHandlers as _,unref as v,useSlots as y,withCtx as b}from"vue";const x=u({name:`ContextMenuCompact`,__name:`context-menu-compact`,props:{disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},pressOpenDelay:{},dir:{},modal:{type:Boolean,default:!0},isAlert:{type:Boolean},alertType:{},items:{},activeValue:{},itemProps:{},linkProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`select`],setup(u,{emit:x}){let S=u,C=x,w=y(),T=[`dir`,`modal`,`disabled`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],E=r(S,[...T]),D=n(S,[...T]),O=e(C),k=o(()=>t(w).filter(e=>e!==`trigger`));return(e,t)=>(m(),s(a,f(v(E),_(v(O))),{trigger:b(()=>[g(e.$slots,`trigger`)]),default:b(()=>[l(i,f(v(D),{"portal-props":u.portalProps},_(v(O))),c({_:2},[h(k.value,t=>({name:t,fn:b(n=>[g(e.$slots,t,p(d(n)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{x as default};

package/dist/components/context-menu/context-menu-compact.vue.d.ts

@@ -9,10 +9,10 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   props: _$vue.PublicProps & __VLS_PrettifyLocal<ContextMenuCompactProps<T> & {
     onSelect?: ((item: MenuOptionData<T>, event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
     onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
@@ -22,7 +22,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   expose: (exposed: {}) => void;
   attrs: any;
   slots: ContextMenuCompactSlots<T>;
-  emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+  emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/context-menu/context-menu-content.vue.d.ts

@@ -8,18 +8,18 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_11) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<ContextMenuContentProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  entryFocus: (event: Event) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
-  entryFocus: (event: Event) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
 }, string, _$vue.PublicProps, Readonly<ContextMenuContentProps> & Readonly<{
+  onEntryFocus?: ((event: Event) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
-  onEntryFocus?: ((event: Event) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;

package/dist/components/context-menu/context-menu-radio-compact.js

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t,usePickProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import{e as r}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.0/node_modules/@soybeanjs/utils/dist/index.js";import i from"../menu/menu-radio-options-compact.js";import a from"./context-menu-wrapper-compact.js";import{computed as o,createBlock as s,createSlots as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toHandlers as _,unref as v,useSlots as y,withCtx as b}from"vue";const x=u({name:`ContextMenuRadioCompact`,__name:`context-menu-radio-compact`,props:{disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},pressOpenDelay:{},dir:{},modal:{type:Boolean,default:!0},isAlert:{type:Boolean},alertType:{},items:{},groupLabelProps:{},radioItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{default:void 0},defaultValue:{},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:modelValue`,`select`],setup(u,{emit:x}){let S=u,C=x,w=y(),T=[`dir`,`modal`,`disabled`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],E=n(S,[...T]),D=t(S,[...T]),O=e(C),k=o(()=>r(w).filter(e=>e!==`trigger`));return(e,t)=>(m(),s(a,f(v(E),_(v(O))),{trigger:b(()=>[g(e.$slots,`trigger`)]),default:b(()=>[l(i,f(v(D),{"portal-props":u.portalProps},_(v(O))),c({_:2},[h(k.value,t=>({name:t,fn:b(n=>[g(e.$slots,t,p(d(n)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{x as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{e as t}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.1/node_modules/@soybeanjs/utils/dist/index.js";import{useOmitProps as n,usePickProps as r}from"../../composables/use-props.js";import"../../composables/index.js";import i from"../menu/menu-radio-options-compact.js";import a from"./context-menu-wrapper-compact.js";import{computed as o,createBlock as s,createSlots as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toHandlers as _,unref as v,useSlots as y,withCtx as b}from"vue";const x=u({name:`ContextMenuRadioCompact`,__name:`context-menu-radio-compact`,props:{disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},pressOpenDelay:{},dir:{},modal:{type:Boolean,default:!0},isAlert:{type:Boolean},alertType:{},items:{},groupLabelProps:{},radioItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{default:void 0},defaultValue:{},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:modelValue`,`select`],setup(u,{emit:x}){let S=u,C=x,w=y(),T=[`dir`,`modal`,`disabled`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],E=r(S,[...T]),D=n(S,[...T]),O=e(C),k=o(()=>t(w).filter(e=>e!==`trigger`));return(e,t)=>(m(),s(a,f(v(E),_(v(O))),{trigger:b(()=>[g(e.$slots,`trigger`)]),default:b(()=>[l(i,f(v(D),{"portal-props":u.portalProps},_(v(O))),c({_:2},[h(k.value,t=>({name:t,fn:b(n=>[g(e.$slots,t,p(d(n)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{x as default};