@soybeanjs/headless 0.21.0 → 0.22.1

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

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import{useAccordionUi as r}from"./context.js";import i from"./accordion-root.js";import a from"./accordion-item.js";import o from"./accordion-header.js";import s from"./accordion-trigger.js";import c from"./accordion-content.js";import l from"./accordion-description.js";import{Fragment as u,createBlock as d,createElementBlock as f,createTextVNode as p,createVNode as m,defineComponent as h,mergeProps as g,normalizeClass as _,openBlock as v,renderList as y,renderSlot as b,toDisplayString as x,toHandlers as S,unref as C,withCtx as w}from"vue";const T=h({name:`AccordionCompact`,__name:`accordion-compact`,props:{items:{},itemProps:{},headerProps:{},triggerProps:{},contentProps:{},descriptionProps:{},collapsible:{type:Boolean},dir:{},disabled:{type:Boolean},orientation:{},unmountOnHide:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean},selectionBehavior:{}},emits:[`update:modelValue`],setup(h,{emit:T}){let E=h,D=T,O=t(E,[`items`,`itemProps`,`headerProps`,`triggerProps`,`contentProps`]),k=e(D),A=r();return(e,t)=>(v(),d(i,g(C(O),S(C(k))),{default:w(()=>[(v(!0),f(u,null,y(h.items,(t,r)=>(v(),d(a,g({key:t.value,ref_for:!0},h.itemProps,{value:t.value,disabled:t.disabled}),{default:w(({open:i})=>[b(e.$slots,`item`,{item:t,index:r,modelValue:h.modelValue,open:i},()=>[m(o,g({ref_for:!0},h.headerProps),{default:w(()=>[m(s,g({ref_for:!0},h.triggerProps),{default:w(()=>[b(e.$slots,`leading`,{item:t,index:r,modelValue:h.modelValue,open:i},()=>[m(n,{icon:t.icon,class:_(C(A).triggerLeadingIcon)},null,8,[`icon`,`class`])]),b(e.$slots,`title`,{item:t,index:r,modelValue:h.modelValue,open:i},()=>[p(x(t.title),1)]),b(e.$slots,`trigger-icon`,{item:t,index:r,modelValue:h.modelValue,open:i},()=>[m(n,{icon:`lucide:chevron-down`,class:_(C(A).triggerIcon)},null,8,[`class`])])]),_:2},1040)]),_:2},1040),m(c,g({ref_for:!0},h.contentProps),{default:w(()=>[b(e.$slots,`content`,{item:t,index:r,modelValue:h.modelValue,open:i},()=>[m(l,g({ref_for:!0},h.descriptionProps),{default:w(()=>[p(x(t.description),1)]),_:2},1040)])]),_:2},1040)])]),_:2},1040,[`value`,`disabled`]))),128))]),_:3},16))}});export{T as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import{useAccordionUi as r}from"./context.js";import i from"./accordion-root.js";import a from"./accordion-item.js";import o from"./accordion-header.js";import s from"./accordion-trigger.js";import c from"./accordion-content.js";import l from"./accordion-description.js";import{Fragment as u,createBlock as d,createElementBlock as f,createTextVNode as p,createVNode as m,defineComponent as h,mergeProps as g,normalizeClass as _,openBlock as v,renderList as y,renderSlot as b,toDisplayString as x,toHandlers as S,unref as C,withCtx as w}from"vue";const T=h({name:`AccordionCompact`,__name:`accordion-compact`,props:{items:{},itemProps:{},headerProps:{},triggerProps:{},contentProps:{},descriptionProps:{},collapsible:{type:Boolean,default:!0},dir:{},disabled:{type:Boolean},orientation:{},unmountOnHide:{type:Boolean,default:!0},modelValue:{},defaultValue:{},multiple:{},selectionBehavior:{}},emits:[`update:modelValue`],setup(h,{emit:T}){let E=h,D=T,O=t(E,[`items`,`itemProps`,`headerProps`,`triggerProps`,`contentProps`]),k=e(D),A=r();return(e,t)=>(v(),d(i,g(C(O),S(C(k))),{default:w(()=>[(v(!0),f(u,null,y(h.items,(t,r)=>(v(),d(a,g({key:t.value,ref_for:!0},h.itemProps,{value:t.value,disabled:t.disabled}),{default:w(({open:i})=>[b(e.$slots,`item`,{item:t,index:r,modelValue:h.modelValue,open:i},()=>[m(o,g({ref_for:!0},h.headerProps),{default:w(()=>[m(s,g({ref_for:!0},h.triggerProps),{default:w(()=>[b(e.$slots,`leading`,{item:t,index:r,modelValue:h.modelValue,open:i},()=>[m(n,{icon:t.icon,class:_(C(A).triggerLeadingIcon)},null,8,[`icon`,`class`])]),b(e.$slots,`title`,{item:t,index:r,modelValue:h.modelValue,open:i},()=>[p(x(t.title),1)]),b(e.$slots,`trigger-icon`,{item:t,index:r,modelValue:h.modelValue,open:i},()=>[m(n,{icon:`lucide:chevron-down`,class:_(C(A).triggerIcon)},null,8,[`class`])])]),_:2},1040)]),_:2},1040),m(c,g({ref_for:!0},h.contentProps),{default:w(()=>[b(e.$slots,`content`,{item:t,index:r,modelValue:h.modelValue,open:i},()=>[m(l,g({ref_for:!0},h.descriptionProps),{default:w(()=>[p(x(t.description),1)]),_:2},1040)])]),_:2},1040)])]),_:2},1040,[`value`,`disabled`]))),128))]),_:3},16))}});export{T as default};

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

@@ -1 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import{useDirection as t}from"../config-provider/context.js";import"../../shared/index.js";import{useSelection as n}from"../../composables/use-selection.js";import"../../composables/index.js";import{provideAccordionRootContext as r,useAccordionUi as i}from"./context.js";import{createElementBlock as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,shallowRef as u,unref as d}from"vue";const f=[`dir`],p=o({name:`AccordionRoot`,__name:`accordion-root`,props:{collapsible:{type:Boolean,default:!1},dir:{},disabled:{type:Boolean,default:!1},orientation:{default:`vertical`},unmountOnHide:{type:Boolean,default:!0},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean},selectionBehavior:{}},emits:[`update:modelValue`],setup(o,{emit:p}){let m=o,h=p,g=i(`root`),_=u(),v=t(()=>m.dir),{modelValue:y,isMultiple:b,onModelValueChange:x}=n(m,e=>{h(`update:modelValue`,e)});return r({dir:v,rootElement:_,modelValue:y,isMultiple:b,onModelValueChange:x,...e(m,[`collapsible`,`disabled`,`orientation`,`unmountOnHide`])}),(e,t)=>(c(),a(`div`,{ref_key:`rootElement`,ref:_,"data-soybean-accordion-root":``,class:s(d(g)),dir:d(v)},[l(e.$slots,`default`,{modelValue:d(y)})],10,f))}});export{p as default};
+import{transformPropsToContext as e}from"../../shared/vue.js";import{useDirection as t}from"../config-provider/context.js";import"../../shared/index.js";import{useSelection as n}from"../../composables/use-selection.js";import"../../composables/index.js";import{provideAccordionRootContext as r,useAccordionUi as i}from"./context.js";import{createElementBlock as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,shallowRef as u,unref as d}from"vue";const f=[`dir`],p=o({name:`AccordionRoot`,__name:`accordion-root`,props:{collapsible:{type:Boolean,default:!0},dir:{},disabled:{type:Boolean,default:!1},orientation:{default:`vertical`},unmountOnHide:{type:Boolean,default:!0},modelValue:{},defaultValue:{},multiple:{},selectionBehavior:{}},emits:[`update:modelValue`],setup(o,{emit:p}){let m=o,h=p,g=i(`root`),_=u(),v=t(()=>m.dir),{modelValue:y,isMultiple:b,onModelValueChange:x}=n(()=>({...m,clearable:m.collapsible}),e=>{h(`update:modelValue`,e)});return r({dir:v,rootElement:_,modelValue:y,isMultiple:b,onModelValueChange:x,...e(m,[`collapsible`,`disabled`,`orientation`,`unmountOnHide`])}),(e,t)=>(c(),a(`div`,{ref_key:`rootElement`,ref:_,"data-soybean-accordion-root":``,class:s(d(g)),dir:d(v)},[l(e.$slots,`default`,{modelValue:d(y)})],10,f))}});export{p as default};

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

@@ -2,7 +2,6 @@ import { UiClass } from "../../types/common.js";
 import { AccordionUiSlot } from "./types.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import * as _$vue from "vue";
-
 //#region src/components/accordion/context.d.ts
 declare const provideAccordionUi: (ui: _$vue.ComputedRef<Partial<UiClass<AccordionUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<AccordionUiSlot>>>, useAccordionUi: UseUiConsumer<AccordionUiSlot>;
 //#endregion

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

@@ -8,7 +8,7 @@ import { ComputedRef, ShallowRef } from "vue";
 /**
  * Properties for the AccordionRoot component.
  */
-interface AccordionRootProps<M extends boolean = false> extends SelectionProps<M>, BaseProps {
+interface AccordionRootProps<M extends boolean = false> extends Omit<SelectionProps<M>, 'clearable'>, BaseProps {
   /**
    * When type is "single", allows closing content when clicking trigger for an open item.
    *

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

@@ -2,7 +2,6 @@ import { UiClass } from "../../types/common.js";
 import { AffixUiSlot } from "./types.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import * as _$vue from "vue";
-
 //#region src/components/affix/context.d.ts
 declare const provideAffixUi: (ui: _$vue.ComputedRef<Partial<UiClass<AffixUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<AffixUiSlot>>>, useAffixUi: UseUiConsumer<AffixUiSlot>;
 //#endregion

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

@@ -4,11 +4,11 @@ import * as _$vue from "vue";
 //#region src/components/alert/alert-compact.vue.d.ts
 type __VLS_Slots = AlertCompactSlots;
 declare const __VLS_base: _$vue.DefineComponent<AlertCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  close: (event: PointerEvent) => any;
   "update:open": (open: boolean) => any;
+  close: (event: PointerEvent) => any;
 }, string, _$vue.PublicProps, Readonly<AlertCompactProps> & Readonly<{
-  onClose?: ((event: PointerEvent) => any) | undefined;
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
+  onClose?: ((event: PointerEvent) => any) | undefined;
 }>, {
   open: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

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

@@ -2,7 +2,6 @@ import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { AlertUiSlot } from "./types.js";
 import * as _$vue from "vue";
-
 //#region src/components/alert/context.d.ts
 declare const provideAlertUi: (ui: _$vue.ComputedRef<Partial<UiClass<AlertUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<AlertUiSlot>>>, useAlertUi: UseUiConsumer<AlertUiSlot>;
 //#endregion

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

@@ -2,7 +2,6 @@ import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { AnchorUiSlot } from "./types.js";
 import * as _$vue from "vue";
-
 //#region src/components/anchor/context.d.ts
 declare const provideAnchorUi: (ui: _$vue.ComputedRef<Partial<UiClass<AnchorUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<AnchorUiSlot>>>, useAnchorUi: UseUiConsumer<AnchorUiSlot>;
 //#endregion

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

@@ -5,8 +5,8 @@ import * as _$vue from "vue";
 declare const __VLS_export: <T extends AutocompleteSingleOptionData = AutocompleteSingleOptionData>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: _$vue.PublicProps & __VLS_PrettifyLocal<AutocompleteCompactProps<T> & {
     onSelect?: ((item: T) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onHighlight?: ((payload?: AutocompleteHighlightPayload | undefined) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -14,7 +14,7 @@ declare const __VLS_export: <T extends AutocompleteSingleOptionData = Autocomple
   expose: (exposed: {}) => void;
   attrs: any;
   slots: AutocompleteCompactSlots<T>;
-  emit: ((evt: "select", item: T) => void) & ((evt: "update:modelValue", value: string) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "highlight", payload?: AutocompleteHighlightPayload | undefined) => void);
+  emit: ((evt: "select", item: T) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: string) => void) & ((evt: "highlight", payload?: AutocompleteHighlightPayload | undefined) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.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"../combobox/context.js";import i from"../input/input-root.js";import a from"../input/input-control.js";import"../input/index.js";import{useAutocompleteRootContext as o}from"./context.js";import{computed as s,createBlock as c,createVNode as l,defineComponent as u,mergeProps as d,nextTick as f,onMounted as p,onUnmounted as m,openBlock as h,renderSlot as g,shallowRef as _,unref as v,useId as y,watchSyncEffect as b,withCtx as x,withKeys as S,withModifiers as C}from"vue";const w=u({name:`AutocompleteInput`,__name:`autocomplete-input`,props:{inputRef:{type:Function},controlProps:{},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(u,{emit:w}){let T=u,E=w,D=t(T,[`inputRef`,`controlProps`]),{disabled:O,focusable:k,highlightedElement:A,highlightFirstItem:j,onCompositionEnd:M,onCompositionStart:N,onKeydownEnter:P,onKeydownNavigation:F}=n(`AutocompleteInput`),{open:I,contentId:L,inputElement:R,triggerElement:z,disabled:ee,openOnClick:B,openOnFocus:V,filterSearch:H,isUserInputted:U,onOpenChange:W,onInputElementChange:G}=r(`AutocompleteInput`),{modelValue:K}=o(`AutocompleteInput`),q=y(),[J,Y]=e(e=>{let t=e;G(t),T.inputRef?.(t)}),X=s(()=>T.disabled||O.value||ee.value||!1),Z=_(),Q=s(()=>T.id??T.controlProps?.id??`soybean-autocomplete-input-${q}`),$=e=>{K.value=e,E(`update:modelValue`,e)},te=e=>{let t=e.target;if(U.value=!0,!I.value){W(!0),f(()=>{t.value&&(H.value=t.value,j())});return}H.value=t.value},ne=()=>{!V.value||I.value||W(!0)},re=()=>{!B.value||I.value||W(!0)},ie=e=>{if(!I.value){W(!0);return}F(e)},ae=e=>{if(!I.value)return;let t=e.relatedTarget;if(!t)return;let n=z.value?.contains(t),r=document.getElementById(L.value)?.contains(t);!n&&!r&&W(!1)};return b(()=>{Z.value=A.value?.id}),p(()=>{k.value=!1,setTimeout(()=>{T.autofocus&&J.value?.focus()},1)}),m(()=>{k.value=!0,R.value=void 0}),(e,t)=>(h(),c(v(i),d({"data-soybean-autocomplete-input-root":``},v(D),{"model-value":v(K),"onUpdate:modelValue":$}),{default:x(({clear:t})=>[g(e.$slots,`leading`,{clear:t}),l(v(a),d(u.controlProps,{id:Q.value,ref:v(Y),"data-soybean-autocomplete-input-control":``,"aria-activedescendant":Z.value,"aria-controls":v(L),"aria-expanded":v(I)||!1,"aria-autocomplete":`list`,autocomplete:`off`,disabled:X.value,role:`combobox`,spellcheck:`false`,type:`text`,onBlur:ae,onClick:re,onCompositionend:v(M),onCompositionstart:v(N),onFocus:ne,onInput:te,onKeydown:[S(C(ie,[`prevent`]),[`down`,`up`,`home`,`end`]),S(v(P),[`enter`])]}),null,16,[`id`,`aria-activedescendant`,`aria-controls`,`aria-expanded`,`disabled`,`onCompositionend`,`onCompositionstart`,`onKeydown`]),g(e.$slots,`trailing`,{clear:t})]),_:3},16,[`model-value`]))}});export{w as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.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"../combobox/context.js";import i from"../input/input-root.js";import a from"../input/input-control.js";import"../input/index.js";import{useAutocompleteRootContext as o}from"./context.js";import{computed as s,createBlock as c,createVNode as l,defineComponent as u,mergeProps as d,nextTick as f,onMounted as p,onUnmounted as m,openBlock as h,renderSlot as g,shallowRef as _,unref as v,useId as y,watchSyncEffect as b,withCtx as x,withKeys as S,withModifiers as C}from"vue";const w=u({name:`AutocompleteInput`,__name:`autocomplete-input`,props:{inputRef:{type:Function},controlProps:{},disabled:{type:Boolean},readonly:{type:Boolean},rootProps:{},name:{},required:{type:Boolean},id:{},autofocus:{type:Boolean},autocomplete:{},maxlength:{},minlength:{},pattern:{},placeholder:{},type:{}},emits:[`update:modelValue`],setup(u,{emit:w}){let T=u,E=w,D=t(T,[`inputRef`,`controlProps`]),{disabled:O,focusable:k,highlightedElement:A,highlightFirstItem:j,onCompositionEnd:M,onCompositionStart:N,onKeydownEnter:P,onKeydownNavigation:F}=n(`AutocompleteInput`),{open:I,contentId:L,inputElement:R,triggerElement:z,disabled:ee,openOnClick:B,openOnFocus:V,filterSearch:H,isUserInputted:U,onOpenChange:W,onInputElementChange:G}=r(`AutocompleteInput`),{modelValue:K}=o(`AutocompleteInput`),q=y(),[J,Y]=e(e=>{let t=e;G(t),T.inputRef?.(t)}),X=s(()=>T.disabled||O.value||ee.value||!1),Z=_(),Q=s(()=>T.id??T.controlProps?.id??`soybean-autocomplete-input-${q}`),$=e=>{K.value=e,E(`update:modelValue`,e)},te=e=>{let t=e.target;if(U.value=!0,!I.value){W(!0),f(()=>{t.value&&(H.value=t.value,j())});return}H.value=t.value},ne=()=>{!V.value||I.value||W(!0)},re=()=>{!B.value||I.value||W(!0)},ie=e=>{if(!I.value){W(!0);return}F(e)},ae=e=>{if(!I.value)return;let t=e.relatedTarget;if(!t)return;let n=z.value?.contains(t),r=document.getElementById(L.value)?.contains(t);!n&&!r&&W(!1)};return b(()=>{Z.value=A.value?.id}),p(()=>{k.value=!1,setTimeout(()=>{T.autofocus&&J.value?.focus()},1)}),m(()=>{k.value=!0,R.value=void 0}),(e,t)=>(h(),c(v(i),d({"data-soybean-autocomplete-input-root":``},v(D),{"model-value":v(K),"onUpdate:modelValue":$}),{default:x(({clear:t})=>[g(e.$slots,`leading`,{clear:t}),l(v(a),d(u.controlProps,{id:Q.value,ref:v(Y),"data-soybean-autocomplete-input-control":``,"aria-activedescendant":Z.value,"aria-controls":v(L),"aria-expanded":v(I)||!1,"aria-autocomplete":`list`,autocomplete:`off`,disabled:X.value,role:`combobox`,spellcheck:`false`,type:`text`,onBlur:ae,onClick:re,onCompositionend:v(M),onCompositionstart:v(N),onFocus:ne,onInput:te,onKeydown:[S(C(ie,[`prevent`]),[`down`,`up`,`home`,`end`]),S(v(P),[`enter`])]}),null,16,[`id`,`aria-activedescendant`,`aria-controls`,`aria-expanded`,`disabled`,`onCompositionend`,`onCompositionstart`,`onKeydown`]),g(e.$slots,`trailing`,{clear:t})]),_:3},16,[`model-value`]))}});export{w as default};

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

@@ -19,16 +19,16 @@ declare const __VLS_base: _$vue.DefineComponent<AutocompleteRootProps, {
   highlightFirstItem: () => void;
   highlightSelected: (event?: Event) => Promise<void> | undefined;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:modelValue": (value: string) => any;
   "update:open": (value: boolean) => any;
+  "update:modelValue": (value: string) => any;
   highlight: (payload?: AutocompleteHighlightPayload | undefined) => any;
 }, string, _$vue.PublicProps, Readonly<AutocompleteRootProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onHighlight?: ((payload?: AutocompleteHighlightPayload | undefined) => any) | undefined;
 }>, {
-  modelValue: string;
   open: boolean;
+  modelValue: string;
   defaultOpen: boolean;
   highlightOnHover: boolean;
   openOnFocus: boolean;

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

@@ -2,7 +2,6 @@ import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { ComboboxUiSlot } from "../combobox/types.js";
 import * as _$vue from "vue";
-
 //#region src/components/autocomplete/context.d.ts
 declare const provideAutocompleteUi: (ui: _$vue.ComputedRef<Partial<UiClass<ComboboxUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<ComboboxUiSlot>>>, useAutocompleteUi: UseUiConsumer<ComboboxUiSlot>;
 //#endregion

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

@@ -2,7 +2,6 @@ import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { AvatarUiSlot } from "./types.js";
 import * as _$vue from "vue";
-
 //#region src/components/avatar/context.d.ts
 declare const provideAvatarUi: (ui: _$vue.ComputedRef<Partial<UiClass<AvatarUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<AvatarUiSlot>>>, useAvatarUi: UseUiConsumer<AvatarUiSlot>;
 //#endregion

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

@@ -2,7 +2,6 @@ import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { BadgeUiSlot } from "./types.js";
 import * as _$vue from "vue";
-
 //#region src/components/badge/context.d.ts
 declare const provideBadgeUi: (ui: _$vue.ComputedRef<Partial<UiClass<BadgeUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<BadgeUiSlot>>>, useBadgeUi: UseUiConsumer<BadgeUiSlot>;
 //#endregion

package/dist/components/bottom-sheet/bottom-sheet-root-nested.vue.d.ts

@@ -34,9 +34,9 @@ declare const __VLS_base: _$vue.DefineComponent<(DialogRootProps & {
   handleOnly?: boolean;
   preventScrollRestoration?: boolean;
 } & WithoutFadeFromProps), {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:open": (value: boolean) => any;
   close: () => any;
   drag: (percentageDragged: number) => any;
-  "update:open": (value: boolean) => any;
   release: (open: boolean) => any;
   "update:activeSnapPoint": (val: string | number | null) => any;
 }, string, _$vue.PublicProps, Readonly<(DialogRootProps & {
@@ -66,9 +66,9 @@ declare const __VLS_base: _$vue.DefineComponent<(DialogRootProps & {
   handleOnly?: boolean;
   preventScrollRestoration?: boolean;
 } & WithoutFadeFromProps)> & Readonly<{
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onClose?: (() => any) | undefined;
   onDrag?: ((percentageDragged: number) => any) | undefined;
-  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onRelease?: ((open: boolean) => any) | undefined;
   "onUpdate:activeSnapPoint"?: ((val: string | number | null) => any) | undefined;
 }>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

package/dist/components/bottom-sheet/context.d.ts

@@ -2,7 +2,6 @@ import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { BottomSheetUiSlot } from "./types.js";
 import * as _$vue from "vue";
-
 //#region src/components/bottom-sheet/context.d.ts
 declare const provideBottomSheetUi: (ui: _$vue.ComputedRef<Partial<UiClass<BottomSheetUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<BottomSheetUiSlot>>>, useBottomSheetUi: UseUiConsumer<BottomSheetUiSlot>;
 //#endregion

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

@@ -2,7 +2,6 @@ import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { CalendarUiSlot } from "./types.js";
 import * as _$vue from "vue";
-
 //#region src/components/calendar/context.d.ts
 declare const provideCalendarUi: (ui: _$vue.ComputedRef<Partial<UiClass<CalendarUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<CalendarUiSlot>>>, useCalendarUi: UseUiConsumer<CalendarUiSlot>;
 //#endregion

package/dist/components/calendar-range/calendar-range-root.vue.d.ts

@@ -15,21 +15,21 @@ declare const __VLS_base: _$vue.DefineComponent<CalendarRangeRootProps, {}, {},
 }>, {
   placeholder: DateValue;
   disabled: boolean;
-  disableDaysOutsideCurrentView: boolean;
-  fixedWeeks: boolean;
-  initialFocus: boolean;
+  defaultValue: DateRange;
   numberOfMonths: number;
-  pagedNavigation: boolean;
-  preventDeselect: boolean;
+  fixedWeeks: boolean;
   readonly: boolean;
-  defaultValue: DateRange;
   defaultPlaceholder: DateValue;
+  allowNonContiguousRanges: boolean;
+  pagedNavigation: boolean;
+  preventDeselect: boolean;
+  maximumDays: number;
   weekdayFormat: WeekDayFormat;
+  initialFocus: boolean;
   isDateDisabled: DateMatcher;
   isDateUnavailable: DateMatcher;
-  allowNonContiguousRanges: boolean;
-  maximumDays: number;
   isDateHighlightable: DateMatcher;
+  disableDaysOutsideCurrentView: boolean;
   fixedDate: "start" | "end";
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/calendar-range/context.d.ts

@@ -2,7 +2,6 @@ import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { CalendarRangeUiSlot } from "./types.js";
 import * as _$vue from "vue";
-
 //#region src/components/calendar-range/context.d.ts
 declare const provideCalendarRangeUi: (ui: _$vue.ComputedRef<Partial<UiClass<CalendarRangeUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<CalendarRangeUiSlot>>>, useCalendarRangeUi: UseUiConsumer<CalendarRangeUiSlot>;
 //#endregion

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

@@ -15,8 +15,8 @@ declare const __VLS_base: _$vue.DefineComponent<CheckboxRootProps, {}, {}, {}, {
 }, string, _$vue.PublicProps, Readonly<CheckboxRootProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: CheckedState | null) => any) | undefined;
 }>, {
-  value: DefinedValue;
   modelValue: CheckedState | null;
+  value: DefinedValue;
 }, {}, {}, {}, 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/checkbox/context.d.ts

@@ -2,7 +2,6 @@ import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { CheckboxCardUiSlot, CheckboxUiSlot } from "./types.js";
 import * as _$vue from "vue";
-
 //#region src/components/checkbox/context.d.ts
 declare const provideCheckboxUi: (ui: _$vue.ComputedRef<Partial<UiClass<CheckboxUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<CheckboxUiSlot>>>, useCheckboxUi: UseUiConsumer<CheckboxUiSlot>;
 declare const provideCheckboxCardUi: (ui: _$vue.ComputedRef<Partial<UiClass<CheckboxCardUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<CheckboxCardUiSlot>>>, useCheckboxCardUi: UseUiConsumer<CheckboxCardUiSlot>;

package/dist/components/clipboard/clipboard.vue.d.ts

@@ -44,8 +44,8 @@ declare const __VLS_base: _$vue.DefineComponent<ClipboardProps, {}, {}, {}, {},
   onCopied?: ((value: string) => any) | undefined;
   onCopyError?: ((error: unknown) => any) | undefined;
 }>, {
-  legacy: boolean;
   copiedDuration: number;
+  legacy: boolean;
   copyIcon: string | _$vue.Component | _$vue.VNode<_$vue.RendererNode, _$vue.RendererElement, {
     [key: string]: any;
   }> | null;

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

@@ -2,7 +2,6 @@ import { UiClass } from "../../types/common.js";
 import { CollapsibleUiSlot } from "./types.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import * as _$vue from "vue";
-
 //#region src/components/collapsible/context.d.ts
 declare const provideCollapsibleUi: (ui: _$vue.ComputedRef<Partial<UiClass<CollapsibleUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<CollapsibleUiSlot>>>, useCollapsibleUi: UseUiConsumer<CollapsibleUiSlot>;
 //#endregion

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

@@ -5,13 +5,13 @@ import * as _$vue from "vue";
 //#region src/components/color-area/color-area-compact.vue.d.ts
 declare const __VLS_export: _$vue.DefineComponent<ColorAreaCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;
-  change: (value: string) => any;
   "update:color": (value: NormalizedColor) => any;
+  change: (value: string) => any;
   changeEnd: (value: string) => any;
 }, string, _$vue.PublicProps, Readonly<ColorAreaCompactProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-  onChange?: ((value: string) => any) | undefined;
   "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
+  onChange?: ((value: string) => any) | undefined;
   onChangeEnd?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

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

package/dist/components/color-area/context.d.ts

@@ -2,7 +2,6 @@ import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { ColorAreaUiSlot } from "./types.js";
 import * as _$vue from "vue";
-
 //#region src/components/color-area/context.d.ts
 declare const provideColorAreaUi: (ui: _$vue.ComputedRef<Partial<UiClass<ColorAreaUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<ColorAreaUiSlot>>>, useColorAreaUi: UseUiConsumer<ColorAreaUiSlot>;
 //#endregion

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

@@ -17,11 +17,11 @@ declare const __VLS_base: _$vue.DefineComponent<ColorFieldRootProps, {}, {}, {},
   disabled: boolean;
   format: ColorFormat;
   step: number;
-  readonly: boolean;
   modelValue: string | ColorValue;
   defaultValue: string | ColorValue;
-  disableWheelChange: boolean;
   colorSpace: ColorSpace;
+  readonly: boolean;
+  disableWheelChange: boolean;
 }, {}, {}, {}, 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/color-field/context.d.ts

@@ -2,7 +2,6 @@ import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { ColorFieldUiSlot } from "./types.js";
 import * as _$vue from "vue";
-
 //#region src/components/color-field/context.d.ts
 declare const provideColorFieldUi: (ui: _$vue.ComputedRef<Partial<UiClass<ColorFieldUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<ColorFieldUiSlot>>>, useColorFieldUi: UseUiConsumer<ColorFieldUiSlot>;
 //#endregion

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

@@ -16,38 +16,38 @@ type __VLS_Slots = {} & {
   trigger?: (props: typeof __VLS_21) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<ColorPickerCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:open": (value: boolean) => any;
   "update:modelValue": (value: string) => any;
+  "update:color": (value: NormalizedColor) => any;
+  "update:format": (value: ColorFormat) => any;
   change: (value: string) => any;
-  "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
-  "update:color": (value: NormalizedColor) => any;
-  "update:format": (value: ColorFormat) => any;
 }, string, _$vue.PublicProps, Readonly<ColorPickerCompactProps> & Readonly<{
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
+  "onUpdate:format"?: ((value: ColorFormat) => any) | undefined;
   onChange?: ((value: string) => any) | undefined;
-  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
-  "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
-  "onUpdate:format"?: ((value: ColorFormat) => any) | undefined;
 }>, {
   open: boolean;
-  placement: Placement;
-  showArrow: boolean;
-  colorSpace: ColorSpace;
   showAlpha: boolean;
   showFields: boolean;
   showSwatches: boolean;
   swatches: string[];
+  colorSpace: ColorSpace;
+  placement: Placement;
+  showArrow: boolean;
 }, {}, {}, {}, 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/color-picker/color-picker-root.vue.d.ts

@@ -13,8 +13,8 @@ declare var __VLS_1: {
   displayFormat: ColorFormat;
   displayFormatLabel: string;
   areaChannel: {
-    readonly x: "saturation" | "chroma";
-    readonly y: "lightness" | "brightness";
+    readonly x: "chroma" | "saturation";
+    readonly y: "brightness" | "lightness";
   };
   setColor: typeof setColor;
   setFormat: typeof setFormat;
@@ -24,21 +24,21 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: _$vue.DefineComponent<ColorPickerRootProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;
-  change: (value: string) => any;
   "update:color": (value: NormalizedColor) => any;
   "update:format": (value: ColorFormat) => any;
+  change: (value: string) => any;
 }, string, _$vue.PublicProps, Readonly<ColorPickerRootProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-  onChange?: ((value: string) => any) | undefined;
   "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
   "onUpdate:format"?: ((value: ColorFormat) => any) | undefined;
+  onChange?: ((value: string) => any) | undefined;
 }>, {
   disabled: boolean;
   format: ColorFormat;
   modelValue: string | ColorValue;
   defaultValue: string | ColorValue;
-  colorSpace: ColorSpace;
   defaultFormat: ColorFormat;
+  colorSpace: ColorSpace;
 }, {}, {}, {}, 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/color-picker/context.d.ts

@@ -2,7 +2,6 @@ import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { ColorPickerUiSlot } from "./types.js";
 import * as _$vue from "vue";
-
 //#region src/components/color-picker/context.d.ts
 declare const provideColorPickerUi: (ui: _$vue.ComputedRef<Partial<UiClass<ColorPickerUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<ColorPickerUiSlot>>>, useColorPickerUi: UseUiConsumer<ColorPickerUiSlot>;
 //#endregion

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

@@ -5,13 +5,13 @@ import * as _$vue from "vue";
 //#region src/components/color-slider/color-slider-compact.vue.d.ts
 declare const __VLS_export: _$vue.DefineComponent<ColorSliderCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;
-  change: (value: string) => any;
   "update:color": (value: NormalizedColor) => any;
+  change: (value: string) => any;
   changeEnd: (value: string) => any;
 }, string, _$vue.PublicProps, Readonly<ColorSliderCompactProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-  onChange?: ((value: string) => any) | undefined;
   "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
+  onChange?: ((value: string) => any) | undefined;
   onChangeEnd?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -10,13 +10,13 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: _$vue.DefineComponent<ColorSliderRootProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;
-  change: (value: string) => any;
   "update:color": (value: NormalizedColor) => any;
+  change: (value: string) => any;
   changeEnd: (value: string) => any;
 }, string, _$vue.PublicProps, Readonly<ColorSliderRootProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-  onChange?: ((value: string) => any) | undefined;
   "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
+  onChange?: ((value: string) => any) | undefined;
   onChangeEnd?: ((value: string) => any) | undefined;
 }>, {
   disabled: boolean;
@@ -25,8 +25,8 @@ declare const __VLS_base: _$vue.DefineComponent<ColorSliderRootProps, {}, {}, {}
   step: number;
   modelValue: string | ColorValue;
   defaultValue: string | ColorValue;
-  inverted: boolean;
   colorSpace: ColorSpace;
+  inverted: boolean;
 }, {}, {}, {}, 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/color-slider/context.d.ts

@@ -2,7 +2,6 @@ import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { ColorSliderUiSlot } from "./types.js";
 import * as _$vue from "vue";
-
 //#region src/components/color-slider/context.d.ts
 declare const provideColorSliderUi: (ui: _$vue.ComputedRef<Partial<UiClass<ColorSliderUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<ColorSliderUiSlot>>>, useColorSliderUi: UseUiConsumer<ColorSliderUiSlot>;
 //#endregion

package/dist/components/color-swatch-picker/context.d.ts

@@ -2,7 +2,6 @@ import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { ColorSwatchPickerUiSlot } from "./types.js";
 import * as _$vue from "vue";
-
 //#region src/components/color-swatch-picker/context.d.ts
 declare const provideColorSwatchPickerUi: (ui: _$vue.ComputedRef<Partial<UiClass<ColorSwatchPickerUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<ColorSwatchPickerUiSlot>>>, useColorSwatchPickerUi: UseUiConsumer<ColorSwatchPickerUiSlot>;
 //#endregion

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

@@ -8,23 +8,23 @@ import * as _$vue from "vue";
 declare const __VLS_export: <M extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: _$vue.PublicProps & __VLS_PrettifyLocal<ComboboxCompactProps<M> & {
     onSelect?: ((event: SelectEvent<string>) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: M extends true ? string[] : string) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: M extends true ? string[] : string) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
-    onPlaced?: (() => any) | undefined;
     onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
+    onPlaced?: (() => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: ComboboxCompactSlots<M>;
-  emit: ((evt: "select", event: SelectEvent<string>) => void) & ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "placed") => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void);
+  emit: ((evt: "select", event: SelectEvent<string>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "placed") => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

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

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

@@ -6,8 +6,8 @@ import * as _$vue from "vue";
 //#region src/components/combobox/combobox-root.vue.d.ts
 declare const __VLS_export: <M extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: _$vue.PublicProps & __VLS_PrettifyLocal<ComboboxRootProps<M> & {
-    "onUpdate:modelValue"?: ((value: M extends true ? string[] : string) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: M extends true ? string[] : string) => any) | undefined;
     onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -30,7 +30,7 @@ declare const __VLS_export: <M extends boolean = false>(__VLS_props: NonNullable
       modelValue: (M extends true ? string[] : string) | undefined;
     }) => any;
   };
-  emit: ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void);
+  emit: ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -2,7 +2,6 @@ import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { ComboboxUiSlot } from "./types.js";
 import { ComputedRef } from "vue";
-
 //#region src/components/combobox/context.d.ts
 declare const provideComboboxUi: (ui: ComputedRef<Partial<UiClass<ComboboxUiSlot>>>) => ComputedRef<Partial<UiClass<ComboboxUiSlot>>>, useComboboxUi: UseUiConsumer<ComboboxUiSlot>;
 //#endregion