@soybeanjs/headless 0.25.4 → 0.26.1

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

@@ -4,8 +4,8 @@ import { AutocompleteCompactProps, AutocompleteCompactSlots, AutocompleteHighlig
 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: import("vue").PublicProps & __VLS_PrettifyLocal<AutocompleteCompactProps<T> & {
     onSelect?: ((item: T) => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onHighlight?: ((payload?: AutocompleteHighlightPayload | undefined) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -13,7 +13,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:open", value: boolean) => void) & ((evt: "update:modelValue", value: string) => void) & ((evt: "highlight", payload?: AutocompleteHighlightPayload | undefined) => void);
+  emit: ((evt: "select", item: T) => void) & ((evt: "update:modelValue", value: string) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "highlight", payload?: AutocompleteHighlightPayload | undefined) => void);
 }>) => import("vue").VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/autocomplete/autocomplete-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{useControllableState as n}from"../../composables/use-controllable-state.js";import{useOmitProps as r}from"../../composables/use-props.js";import"../../composables/index.js";import{provideComboboxRootContext as i}from"../combobox/context.js";import a from"../popper/popper-root.js";import"../popper/index.js";import o from"../listbox/listbox-root.js";import"../listbox/index.js";import{provideAutocompleteRootContext as s}from"./context.js";import{computed as c,createBlock as l,createVNode as u,defineComponent as d,mergeProps as f,nextTick as p,onUnmounted as ee,openBlock as m,renderSlot as h,shallowRef as g,unref as _,useAttrs as v,useId as y,useTemplateRef as b,withCtx as x}from"vue";import{createEventHook as S}from"@vueuse/core";const C=d({name:`AutocompleteRoot`,inheritAttrs:!1,__name:`autocomplete-root`,props:{modelValue:{default:void 0},defaultValue:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean,default:!0},openOnFocus:{type:Boolean,default:!1},openOnClick:{type:Boolean,default:!1},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:open`,`highlight`],setup(d,{expose:C,emit:w}){let T=d,E=w,D=r(T,[`modelValue`,`defaultValue`,`open`,`defaultOpen`,`openOnClick`,`openOnFocus`],v()),O=t(()=>T.dir),k=n(()=>T.modelValue,e=>{E(`update:modelValue`,e)},T.defaultValue??``),A=n(()=>T.open,e=>{E(`update:open`,e)},T.defaultOpen),j=b(`listboxElement`),M=c(()=>j.value?.$el),N=c(()=>!1),P=g(!1),F=g(!1),I=c(()=>!1),L=c(()=>!1),R=c(()=>!0),z=c(()=>!0),B=g(),V=g(),H=g(),U=g(``),W=c(()=>j.value?.highlightedElement??void 0),G=S(),K=g(``),q=g(new Map),J=g(new Map),Y,X=()=>{U.value||(U.value=`soybean-autocomplete-content-${y()}`)},Z=c(e=>{if(!K.value||R.value||F.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}}),Q=async e=>{if(Y&&(clearTimeout(Y),Y=void 0),A.value=e,e){K.value=k.value??``,await p(),await j.value?.highlightSelected?.(),P.value=!0,B.value?.focus();return}P.value=!1,K.value=``,Y=setTimeout(()=>{!e&&I.value&&G.trigger(void 0)},1)},$=e=>{k.value=e},te=()=>{k.value=``};return ee(()=>{Y&&clearTimeout(Y)}),i({...e(T,[`disabled`,`openOnClick`,`openOnFocus`]),dir:O,ignoreFilter:R,resetSearchTermOnBlur:I,resetSearchTermOnSelect:L,resetModelValueOnClear:z,isMultiple:N,modelValue:k,onModelValueChange:$,resetModelValue:te,open:A,onOpenChange:Q,isUserInputted:P,isVirtual:F,parentElement:M,contentId:U,initContentId:X,inputElement:B,onInputElementChange(e){B.value=e},triggerElement:V,onTriggerElementChange(e){V.value=e},popupElement:H,onPopupElementChange(e){H.value=e},highlightedElement:W,onResetSearchTerm:G.on,filterSearch:K,allItems:q,allGroups:J,filterState:Z}),s({modelValue:k}),C({filtered:Z,highlightedElement:W,highlightItem:e=>{j.value?.highlightItem(e)},highlightFirstItem:()=>{j.value?.highlightFirstItem()},highlightSelected:e=>j.value?.highlightSelected(e)}),(e,t)=>(m(),l(_(a),null,{default:x(()=>[u(_(o),f({ref_key:`listboxElement`,ref:j},_(D),{"model-value":_(k),"highlight-on-hover":d.highlightOnHover,"selection-behavior":`replace`,"data-soybean-autocomplete-root":``,"onUpdate:modelValue":t[0]||(t[0]=e=>$(Array.isArray(e)?e[0]??``:e??``)),onHighlight:t[1]||(t[1]=e=>E(`highlight`,e))}),{default:x(()=>[h(e.$slots,`default`,{open:_(A),modelValue:_(k)})]),_:3},16,[`model-value`,`highlight-on-hover`])]),_:3}))}});export{C as default};
+import{transformPropsToContext as e}from"../../shared/vue.js";import{useDirection as t}from"../config-provider/context.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"../../composables/index.js";import{provideComboboxRootContext as i}from"../combobox/context.js";import a from"../popper/popper-root.js";import"../popper/index.js";import o from"../listbox/listbox-root.js";import"../listbox/index.js";import{provideAutocompleteRootContext as s}from"./context.js";import{computed as c,createBlock as l,createVNode as u,defineComponent as d,mergeProps as f,nextTick as p,onUnmounted as m,openBlock as h,renderSlot as ee,shallowRef as g,unref as _,useAttrs as v,useId as y,useTemplateRef as b,withCtx as x}from"vue";import{createEventHook as S}from"@vueuse/core";const C=d({name:`AutocompleteRoot`,inheritAttrs:!1,__name:`autocomplete-root`,props:{modelValue:{default:void 0},defaultValue:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean,default:!0},openOnFocus:{type:Boolean,default:!1},openOnClick:{type:Boolean,default:!1},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:open`,`highlight`],setup(d,{expose:C,emit:w}){let T=d,E=w,D=r(T,[`modelValue`,`defaultValue`,`open`,`defaultOpen`,`openOnClick`,`openOnFocus`],v()),O=t(()=>T.dir),k=n(()=>T.modelValue,e=>{E(`update:modelValue`,e)},T.defaultValue??``),A=n(()=>T.open,e=>{E(`update:open`,e)},T.defaultOpen),j=b(`listboxElement`),M=c(()=>j.value?.$el),N=c(()=>!1),P=g(!1),F=g(!1),I=c(()=>!1),L=c(()=>!1),R=c(()=>!0),z=c(()=>!0),B=g(),V=g(),H=g(),U=g(``),W=c(()=>j.value?.highlightedElement??void 0),G=S(),K=g(``),q=g(new Map),J=g(new Map),Y,X=()=>{U.value||(U.value=`soybean-autocomplete-content-${y()}`)},Z=c(e=>{if(!K.value||R.value||F.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}}),Q=async e=>{if(Y&&(clearTimeout(Y),Y=void 0),A.value=e,e){K.value=k.value??``,await p(),await j.value?.highlightSelected?.(),P.value=!0,B.value?.focus();return}P.value=!1,K.value=``,Y=setTimeout(()=>{!e&&I.value&&G.trigger(void 0)},1)},$=e=>{k.value=e},te=()=>{k.value=``};return m(()=>{Y&&clearTimeout(Y)}),i({...e(T,[`disabled`,`openOnClick`,`openOnFocus`]),dir:O,ignoreFilter:R,resetSearchTermOnBlur:I,resetSearchTermOnSelect:L,resetModelValueOnClear:z,isMultiple:N,modelValue:k,onModelValueChange:$,resetModelValue:te,open:A,onOpenChange:Q,isUserInputted:P,isVirtual:F,parentElement:M,contentId:U,initContentId:X,inputElement:B,onInputElementChange(e){B.value=e},triggerElement:V,onTriggerElementChange(e){V.value=e},popupElement:H,onPopupElementChange(e){H.value=e},highlightedElement:W,onResetSearchTerm:G.on,filterSearch:K,allItems:q,allGroups:J,filterState:Z}),s({modelValue:k}),C({filtered:Z,highlightedElement:W,highlightItem:e=>{j.value?.highlightItem(e)},highlightFirstItem:()=>{j.value?.highlightFirstItem()},highlightSelected:e=>j.value?.highlightSelected(e)}),(e,t)=>(h(),l(_(a),{dir:_(O)},{default:x(()=>[u(_(o),f({ref_key:`listboxElement`,ref:j},_(D),{"model-value":_(k),dir:_(O),"highlight-on-hover":d.highlightOnHover,"selection-behavior":`replace`,"data-soybean-autocomplete-root":``,"onUpdate:modelValue":t[0]||(t[0]=e=>$(Array.isArray(e)?e[0]??``:e??``)),onHighlight:t[1]||(t[1]=e=>E(`highlight`,e))}),{default:x(()=>[ee(e.$slots,`default`,{open:_(A),modelValue:_(k)})]),_:3},16,[`model-value`,`dir`,`highlight-on-hover`])]),_:3},8,[`dir`]))}});export{C as default};

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

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

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

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

package/dist/components/card/card-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"./card-root.js";import r from"./card-header.js";import i from"./card-title.js";import a from"./card-title-root.js";import o from"./card-description.js";import s from"./card-content.js";import c from"./card-footer.js";import{computed as l,createBlock as u,createCommentVNode as d,createTextVNode as f,createVNode as p,defineComponent as m,guardReactiveProps as h,mergeProps as g,normalizeProps as _,openBlock as v,renderSlot as y,toDisplayString as b,toHandlers as x,unref as S,useSlots as C,withCtx as w}from"vue";const T=m({name:`CardCompact`,__name:`card-compact`,props:{title:{},description:{},headerProps:{},contentProps:{},footerProps:{},titleRootProps:{},titleProps:{},descriptionProps:{},defaultOpen:{type:Boolean},open:{type:Boolean},disabled:{type:Boolean},unmountOnHide:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:open`],setup(m,{emit:T}){let E=m,D=T,O=C(),k=t(E,[`title`,`description`,`headerProps`,`contentProps`,`footerProps`,`titleRootProps`,`titleProps`,`descriptionProps`]),A=e(D),j=l(()=>!!(O.header||O.title||O.description||O.extra||E.title||E.description));return(e,t)=>(v(),u(n,g(S(k),x(S(A))),{default:w(()=>[j.value?(v(),u(r,_(g({key:0},m.headerProps)),{default:w(()=>[y(e.$slots,`header`,{},()=>[p(a,_(h(m.titleRootProps)),{default:w(()=>[y(e.$slots,`title-leading`),p(i,_(h(m.titleProps)),{default:w(()=>[y(e.$slots,`title`,{},()=>[f(b(m.title),1)])]),_:3},16),y(e.$slots,`title-trailing`)]),_:3},16),y(e.$slots,`extra`),O.description||m.description?(v(),u(o,_(g({key:0},m.descriptionProps)),{default:w(()=>[y(e.$slots,`description`,{},()=>[f(b(m.description),1)])]),_:3},16)):d(`v-if`,!0)])]),_:3},16)):d(`v-if`,!0),p(s,_(h(m.contentProps)),{default:w(()=>[y(e.$slots,`default`)]),_:3},16),O.footer?(v(),u(c,_(g({key:1},m.footerProps)),{default:w(()=>[y(e.$slots,`footer`)]),_:3},16)):d(`v-if`,!0)]),_: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"./card-root.js";import r from"./card-header.js";import i from"./card-title.js";import a from"./card-title-root.js";import o from"./card-description.js";import s from"./card-content.js";import c from"./card-footer.js";import{computed as l,createBlock as u,createCommentVNode as d,createTextVNode as f,createVNode as p,defineComponent as m,guardReactiveProps as h,mergeProps as g,normalizeProps as _,openBlock as v,renderSlot as y,toDisplayString as b,toHandlers as x,unref as S,useSlots as C,withCtx as w}from"vue";const T=m({name:`CardCompact`,__name:`card-compact`,props:{title:{},description:{},headerProps:{},contentProps:{},footerProps:{},titleRootProps:{},titleProps:{},descriptionProps:{},defaultOpen:{type:Boolean},open:{type:Boolean},disabled:{type:Boolean},unmountOnHide:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:open`],setup(m,{emit:T}){let E=m,D=T,O=C(),k=t(E,[`title`,`description`,`headerProps`,`contentProps`,`footerProps`,`titleRootProps`,`titleProps`,`descriptionProps`]),A=e(D),j=l(()=>!!(O.header||O.title||O.description||O.extra||E.title||E.description)),M=l(()=>!!O.footer);return(e,t)=>(v(),u(n,g(S(k),{"data-header-visible":j.value,"data-footer-visible":M.value},x(S(A))),{default:w(()=>[j.value?(v(),u(r,_(g({key:0},m.headerProps)),{default:w(()=>[y(e.$slots,`header`,{},()=>[p(a,_(h(m.titleRootProps)),{default:w(()=>[y(e.$slots,`title-leading`),p(i,_(h(m.titleProps)),{default:w(()=>[y(e.$slots,`title`,{},()=>[f(b(m.title),1)])]),_:3},16),y(e.$slots,`title-trailing`)]),_:3},16),y(e.$slots,`extra`),O.description||m.description?(v(),u(o,_(g({key:0},m.descriptionProps)),{default:w(()=>[y(e.$slots,`description`,{},()=>[f(b(m.description),1)])]),_:3},16)):d(`v-if`,!0)])]),_:3},16)):d(`v-if`,!0),p(s,g(m.contentProps,{"data-header-visible":j.value,"data-footer-visible":M.value}),{default:w(()=>[y(e.$slots,`default`)]),_:3},16,[`data-header-visible`,`data-footer-visible`]),M.value?(v(),u(c,_(g({key:1},m.footerProps)),{default:w(()=>[y(e.$slots,`footer`)]),_:3},16)):d(`v-if`,!0)]),_:3},16,[`data-header-visible`,`data-footer-visible`]))}});export{T as default};

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

@@ -1 +1 @@
-import{useCollapsibleRootContext as e,useCollapsibleUi as t}from"./context.js";import n from"../button/button.js";import{createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=i({name:`CollapsibleTrigger`,__name:`collapsible-trigger`,props:{disabledCollapsible:{type:Boolean},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(i){let u=i,{open:d,onOpenToggle:f,contentId:p,disabled:m,dataState:h}=e(`CollapsibleTrigger`),g=t(`trigger`),_=()=>{f()};return(e,t)=>(o(),r(n,a(u,{"data-soybean-collapsible-trigger":``,class:c(g),disabled:c(m)||i.disabledCollapsible,"aria-controls":c(p),"aria-expanded":c(d),"data-state":c(h),onClick:_}),{default:l(()=>[s(e.$slots,`default`,{open:c(d)})]),_:3},16,[`class`,`disabled`,`aria-controls`,`aria-expanded`,`data-state`]))}});export{u as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import{useCollapsibleRootContext as t,useCollapsibleUi as n}from"./context.js";import r from"../button/button.js";import{createBlock as i,defineComponent as a,mergeProps as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";const d=a({name:`CollapsibleTrigger`,__name:`collapsible-trigger`,props:{disabledCollapsible:{type:Boolean},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(a){let d=a,f=e(d,[`disabledCollapsible`]),{open:p,onOpenToggle:m,contentId:h,disabled:g,dataState:_}=t(`CollapsibleTrigger`),v=n(`trigger`),y=()=>{d.disabledCollapsible||m()};return(e,t)=>(s(),i(r,o(l(f),{"data-soybean-collapsible-trigger":``,class:l(v),disabled:l(g),"aria-controls":l(h),"aria-expanded":l(p),"data-state":l(_),onClick:y}),{default:u(()=>[c(e.$slots,`default`,{open:l(p)})]),_:3},16,[`class`,`disabled`,`aria-controls`,`aria-expanded`,`data-state`]))}});export{d as default};

package/dist/components/color-picker/color-picker-compact.js

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{usePickProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../color-area/color-area-compact.js";import r from"../color-field/color-field-compact.js";import i from"../color-slider/color-slider-compact.js";import a from"../color-swatch/color-swatch-compact.js";import o from"../color-swatch-picker/color-swatch-picker-compact.js";import s from"../popover/popover-compact.js";import c from"../segment/segment-compact.js";import{colorFormats as l}from"./shared.js";import{useColorPickerUi as u}from"./context.js";import d from"./color-picker-root.js";import f from"./color-picker-trigger.js";import{createBlock as p,createCommentVNode as m,createElementBlock as h,createElementVNode as g,createVNode as _,defineComponent as v,guardReactiveProps as y,mergeProps as b,normalizeClass as x,normalizeProps as S,openBlock as C,renderSlot as w,toHandlers as T,unref as E,withCtx as D}from"vue";const O=v({name:`ColorPickerCompact`,__name:`color-picker-compact`,props:{showAlpha:{type:Boolean,default:!0},showFields:{type:Boolean,default:!0},showSwatches:{type:Boolean,default:!0},swatches:{default:()=>[]},swatchProps:{},segmentProps:{},areaProps:{},hueSliderProps:{},alphaSliderProps:{},alphaFieldProps:{},fieldProps:{},swatchPickerProps:{},modelValue:{},defaultValue:{},format:{},defaultFormat:{},colorSpace:{default:`hsl`},disabled:{type:Boolean},name:{},required:{type:Boolean},placement:{default:`bottom`},showArrow:{type:Boolean,default:!0},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean}},emits:[`update:modelValue`,`update:color`,`update:format`,`change`,`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(v,{emit:O}){let k=v,A=O,j=u(),M=e(A),N=t(k,[`name`,`required`,`modelValue`,`defaultValue`,`format`,`defaultFormat`,`disabled`,`colorSpace`]),P=t(k,[`open`,`defaultOpen`,`modal`,`disabled`,`placement`,`showArrow`,`triggerProps`,`positionerProps`,`popupProps`,`closeProps`,`portalProps`,`arrowProps`]);return(e,t)=>(C(),p(d,b(E(N),T(E(M))),{default:D(({color:t,hexValue:u,displayFormat:d,displayFormatLabel:O,areaChannel:k,setColor:A,setFormat:N})=>[_(s,b(E(P),T(E(M))),{trigger:D(()=>[_(f,null,{default:D(t=>[w(e.$slots,`trigger`,S(y(t)))]),_:3})]),default:D(()=>[g(`div`,{class:x(E(j).content),"data-soybean-color-picker-content":``},[_(c,b(v.segmentProps,{"data-soybean-color-picker-segment":``,class:E(j).segment,"model-value":d,items:E(l),disabled:v.disabled,"onUpdate:modelValue":N}),null,16,[`class`,`model-value`,`items`,`disabled`,`onUpdate:modelValue`]),_(n,b(v.areaProps,{"data-soybean-color-picker-area":``,class:E(j).area,"model-value":t,"color-space":v.colorSpace,"x-channel":k.x,"y-channel":k.y,disabled:v.disabled,"onUpdate:color":A}),null,16,[`class`,`model-value`,`color-space`,`x-channel`,`y-channel`,`disabled`,`onUpdate:color`]),g(`div`,{class:x(E(j).sliderSwatch),"data-soybean-color-picker-slider-swatch":``},[g(`div`,{class:x(E(j).sliderRoot),"data-soybean-color-picker-slider-root":``},[_(i,b(v.hueSliderProps,{"data-soybean-color-picker-hue-slider":``,class:E(j).slider,"model-value":t,channel:`hue`,"color-space":v.colorSpace,disabled:v.disabled,"onUpdate:color":A}),null,16,[`class`,`model-value`,`color-space`,`disabled`,`onUpdate:color`]),v.showAlpha?(C(),p(i,b({key:0},v.alphaSliderProps,{"data-soybean-color-picker-alpha-slider":``,class:E(j).alphaSlider,"model-value":t,channel:`alpha`,"color-space":v.colorSpace,disabled:v.disabled,"onUpdate:color":A}),null,16,[`class`,`model-value`,`color-space`,`disabled`,`onUpdate:color`])):m(`v-if`,!0)],2),_(a,b(v.swatchProps,{"data-soybean-color-picker-swatch":``,class:E(j).swatch,color:u}),null,16,[`class`,`color`])],2),v.showFields?(C(),h(`div`,{key:0,class:x(E(j).fields),"data-soybean-color-picker-fields":``},[_(r,b(v.fieldProps,{"data-soybean-color-picker-field":``,class:E(j).field,"model-value":u,format:d,placeholder:O,disabled:v.disabled,"onUpdate:modelValue":A}),null,16,[`class`,`model-value`,`format`,`placeholder`,`disabled`,`onUpdate:modelValue`]),v.showAlpha?(C(),p(r,b({key:0},v.alphaFieldProps,{"data-soybean-color-picker-alpha-field":``,class:E(j).alphaField,"model-value":t,channel:`alpha`,"color-space":v.colorSpace,disabled:v.disabled,"onUpdate:color":A}),null,16,[`class`,`model-value`,`color-space`,`disabled`,`onUpdate:color`])):m(`v-if`,!0)],2)):m(`v-if`,!0),v.showSwatches&&v.swatches.length?(C(),p(o,b({key:1},v.swatchPickerProps,{"data-soybean-color-picker-swatch-picker":``,class:E(j).swatchPicker,colors:v.swatches,"model-value":u,disabled:v.disabled,multiple:!1,"onUpdate:modelValue":A}),null,16,[`class`,`colors`,`model-value`,`disabled`,`onUpdate:modelValue`])):m(`v-if`,!0)],2)]),_:2},1040)]),_:3},16))}});export{O as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{usePickProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../color-area/color-area-compact.js";import r from"../color-field/color-field-compact.js";import i from"../color-slider/color-slider-compact.js";import a from"../color-swatch/color-swatch-compact.js";import o from"../color-swatch-picker/color-swatch-picker-compact.js";import s from"../popover/popover-compact.js";import c from"../segment/segment-compact.js";import{colorFormats as l}from"./shared.js";import{useColorPickerUi as u}from"./context.js";import d from"./color-picker-root.js";import f from"./color-picker-trigger.js";import{createBlock as p,createCommentVNode as m,createElementBlock as h,createElementVNode as g,createVNode as _,defineComponent as v,guardReactiveProps as y,mergeProps as b,normalizeClass as x,normalizeProps as S,openBlock as C,renderSlot as w,toHandlers as T,unref as E,withCtx as D}from"vue";const O=v({name:`ColorPickerCompact`,__name:`color-picker-compact`,props:{showAlpha:{type:Boolean,default:!0},showFields:{type:Boolean,default:!0},showSwatches:{type:Boolean,default:!0},swatches:{default:()=>[]},swatchProps:{},segmentProps:{},areaProps:{},hueSliderProps:{},alphaSliderProps:{},alphaFieldProps:{},fieldProps:{},swatchPickerProps:{},modelValue:{},defaultValue:{},format:{},defaultFormat:{},colorSpace:{default:`hsl`},disabled:{type:Boolean},name:{},required:{type:Boolean},placement:{default:`bottom`},showArrow:{type:Boolean,default:!0},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean}},emits:[`update:modelValue`,`update:color`,`update:format`,`change`,`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(v,{emit:O}){let k=v,A=O,j=u(),M=e(A),N=t(k,[`name`,`required`,`modelValue`,`defaultValue`,`format`,`defaultFormat`,`disabled`,`colorSpace`]),P=t(k,[`open`,`defaultOpen`,`modal`,`disabled`,`placement`,`showArrow`,`triggerProps`,`positionerProps`,`popupProps`,`closeProps`,`portalProps`,`arrowProps`]);return(e,t)=>(C(),p(d,b(E(N),T(E(M))),{default:D(({color:t,hexValue:u,displayFormat:d,displayFormatLabel:O,areaChannel:k,setColor:A,setFormat:N})=>[_(s,b(E(P),T(E(M))),{trigger:D(()=>[_(f,null,{default:D(t=>[w(e.$slots,`trigger`,S(y(t)))]),_:3})]),default:D(()=>[g(`div`,{class:x(E(j).content),"data-soybean-color-picker-content":``},[_(c,b(v.segmentProps,{"data-soybean-color-picker-segment":``,class:E(j).segment,"model-value":d,items:E(l),disabled:v.disabled,"onUpdate:modelValue":N}),null,16,[`class`,`model-value`,`items`,`disabled`,`onUpdate:modelValue`]),_(n,b(v.areaProps,{"data-soybean-color-picker-area":``,class:E(j).area,"model-value":t,"color-space":v.colorSpace,"x-channel":k.x,"y-channel":k.y,disabled:v.disabled,"onUpdate:color":A}),null,16,[`class`,`model-value`,`color-space`,`x-channel`,`y-channel`,`disabled`,`onUpdate:color`]),g(`div`,{class:x(E(j).sliderSwatch),"data-soybean-color-picker-slider-swatch":``},[g(`div`,{class:x(E(j).sliderRoot),"data-soybean-color-picker-slider-root":``},[_(i,b(v.hueSliderProps,{"data-soybean-color-picker-hue-slider":``,class:E(j).slider,"model-value":t,channel:`hue`,"color-space":v.colorSpace,disabled:v.disabled,"onUpdate:color":A}),null,16,[`class`,`model-value`,`color-space`,`disabled`,`onUpdate:color`]),v.showAlpha?(C(),p(i,b({key:0},v.alphaSliderProps,{"data-soybean-color-picker-alpha-slider":``,class:E(j).alphaSlider,"model-value":t,channel:`alpha`,"color-space":v.colorSpace,disabled:v.disabled,"onUpdate:color":A}),null,16,[`class`,`model-value`,`color-space`,`disabled`,`onUpdate:color`])):m(`v-if`,!0)],2),_(a,b(v.swatchProps,{"data-soybean-color-picker-swatch":``,class:E(j).swatch,color:u}),null,16,[`class`,`color`])],2),v.showFields?(C(),h(`div`,{key:0,class:x(E(j).fields),"data-soybean-color-picker-fields":``},[_(r,b(v.fieldProps,{"data-soybean-color-picker-field":``,class:E(j).field,"model-value":u,format:d,placeholder:O,disabled:v.disabled,"onUpdate:modelValue":A}),null,16,[`class`,`model-value`,`format`,`placeholder`,`disabled`,`onUpdate:modelValue`]),v.showAlpha?(C(),p(r,b({key:0},v.alphaFieldProps,{"data-soybean-color-picker-alpha-field":``,class:E(j).alphaField,"model-value":t,channel:`alpha`,"color-space":v.colorSpace,disabled:v.disabled,"onUpdate:color":A}),null,16,[`class`,`model-value`,`color-space`,`disabled`,`onUpdate:color`])):m(`v-if`,!0)],2)):m(`v-if`,!0),v.showSwatches&&v.swatches.length?(C(),p(o,b({key:1},v.swatchPickerProps,{"data-soybean-color-picker-swatch-picker":``,class:E(j).swatchPicker,colors:v.swatches,"model-value":u,disabled:v.disabled,multiple:!1,"onUpdate:modelValue":A}),null,16,[`class`,`colors`,`model-value`,`disabled`,`onUpdate:modelValue`])):m(`v-if`,!0)],2)]),_:2},1040)]),_:3},16))}});export{O as default};

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

@@ -14,8 +14,8 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<ColorPickerCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   change: (value: string) => any;
-  "update:open": (value: boolean) => any;
   "update:modelValue": (value: string) => any;
+  "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
@@ -26,8 +26,8 @@ declare const __VLS_base: import("vue").DefineComponent<ColorPickerCompactProps,
   "update:format": (value: ColorFormat) => any;
 }, string, import("vue").PublicProps, Readonly<ColorPickerCompactProps> & Readonly<{
   onChange?: ((value: string) => any) | undefined;
-  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   "onUpdate:modelValue"?: ((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;

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

@@ -11,8 +11,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;
@@ -35,8 +35,8 @@ declare const __VLS_base: import("vue").DefineComponent<ColorPickerRootProps, {}
   format: ColorFormat;
   defaultValue: string | ColorValue;
   modelValue: string | ColorValue;
-  colorSpace: ColorSpace;
   defaultFormat: ColorFormat;
+  colorSpace: ColorSpace;
 }, {}, {}, {}, string, import("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-compact.vue.d.ts

@@ -6,8 +6,8 @@ import { ComboboxCompactProps, ComboboxCompactSlots } from "./types.js";
 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: import("vue").PublicProps & __VLS_PrettifyLocal<ComboboxCompactProps<M> & {
     onSelect?: ((event: SelectEvent<string>) => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: M extends true ? string[] : string) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
@@ -22,7 +22,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: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);
+  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: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "placed") => void);
 }>) => import("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{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(),{dir:M,contentId:N,open:P,ignoreFilter:F,allItems:I,filterState:L,parentElement:R,inputElement:z,triggerElement:B,onOpenChange:V,onPopupElementChange:H}=l(`ComboboxContentImpl`),[U,W]=n(H),{pointerEvents:G}=t(U,{disableOutsidePointerEvents:()=>k.disableOutsidePointerEvents,onEscapeKeyDown:e=>{A(`escapeKeyDown`,e)},onPointerDownOutside:e=>{R.value?.contains(e.target)&&e.preventDefault(),A(`pointerDownOutside`,e)},onFocusOutside:e=>{R.value?.contains(e.target)&&e.preventDefault(),A(`focusOutside`,e)},onInteractOutside:e=>{A(`interactOutside`,e)},onDismiss:()=>{V(!1)}}),{onKeydown:K}=i(U,{trapped:()=>k.trapFocus,loop:!0,onOpenAutoFocus:e=>{A(`openAutoFocus`,e),e.preventDefault()},onCloseAutoFocus:e=>{A(`closeAutoFocus`,e),e.preventDefault()}}),q=p(()=>k.position),J=o(k,[`bodyLock`,`disableOutsidePointerEvents`,`forceMount`,`hideWhenEmpty`,`popupProps`,`position`,`trapFocus`]),Y=p(()=>({...j,...k.popupProps})),X=p(()=>F.value?I.value.size===0:L.value.count===0),Z=p(()=>({pointerEvents:G.value,display:k.hideWhenEmpty&&X.value?`none`:`flex`,flexDirection:`column`,outline:`none`,...q.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:q}),r(),a(()=>[R.value,U.value],P),E(()=>{k.bodyLock&&b(e())});let Q=S(!1);return v(()=>{z.value&&U.value&&(Q.value=U.value.contains(z.value),Q.value&&z.value.focus())}),y(()=>{let e=document.activeElement;Q.value&&(!e||e===document.body)&&B.value?.focus()}),(e,t)=>q.value===`popper`?(x(),m(w(d),_({key:0},w(J),{onPlaced:t[0]||(t[0]=e=>A(`placed`))}),{default:D(()=>[h(w(f),_({id:w(N),ref:w(W)},Y.value,{"data-dismissable-layer":``,dir:w(M),"data-state":w(P)?`open`:`closed`,"data-empty":X.value?``:void 0,style:Z.value,onKeydown:w(K)}),{default:D(()=>[C(e.$slots,`default`)]),_:3},16,[`id`,`dir`,`data-state`,`data-empty`,`style`,`onKeydown`])]),_:3},16)):(x(),m(w(s),_({key:1,id:w(N),ref:w(W)},Y.value,{as:`div`,"data-dismissable-layer":``,dir:w(M),"data-state":w(P)?`open`:`closed`,"data-empty":X.value?``:void 0,style:Z.value,onKeydown:w(K)}),{default:D(()=>[C(e.$slots,`default`)]),_:3},16,[`id`,`dir`,`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(),{dir:M,contentId:N,open:P,ignoreFilter:F,allItems:I,filterState:L,parentElement:R,inputElement:z,triggerElement:B,onOpenChange:V,onPopupElementChange:H}=l(`ComboboxContentImpl`),[U,W]=n(H),{pointerEvents:G}=t(U,{disableOutsidePointerEvents:()=>k.disableOutsidePointerEvents,onEscapeKeyDown:e=>{A(`escapeKeyDown`,e)},onPointerDownOutside:e=>{R.value?.contains(e.target)&&e.preventDefault(),A(`pointerDownOutside`,e)},onFocusOutside:e=>{R.value?.contains(e.target)&&e.preventDefault(),A(`focusOutside`,e)},onInteractOutside:e=>{A(`interactOutside`,e)},onDismiss:()=>{V(!1)}}),{onKeydown:K}=i(U,{trapped:()=>k.trapFocus,loop:!0,onOpenAutoFocus:e=>{A(`openAutoFocus`,e),e.preventDefault()},onCloseAutoFocus:e=>{A(`closeAutoFocus`,e),e.preventDefault()}}),q=p(()=>k.position),J=o(k,[`bodyLock`,`disableOutsidePointerEvents`,`forceMount`,`hideWhenEmpty`,`popupProps`,`position`,`trapFocus`]),Y=p(()=>({...j,...k.popupProps})),X=p(()=>F.value?I.value.size===0:L.value.count===0),Z=p(()=>({pointerEvents:G.value,display:k.hideWhenEmpty&&X.value?`none`:`flex`,flexDirection:`column`,outline:`none`,...q.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:q}),r(),a(()=>[R.value,U.value],P),E(()=>{k.bodyLock&&b(e())});let Q=S(!1);return v(()=>{z.value&&U.value&&(Q.value=U.value.contains(z.value),Q.value&&z.value.focus())}),y(()=>{let e=document.activeElement;Q.value&&(!e||e===document.body)&&B.value?.focus()}),(e,t)=>q.value===`popper`?(x(),m(w(d),_({key:0},w(J),{onPlaced:t[0]||(t[0]=e=>A(`placed`))}),{default:D(()=>[h(w(f),_({id:w(N),ref:w(W)},Y.value,{"data-dismissable-layer":``,"data-state":w(P)?`open`:`closed`,"data-empty":X.value?``:void 0,style:Z.value,onKeydown:w(K)}),{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(N),ref:w(W)},Y.value,{as:`div`,"data-dismissable-layer":``,dir:w(M),"data-state":w(P)?`open`:`closed`,"data-empty":X.value?``:void 0,style:Z.value,onKeydown:w(K)}),{default:D(()=>[C(e.$slots,`default`)]),_:3},16,[`id`,`dir`,`data-state`,`data-empty`,`style`,`onKeydown`]))}});export{O as default};

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

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

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

@@ -4,8 +4,8 @@ import { ComboboxRootProps } from "./types.js";
 //#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: import("vue").PublicProps & __VLS_PrettifyLocal<ComboboxRootProps<M> & {
-    "onUpdate:open"?: ((value: boolean) => 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;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -28,7 +28,7 @@ declare const __VLS_export: <M extends boolean = false>(__VLS_props: NonNullable
       modelValue: (M extends true ? string[] : string) | undefined;
     }) => any;
   };
-  emit: ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void);
+  emit: ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void);
 }>) => import("vue").VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/config-provider/config-provider.js

@@ -1,4 +1,4 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import{resolveLocaleDirection as t}from"../../locale/locales.js";import{provideConfigProviderContext as n}from"./context.js";import"../../shared/index.js";import{computed as r,defineComponent as i,renderSlot as a}from"vue";import{useStyleTag as o}from"@vueuse/core";const s=i({name:`ConfigProvider`,__name:`config-provider`,props:{dir:{},locale:{default:`en`},nonce:{default:void 0},tooltip:{},nuxt:{type:Boolean,default:!1},iconRender:{},messages:{}},setup(i){let s=i,c=r(()=>s.dir??t(s.locale));return n({...e(s),dir:c,iconRender:s.iconRender}),o(`
+import{transformPropsToContext as e}from"../../shared/vue.js";import{resolveLocaleDirection as t}from"../../locale/locales.js";import{provideConfigProviderContext as n}from"./context.js";import"../../shared/index.js";import{computed as r,defineComponent as i,renderSlot as a}from"vue";import{useStyleTag as o}from"@vueuse/core";const s=i({name:`ConfigProvider`,__name:`config-provider`,props:{dir:{},locale:{default:`en`},nonce:{default:void 0},tooltip:{},iconRender:{},messages:{}},setup(i){let s=i,c=r(()=>s.dir??t(s.locale));return n({...e(s),dir:c,iconRender:s.iconRender}),o(`
 .soybean-headless-scrollbar-hidden {
   scrollbar-width: none;
   -ms-overflow-style: none;

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

@@ -6,7 +6,6 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ConfigProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ConfigProviderProps> & Readonly<{}>, {
-  nuxt: boolean;
   locale: string;
   nonce: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -33,12 +33,6 @@ interface ConfigProviderProps {
    * @type TooltipProviderProps
    */
   tooltip?: Partial<TooltipProviderProps>;
-  /**
-   * Whether the application is running in Nuxt.
-   *
-   * @type boolean
-   */
-  nuxt?: boolean;
   /**
    * A function to render the icon. This is useful when you want to use a custom icon library or want to wrap the icon with a custom component.
    *

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

@@ -6,22 +6,22 @@ import { ContextMenuCheckboxCompactProps, ContextMenuCheckboxCompactSlots } from
 declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__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: import("vue").PublicProps & __VLS_PrettifyLocal<ContextMenuCheckboxCompactProps<T> & {
     onSelect?: ((item: MenuCheckboxOptionData<T>, event: Event) => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
-    onEntryFocus?: ((event: Event) => 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;
+    onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: ContextMenuCheckboxCompactSlots<T>;
-  emit: ((evt: "select", item: MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: T[]) => 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);
+  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: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
 }>) => import("vue").VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -7,20 +7,20 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   props: import("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;
     onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: ContextMenuCompactSlots<T>;
-  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);
+  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: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
 }>) => import("vue").VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -7,21 +7,21 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_11) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ContextMenuContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  entryFocus: (event: Event) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
+  entryFocus: (event: Event) => any;
 }, string, import("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;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  onEntryFocus?: ((event: Event) => any) | undefined;
 }>, {
   avoidCollisions: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -6,22 +6,22 @@ import { ContextMenuRadioCompactProps, ContextMenuRadioCompactSlots } from "./ty
 declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue>(__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: import("vue").PublicProps & __VLS_PrettifyLocal<ContextMenuRadioCompactProps<T> & {
     onSelect?: ((item: MenuRadioOptionData<T>, event: Event) => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((payload: Exclude<T, undefined>) => any) | undefined;
-    onEntryFocus?: ((event: Event) => 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;
+    onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: ContextMenuRadioCompactSlots<T>;
-  emit: ((evt: "select", item: MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", payload: Exclude<T, undefined>) => 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);
+  emit: ((evt: "select", item: MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", payload: Exclude<T, undefined>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
 }>) => import("vue").VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -9,22 +9,22 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<ContextMenuWrapperCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
-  entryFocus: (event: Event) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
+  entryFocus: (event: Event) => any;
 }, string, import("vue").PublicProps, Readonly<ContextMenuWrapperCompactProps> & Readonly<{
   "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;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  onEntryFocus?: ((event: Event) => any) | undefined;
 }>, {
   modal: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/date-picker/date-picker-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 r from"../_icon/icon.js";import i from"../popover/popover-compact.js";import a from"../date-field/date-field-compact.js";import{computed as o,createBlock as s,createVNode as c,defineComponent as l,mergeProps as u,openBlock as d,renderSlot as f,toHandlers as p,unref as m,withCtx as h}from"vue";const g=l({name:`DatePickerCompact`,__name:`date-picker-compact`,props:{dateFieldProps:{},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},disabled:{type:Boolean},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean},headerProps:{},headingProps:{},prevProps:{},nextProps:{},gridProps:{},gridHeadProps:{},gridBodyProps:{},gridRowProps:{},headCellProps:{},cellProps:{},cellTriggerProps:{},dir:{},locale:{},modelValue:{},defaultValue:{},multiple:{},placeholder:{},defaultPlaceholder:{},readonly:{type:Boolean},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},weekStartsOn:{},weekdayFormat:{},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},numberOfMonths:{},initialFocus:{type:Boolean},isDateDisabled:{},isDateUnavailable:{},nextPage:{},prevPage:{},disableDaysOutsideCurrentView:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`update:modelValue`,`update:placeholder`],setup(l,{emit:g}){let _=l,v=g,y=e(v),b=n(_,[`open`,`defaultOpen`,`modal`,`disabled`,`placement`,`showArrow`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`]),x=n(_,[`dir`,`locale`,`modelValue`,`defaultValue`,`placeholder`,`defaultPlaceholder`,`disabled`,`readonly`,`maxValue`,`minValue`,`isDateUnavailable`],o(()=>({..._.dateFieldProps}))),S=o(()=>({..._.triggerProps,asChild:_.triggerProps?.asChild??!1})),C=t(_,[`open`,`defaultOpen`,`modal`,`placement`,`showArrow`,`triggerProps`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`]),w=e=>{v(`update:modelValue`,e)},T=e=>{v(`update:placeholder`,e)};return(e,t)=>(d(),s(a,u(m(x),{"data-soybean-date-picker":``,"onUpdate:modelValue":t[0]||(t[0]=e=>v(`update:modelValue`,e)),"onUpdate:placeholder":t[1]||(t[1]=e=>v(`update:placeholder`,e))}),{trailing:h(()=>[c(i,u(m(b),{"trigger-props":S.value},p(m(y))),{trigger:h(()=>[c(r,{icon:`lucide:calendar`})]),default:h(({open:t,close:n})=>[f(e.$slots,`default`,{open:t,close:n,calendarProps:m(C),onUpdateModelValue:w,onUpdatePlaceholder:T})]),_:3},16,[`trigger-props`])]),_:3},16))}});export{g as default};
+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 r from"../_icon/icon.js";import i from"../popover/popover-compact.js";import a from"../date-field/date-field-compact.js";import{computed as o,createBlock as s,createVNode as c,defineComponent as l,mergeProps as u,openBlock as d,renderSlot as f,toHandlers as p,unref as m,withCtx as h}from"vue";const g=l({name:`DatePickerCompact`,__name:`date-picker-compact`,props:{dateFieldProps:{},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},disabled:{type:Boolean},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean},headerProps:{},headingProps:{},prevProps:{},nextProps:{},gridProps:{},gridHeadProps:{},gridBodyProps:{},gridRowProps:{},headCellProps:{},cellProps:{},cellTriggerProps:{},locale:{},modelValue:{},defaultValue:{},multiple:{type:Boolean},placeholder:{},defaultPlaceholder:{},readonly:{type:Boolean},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},weekStartsOn:{},weekdayFormat:{},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},numberOfMonths:{},initialFocus:{type:Boolean},isDateDisabled:{},isDateUnavailable:{},nextPage:{},prevPage:{},disableDaysOutsideCurrentView:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`update:modelValue`,`update:placeholder`],setup(l,{emit:g}){let _=l,v=g,y=e(v),b=n(_,[`open`,`defaultOpen`,`modal`,`disabled`,`placement`,`showArrow`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`]),x=n(_,[`dir`,`locale`,`modelValue`,`defaultValue`,`placeholder`,`defaultPlaceholder`,`disabled`,`readonly`,`maxValue`,`minValue`,`isDateUnavailable`],o(()=>({..._.dateFieldProps}))),S=o(()=>({..._.triggerProps,asChild:_.triggerProps?.asChild??!1})),C=t(_,[`open`,`defaultOpen`,`modal`,`placement`,`showArrow`,`triggerProps`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`]),w=e=>{v(`update:modelValue`,e)},T=e=>{v(`update:placeholder`,e)};return(e,t)=>(d(),s(a,u(m(x),{"data-soybean-date-picker":``,"onUpdate:modelValue":t[0]||(t[0]=e=>v(`update:modelValue`,e)),"onUpdate:placeholder":t[1]||(t[1]=e=>v(`update:placeholder`,e))}),{trailing:h(()=>[c(i,u(m(b),{"trigger-props":S.value},p(m(y))),{trigger:h(()=>[c(r,{icon:`lucide:calendar`})]),default:h(({open:t,close:n})=>[f(e.$slots,`default`,{open:t,close:n,calendarProps:m(C),onUpdateModelValue:w,onUpdatePlaceholder:T})]),_:3},16,[`trigger-props`])]),_:3},16))}});export{g as default};

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

@@ -24,6 +24,7 @@ declare var __VLS_25: {
     arrowProps: PopperArrowProps;
     closeProps: PopoverCloseProps;
     disabled: boolean;
+    dir: Direction;
     defaultOpen: boolean;
     modal: boolean;
     headerProps: CalendarHeaderProps;
@@ -37,7 +38,6 @@ declare var __VLS_25: {
     headCellProps: CalendarHeadCellProps;
     cellProps: CalendarCellProps;
     cellTriggerProps: CalendarCellTriggerProps;
-    dir: Direction;
     locale: string;
     modelValue: DateValue | undefined;
     defaultValue: DateValue | undefined;
@@ -257,13 +257,13 @@ declare var __VLS_25: {
     readonly showArrow: boolean;
     readonly defaultOpen: boolean;
     readonly modal: boolean;
+    readonly multiple: boolean;
+    readonly readonly: boolean;
     readonly pagedNavigation: boolean;
     readonly preventDeselect: boolean;
     readonly fixedWeeks: boolean;
-    readonly readonly: boolean;
     readonly initialFocus: boolean;
     readonly disableDaysOutsideCurrentView: boolean;
-    readonly multiple: boolean;
   }, "positionerProps" | "open" | "triggerProps" | "placement" | "showArrow" | "portalProps" | "popupProps" | "arrowProps" | "closeProps" | "defaultOpen" | "modal">;
   onUpdateModelValue: (value: DateValue | undefined) => void;
   onUpdatePlaceholder: (placeholder: DateValue) => void;
@@ -272,8 +272,8 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_25) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<DatePickerCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  "update:open": (value: boolean) => any;
   "update:modelValue": (date: DateValue | undefined) => any;
+  "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
@@ -282,8 +282,8 @@ declare const __VLS_base: import("vue").DefineComponent<DatePickerCompactProps,
   closeAutoFocus: (event: Event) => any;
   "update:placeholder": (date: DateValue) => any;
 }, string, import("vue").PublicProps, Readonly<DatePickerCompactProps> & Readonly<{
-  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   "onUpdate:modelValue"?: ((date: DateValue | undefined) => any) | undefined;
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;

package/dist/components/date-range-picker/date-range-picker-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 r from"../_icon/icon.js";import i from"../popover/popover-compact.js";import a from"../date-range-field/date-range-field-compact.js";import{computed as o,createBlock as s,createVNode as c,defineComponent as l,mergeProps as u,openBlock as d,renderSlot as f,toHandlers as p,unref as m,withCtx as h}from"vue";const g=l({name:`DateRangePickerCompact`,__name:`date-range-picker-compact`,props:{dateFieldProps:{},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},disabled:{type:Boolean},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean},headerProps:{},headingProps:{},prevProps:{},nextProps:{},gridProps:{},gridHeadProps:{},gridBodyProps:{},gridRowProps:{},headCellProps:{},cellProps:{},cellTriggerProps:{},defaultValue:{},defaultPlaceholder:{},placeholder:{},modelValue:{},allowNonContiguousRanges:{type:Boolean},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},maximumDays:{},weekStartsOn:{},weekdayFormat:{},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},locale:{},numberOfMonths:{},readonly:{type:Boolean},initialFocus:{type:Boolean},isDateDisabled:{},isDateUnavailable:{},isDateHighlightable:{},dir:{},nextPage:{},prevPage:{},disableDaysOutsideCurrentView:{type:Boolean},fixedDate:{},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`update:modelValue`,`update:placeholder`,`update:startValue`],setup(l,{emit:g}){let _=l,v=g,y=e(v),b=n(_,[`open`,`defaultOpen`,`modal`,`disabled`,`placement`,`showArrow`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`]),x=n(_,[`dir`,`locale`,`modelValue`,`defaultValue`,`placeholder`,`defaultPlaceholder`,`disabled`,`readonly`,`maxValue`,`minValue`,`isDateUnavailable`],o(()=>({..._.dateFieldProps}))),S=o(()=>({..._.triggerProps,asChild:_.triggerProps?.asChild??!1})),C=t(_,[`open`,`defaultOpen`,`modal`,`placement`,`showArrow`,`triggerProps`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`]),w=e=>{v(`update:modelValue`,e)},T=e=>{v(`update:placeholder`,e)};return(e,t)=>(d(),s(a,u(m(x),{"data-soybean-date-range-picker":``,"onUpdate:modelValue":t[0]||(t[0]=e=>v(`update:modelValue`,e)),"onUpdate:placeholder":t[1]||(t[1]=e=>v(`update:placeholder`,e))}),{trailing:h(()=>[c(i,u(m(b),{"trigger-props":S.value},p(m(y))),{trigger:h(()=>[c(r,{icon:`lucide:calendar`})]),default:h(({open:t,close:n})=>[f(e.$slots,`default`,{open:t,close:n,calendarRangeProps:m(C),onUpdateModelValue:w,onUpdatePlaceholder:T})]),_:3},16,[`trigger-props`])]),_:3},16))}});export{g as default};
+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 r from"../_icon/icon.js";import i from"../popover/popover-compact.js";import a from"../date-range-field/date-range-field-compact.js";import{computed as o,createBlock as s,createVNode as c,defineComponent as l,mergeProps as u,openBlock as d,renderSlot as f,toHandlers as p,unref as m,withCtx as h}from"vue";const g=l({name:`DateRangePickerCompact`,__name:`date-range-picker-compact`,props:{dateFieldProps:{},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},disabled:{type:Boolean},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean},headerProps:{},headingProps:{},prevProps:{},nextProps:{},gridProps:{},gridHeadProps:{},gridBodyProps:{},gridRowProps:{},headCellProps:{},cellProps:{},cellTriggerProps:{},defaultValue:{},defaultPlaceholder:{},placeholder:{},modelValue:{},allowNonContiguousRanges:{type:Boolean},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},maximumDays:{},weekStartsOn:{},weekdayFormat:{},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},locale:{},numberOfMonths:{},readonly:{type:Boolean},initialFocus:{type:Boolean},isDateDisabled:{},isDateUnavailable:{},isDateHighlightable:{},nextPage:{},prevPage:{},disableDaysOutsideCurrentView:{type:Boolean},fixedDate:{},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`update:modelValue`,`update:placeholder`,`update:startValue`],setup(l,{emit:g}){let _=l,v=g,y=e(v),b=n(_,[`open`,`defaultOpen`,`modal`,`disabled`,`placement`,`showArrow`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`]),x=n(_,[`dir`,`locale`,`modelValue`,`defaultValue`,`placeholder`,`defaultPlaceholder`,`disabled`,`readonly`,`maxValue`,`minValue`,`isDateUnavailable`],o(()=>({..._.dateFieldProps}))),S=o(()=>({..._.triggerProps,asChild:_.triggerProps?.asChild??!1})),C=t(_,[`open`,`defaultOpen`,`modal`,`placement`,`showArrow`,`triggerProps`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`]),w=e=>{v(`update:modelValue`,e)},T=e=>{v(`update:placeholder`,e)};return(e,t)=>(d(),s(a,u(m(x),{"data-soybean-date-range-picker":``,"onUpdate:modelValue":t[0]||(t[0]=e=>v(`update:modelValue`,e)),"onUpdate:placeholder":t[1]||(t[1]=e=>v(`update:placeholder`,e))}),{trailing:h(()=>[c(i,u(m(b),{"trigger-props":S.value},p(m(y))),{trigger:h(()=>[c(r,{icon:`lucide:calendar`})]),default:h(({open:t,close:n})=>[f(e.$slots,`default`,{open:t,close:n,calendarRangeProps:m(C),onUpdateModelValue:w,onUpdatePlaceholder:T})]),_:3},16,[`trigger-props`])]),_:3},16))}});export{g as default};

package/dist/components/date-range-picker/date-range-picker-compact.vue.d.ts

@@ -24,6 +24,7 @@ declare var __VLS_25: {
     arrowProps: PopperArrowProps;
     closeProps: PopoverCloseProps;
     disabled: boolean;
+    dir: Direction;
     defaultOpen: boolean;
     modal: boolean;
     headerProps: CalendarRangeHeaderProps;
@@ -58,7 +59,6 @@ declare var __VLS_25: {
     isDateDisabled: DateMatcher;
     isDateUnavailable: DateMatcher;
     isDateHighlightable: DateMatcher;
-    dir: Direction;
     nextPage: (placeholder: DateValue) => DateValue;
     prevPage: (placeholder: DateValue) => DateValue;
     disableDaysOutsideCurrentView: boolean;
@@ -260,13 +260,13 @@ declare var __VLS_25: {
     readonly showArrow: boolean;
     readonly defaultOpen: boolean;
     readonly modal: boolean;
-    readonly allowNonContiguousRanges: boolean;
+    readonly readonly: boolean;
     readonly pagedNavigation: boolean;
     readonly preventDeselect: boolean;
     readonly fixedWeeks: boolean;
-    readonly readonly: boolean;
     readonly initialFocus: boolean;
     readonly disableDaysOutsideCurrentView: boolean;
+    readonly allowNonContiguousRanges: boolean;
   }, "positionerProps" | "open" | "triggerProps" | "placement" | "showArrow" | "portalProps" | "popupProps" | "arrowProps" | "closeProps" | "defaultOpen" | "modal">;
   onUpdateModelValue: (value: DateRange) => void;
   onUpdatePlaceholder: (placeholder: DateValue) => void;
@@ -275,8 +275,8 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_25) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<DateRangePickerCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  "update:open": (value: boolean) => any;
   "update:modelValue": (range: DateRange) => any;
+  "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
@@ -286,8 +286,8 @@ declare const __VLS_base: import("vue").DefineComponent<DateRangePickerCompactPr
   "update:placeholder": (date: DateValue) => any;
   "update:startValue": (date: DateValue | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<DateRangePickerCompactProps> & Readonly<{
-  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   "onUpdate:modelValue"?: ((range: DateRange) => any) | undefined;
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;