@soybeanjs/headless 0.19.0 → 0.20.0

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, {
-  "update:open": (open: boolean) => any;
   close: (event: PointerEvent) => any;
+  "update:open": (open: boolean) => any;
 }, string, _$vue.PublicProps, Readonly<AlertCompactProps> & Readonly<{
-  "onUpdate:open"?: ((open: boolean) => any) | undefined;
   onClose?: ((event: PointerEvent) => any) | undefined;
+  "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {
   open: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

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

@@ -23,9 +23,9 @@ declare const __VLS_base: _$vue.DefineComponent<AnchorRootProps, {}, {}, {}, {},
   }) => any) | undefined;
 }>, {
   orientation: DataOrientation;
-  offsetTop: number;
   bounds: number;
   modelValue: string;
+  offsetTop: number;
 }, {}, {}, {}, 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/autocomplete/autocomplete-root.js

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

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

@@ -27,8 +27,8 @@ declare const __VLS_base: _$vue.DefineComponent<AutocompleteRootProps, {
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onHighlight?: ((payload?: AutocompleteHighlightPayload | undefined) => any) | undefined;
 }>, {
-  defaultOpen: boolean;
   open: boolean;
+  defaultOpen: boolean;
   modelValue: string;
   highlightOnHover: boolean;
   openOnFocus: boolean;

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

@@ -21,8 +21,8 @@ declare const __VLS_base: _$vue.DefineComponent<BacktopProps, {
   onClick?: ((event: PointerEvent) => any) | undefined;
   onChange?: ((visible: boolean) => any) | undefined;
 }>, {
-  visibilityHeight: number;
   duration: number;
+  visibilityHeight: number;
 }, {}, {}, {}, 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/bottom-sheet/bottom-sheet-compact.js

@@ -1 +1 @@
-import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import{useOmitProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import r from"../_icon/icon.js";import i from"../portal/portal.js";import a from"../dialog/dialog-close.js";import o from"../dialog/dialog-content.js";import s from"../dialog/dialog-description.js";import c from"../dialog/dialog-footer.js";import l from"../dialog/dialog-header.js";import u from"../dialog/dialog-title.js";import d from"../dialog/dialog-trigger.js";import f from"../dialog/dialog-cancel.js";import p from"../dialog/dialog-confirm.js";import"../dialog/index.js";import{useBottomSheetUi as m}from"./context.js";import h from"./bottom-sheet-root.js";import g from"./bottom-sheet-root-nested.js";import _ from"./bottom-sheet-popup.js";import v from"./bottom-sheet-overlay.js";import y from"./bottom-sheet-handle.js";import{computed as b,createBlock as x,createCommentVNode as S,createElementVNode as C,createTextVNode as w,createVNode as T,defineComponent as E,guardReactiveProps as D,mergeProps as O,normalizeClass as k,normalizeProps as A,openBlock as j,renderSlot as M,resolveDynamicComponent as N,toDisplayString as P,toHandlers as F,unref as I,useSlots as L,withCtx as R}from"vue";const z=E({name:`BottomSheetCompact`,__name:`bottom-sheet-compact`,props:{title:{},description:{},icon:{},showClose:{type:Boolean,default:!0},pure:{type:Boolean},showCancel:{type:[String,Boolean],default:`onlyWarning`},cancelText:{},showConfirm:{type:Boolean,default:!0},confirmText:{},triggerProps:{},overlayProps:{},portalProps:{},popupProps:{},headerProps:{},contentProps:{},footerProps:{},titleProps:{},descriptionProps:{},closeProps:{},cancelProps:{},confirmProps:{},isAlert:{type:Boolean},alertType:{default:`default`},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},activeSnapPoint:{},closeThreshold:{},shouldScaleBackground:{type:Boolean,default:!0},setBackgroundColorOnScale:{type:Boolean,default:!0},scrollLockTimeout:{},fixed:{type:Boolean},dismissible:{type:Boolean,default:!0},nested:{type:Boolean},direction:{},noBodyStyles:{type:Boolean},handleOnly:{type:Boolean},preventScrollRestoration:{type:Boolean},snapPoints:{},fadeFromIndex:{},handleProps:{}},emits:[`update:open`,`click`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`confirm`,`cancel`,`drag`,`release`,`close`,`update:activeSnapPoint`],setup(E,{emit:z}){let B=E,V=n(B,[`title`,`description`,`icon`,`showClose`,`pure`,`showCancel`,`cancelText`,`showConfirm`,`confirmText`,`triggerProps`,`overlayProps`,`portalProps`,`popupProps`,`headerProps`,`contentProps`,`footerProps`,`titleProps`,`descriptionProps`,`closeProps`,`cancelProps`,`confirmProps`,`handleProps`]),H=z,U=L(),W=t(H),G=e(),K=m(),q=b(()=>({...B.triggerProps,asChild:B.triggerProps?.asChild??!0})),J={default:null,info:`lucide:info`,warning:`lucide:circle-alert`,error:`lucide:circle-x`,success:`lucide:circle-check`},Y=b(()=>B.icon?B.icon:B.isAlert&&B.alertType?J[B.alertType]:null),X=b(()=>B.showConfirm??B.isAlert),Z=b(()=>typeof B.showCancel==`boolean`?B.showCancel:B.isAlert===!0&&B.alertType===`warning`),Q=b(()=>B.pure?!1:U.footer?!0:Z.value||X.value),$=b(()=>B.cancelText??G.value.dialog.cancel),ee=b(()=>B.confirmText??G.value.dialog.confirm);return(e,t)=>(j(),x(N(E.nested?g:h),O(I(V),{"onUpdate:open":t[4]||(t[4]=e=>H(`update:open`,e))}),{default:R(n=>[T(I(d),A(D(q.value)),{default:R(()=>[M(e.$slots,`trigger`,A(D(n)))]),_:2},1040),T(i,A(D(E.portalProps)),{default:R(()=>[T(v,A(D(E.overlayProps)),null,16),T(_,O(E.popupProps,F(I(W))),{default:R(()=>[T(y,A(D(E.handleProps)),null,16),E.pure?S(`v-if`,!0):(j(),x(I(l),A(O({key:0},E.headerProps)),{default:R(()=>[T(I(u),A(D(E.titleProps)),{default:R(()=>[Y.value?(j(),x(r,{key:0,icon:Y.value,class:k(I(K).icon)},null,8,[`icon`,`class`])):S(`v-if`,!0),M(e.$slots,`title`,A(D(n)),()=>[C(`span`,null,P(E.title),1)])]),_:2},1040),U.description||E.description?(j(),x(I(s),A(O({key:0},E.descriptionProps)),{default:R(()=>[M(e.$slots,`description`,A(D(n)),()=>[w(P(E.description),1)])]),_:2},1040)):S(`v-if`,!0),!E.isAlert&&E.showClose?(j(),x(I(a),{key:1,onClose:t[0]||(t[0]=e=>H(`close`))},{default:R(()=>[M(e.$slots,`close`,A(D(n)))]),_:2},1024)):S(`v-if`,!0)]),_:2},1040)),T(I(o),A(D(E.contentProps)),{default:R(()=>[M(e.$slots,`default`,A(D(n)))]),_:2},1040),E.pure&&!E.isAlert&&E.showClose?(j(),x(I(a),{key:1,onClose:t[1]||(t[1]=e=>H(`close`))},{default:R(()=>[M(e.$slots,`close`,A(D(n)))]),_:2},1024)):S(`v-if`,!0),Q.value?(j(),x(I(c),A(O({key:2},E.footerProps)),{default:R(()=>[M(e.$slots,`footer`,A(D(n)),()=>[Z.value?(j(),x(I(f),O({key:0},E.cancelProps,{onCancel:t[2]||(t[2]=e=>H(`cancel`,e))}),{default:R(()=>[M(e.$slots,`cancel`,A(D(n)),()=>[w(P($.value),1)])]),_:2},1040)):S(`v-if`,!0),X.value?(j(),x(I(p),O({key:1},E.confirmProps,{onConfirm:t[3]||(t[3]=e=>H(`confirm`,e))}),{default:R(()=>[M(e.$slots,`confirm`,A(D(n)),()=>[w(P(ee.value),1)])]),_:2},1040)):S(`v-if`,!0)])]),_:2},1040)):S(`v-if`,!0)]),_:2},1040)]),_:2},1040)]),_:3},16))}});export{z as default};
+import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import{useOmitProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import r from"../_icon/icon.js";import i from"../portal/portal.js";import a from"../dialog/dialog-close.js";import o from"../dialog/dialog-content.js";import s from"../dialog/dialog-description.js";import c from"../dialog/dialog-footer.js";import l from"../dialog/dialog-header.js";import u from"../dialog/dialog-title.js";import d from"../dialog/dialog-trigger.js";import f from"../dialog/dialog-cancel.js";import p from"../dialog/dialog-confirm.js";import"../dialog/index.js";import{useBottomSheetUi as m}from"./context.js";import h from"./bottom-sheet-root.js";import g from"./bottom-sheet-root-nested.js";import _ from"./bottom-sheet-popup.js";import v from"./bottom-sheet-overlay.js";import y from"./bottom-sheet-handle.js";import{computed as b,createBlock as x,createCommentVNode as S,createElementVNode as C,createTextVNode as w,createVNode as T,defineComponent as E,guardReactiveProps as D,mergeProps as O,normalizeClass as k,normalizeProps as A,openBlock as j,renderSlot as M,resolveDynamicComponent as N,toDisplayString as P,toHandlers as F,unref as I,useSlots as L,withCtx as R}from"vue";const z=E({name:`BottomSheetCompact`,__name:`bottom-sheet-compact`,props:{title:{},description:{},icon:{},showClose:{type:Boolean,default:!0},pure:{type:Boolean},showCancel:{type:[String,Boolean],default:`onlyWarning`},cancelText:{},showConfirm:{type:Boolean,default:!0},confirmText:{},triggerProps:{},overlayProps:{},portalProps:{},popupProps:{},headerProps:{},contentProps:{},footerProps:{},titleProps:{},descriptionProps:{},closeProps:{},cancelProps:{},confirmProps:{},dir:{},isAlert:{type:Boolean},alertType:{default:`default`},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},activeSnapPoint:{},closeThreshold:{},shouldScaleBackground:{type:Boolean,default:!0},setBackgroundColorOnScale:{type:Boolean,default:!0},scrollLockTimeout:{},fixed:{type:Boolean},dismissible:{type:Boolean,default:!0},nested:{type:Boolean},direction:{},noBodyStyles:{type:Boolean},handleOnly:{type:Boolean},preventScrollRestoration:{type:Boolean},snapPoints:{},fadeFromIndex:{},handleProps:{}},emits:[`update:open`,`click`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`confirm`,`cancel`,`drag`,`release`,`close`,`update:activeSnapPoint`],setup(E,{emit:z}){let B=E,V=n(B,[`title`,`description`,`icon`,`showClose`,`pure`,`showCancel`,`cancelText`,`showConfirm`,`confirmText`,`triggerProps`,`overlayProps`,`portalProps`,`popupProps`,`headerProps`,`contentProps`,`footerProps`,`titleProps`,`descriptionProps`,`closeProps`,`cancelProps`,`confirmProps`,`handleProps`]),H=z,U=L(),W=t(H),G=e(),K=m(),q=b(()=>({...B.triggerProps,asChild:B.triggerProps?.asChild??!0})),J={default:null,info:`lucide:info`,warning:`lucide:circle-alert`,error:`lucide:circle-x`,success:`lucide:circle-check`},Y=b(()=>B.icon?B.icon:B.isAlert&&B.alertType?J[B.alertType]:null),X=b(()=>B.showConfirm??B.isAlert),Z=b(()=>typeof B.showCancel==`boolean`?B.showCancel:B.isAlert===!0&&B.alertType===`warning`),Q=b(()=>B.pure?!1:U.footer?!0:Z.value||X.value),$=b(()=>B.cancelText??G.value.dialog.cancel),ee=b(()=>B.confirmText??G.value.dialog.confirm);return(e,t)=>(j(),x(N(E.nested?g:h),O(I(V),{"onUpdate:open":t[4]||(t[4]=e=>H(`update:open`,e))}),{default:R(n=>[T(I(d),A(D(q.value)),{default:R(()=>[M(e.$slots,`trigger`,A(D(n)))]),_:2},1040),T(i,A(D(E.portalProps)),{default:R(()=>[T(v,A(D(E.overlayProps)),null,16),T(_,O(E.popupProps,F(I(W))),{default:R(()=>[T(y,A(D(E.handleProps)),null,16),E.pure?S(`v-if`,!0):(j(),x(I(l),A(O({key:0},E.headerProps)),{default:R(()=>[T(I(u),A(D(E.titleProps)),{default:R(()=>[Y.value?(j(),x(r,{key:0,icon:Y.value,class:k(I(K).icon)},null,8,[`icon`,`class`])):S(`v-if`,!0),M(e.$slots,`title`,A(D(n)),()=>[C(`span`,null,P(E.title),1)])]),_:2},1040),U.description||E.description?(j(),x(I(s),A(O({key:0},E.descriptionProps)),{default:R(()=>[M(e.$slots,`description`,A(D(n)),()=>[w(P(E.description),1)])]),_:2},1040)):S(`v-if`,!0),!E.isAlert&&E.showClose?(j(),x(I(a),{key:1,onClose:t[0]||(t[0]=e=>H(`close`))},{default:R(()=>[M(e.$slots,`close`,A(D(n)))]),_:2},1024)):S(`v-if`,!0)]),_:2},1040)),T(I(o),A(D(E.contentProps)),{default:R(()=>[M(e.$slots,`default`,A(D(n)))]),_:2},1040),E.pure&&!E.isAlert&&E.showClose?(j(),x(I(a),{key:1,onClose:t[1]||(t[1]=e=>H(`close`))},{default:R(()=>[M(e.$slots,`close`,A(D(n)))]),_:2},1024)):S(`v-if`,!0),Q.value?(j(),x(I(c),A(O({key:2},E.footerProps)),{default:R(()=>[M(e.$slots,`footer`,A(D(n)),()=>[Z.value?(j(),x(I(f),O({key:0},E.cancelProps,{onCancel:t[2]||(t[2]=e=>H(`cancel`,e))}),{default:R(()=>[M(e.$slots,`cancel`,A(D(n)),()=>[w(P($.value),1)])]),_:2},1040)):S(`v-if`,!0),X.value?(j(),x(I(p),O({key:1},E.confirmProps,{onConfirm:t[3]||(t[3]=e=>H(`confirm`,e))}),{default:R(()=>[M(e.$slots,`confirm`,A(D(n)),()=>[w(P(ee.value),1)])]),_:2},1040)):S(`v-if`,!0)])]),_:2},1040)):S(`v-if`,!0)]),_:2},1040)]),_:2},1040)]),_:3},16))}});export{z as default};

package/dist/components/bottom-sheet/bottom-sheet-root-nested.js

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import"../../composables/index.js";import{useDrawerRootContext as t}from"./context.js";import n from"./bottom-sheet-root.js";import{createBlock as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderSlot as l,toHandlers as u,unref as d,withCtx as f}from"vue";const p=i({name:`BottomSheetRootNested`,__name:`bottom-sheet-root-nested`,props:{isAlert:{type:Boolean},alertType:{},open:{type:Boolean},defaultOpen:{type:Boolean},modal:{type:Boolean},activeSnapPoint:{},closeThreshold:{},shouldScaleBackground:{type:Boolean},setBackgroundColorOnScale:{type:Boolean},scrollLockTimeout:{},fixed:{type:Boolean},dismissible:{type:Boolean},nested:{type:Boolean},direction:{},noBodyStyles:{type:Boolean},handleOnly:{type:Boolean},preventScrollRestoration:{type:Boolean},snapPoints:{},fadeFromIndex:{}},emits:[`update:open`,`drag`,`release`,`close`,`update:activeSnapPoint`],setup(i,{emit:p}){let m=i,h=e(p),{onNestedDrag:g,onNestedOpenChange:_,onNestedRelease:v}=t(`BottomSheetRootNested`);function y(){_(!1)}function b(e){g(e)}function x(e){e&&_(e)}return(e,t)=>(c(),r(n,o(m,{nested:``},u(d(h)),{onClose:y,onDrag:b,onRelease:d(v),"onUpdate:open":x}),{default:f(t=>[l(e.$slots,`default`,s(a(t)))]),_:3},16,[`onRelease`]))}});export{p as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import"../../composables/index.js";import{useDrawerRootContext as t}from"./context.js";import n from"./bottom-sheet-root.js";import{createBlock as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderSlot as l,toHandlers as u,unref as d,withCtx as f}from"vue";const p=i({name:`BottomSheetRootNested`,__name:`bottom-sheet-root-nested`,props:{dir:{},isAlert:{type:Boolean},alertType:{},open:{type:Boolean},defaultOpen:{type:Boolean},modal:{type:Boolean},activeSnapPoint:{},closeThreshold:{},shouldScaleBackground:{type:Boolean},setBackgroundColorOnScale:{type:Boolean},scrollLockTimeout:{},fixed:{type:Boolean},dismissible:{type:Boolean},nested:{type:Boolean},direction:{},noBodyStyles:{type:Boolean},handleOnly:{type:Boolean},preventScrollRestoration:{type:Boolean},snapPoints:{},fadeFromIndex:{}},emits:[`update:open`,`drag`,`release`,`close`,`update:activeSnapPoint`],setup(i,{emit:p}){let m=i,h=e(p),{onNestedDrag:g,onNestedOpenChange:_,onNestedRelease:v}=t(`BottomSheetRootNested`);function y(){_(!1)}function b(e){g(e)}function x(e){e&&_(e)}return(e,t)=>(c(),r(n,o(m,{nested:``},u(d(h)),{onClose:y,onDrag:b,onRelease:d(v),"onUpdate:open":x}),{default:f(t=>[l(e.$slots,`default`,s(a(t)))]),_:3},16,[`onRelease`]))}});export{p as default};

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

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

package/dist/components/bottom-sheet/bottom-sheet-root.js

@@ -1 +1 @@
-import{useControllableState as e}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import t from"../dialog/dialog-root.js";import"../dialog/index.js";import{CLOSE_THRESHOLD as n}from"./shared.js";import{provideDrawerRootContext as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,openBlock as s,renderSlot as c,toRefs as l,unref as u,withCtx as d}from"vue";const f=o({name:`BottomSheetRoot`,__name:`bottom-sheet-root`,props:{isAlert:{type:Boolean},alertType:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:void 0},modal:{type:Boolean,default:!0},activeSnapPoint:{default:void 0},closeThreshold:{default:n},shouldScaleBackground:{type:Boolean,default:void 0},setBackgroundColorOnScale:{type:Boolean,default:!0},scrollLockTimeout:{default:100},fixed:{type:Boolean,default:void 0},dismissible:{type:Boolean,default:!0},nested:{type:Boolean,default:!1},direction:{default:`bottom`},noBodyStyles:{type:Boolean},handleOnly:{type:Boolean,default:!1},preventScrollRestoration:{type:Boolean},snapPoints:{default:void 0},fadeFromIndex:{default:void 0}},emits:[`update:open`,`drag`,`release`,`close`,`update:activeSnapPoint`],setup(n,{emit:o}){let f=n,p=o,m=e(()=>f.open,e=>{p(`update:open`,e)},f.defaultOpen??!1),h=e(()=>f.activeSnapPoint,e=>{p(`update:activeSnapPoint`,e)},null),g=i(()=>{if(f.fadeFromIndex!==void 0)return f.fadeFromIndex;if(f.snapPoints?.length)return f.snapPoints.length-1}),_={emitDrag:e=>p(`drag`,e),emitRelease:e=>p(`release`,e),emitClose:()=>p(`close`),emitOpenChange:e=>{p(`update:open`,e)}},{closeDrawer:v,hasBeenOpened:y,modal:b,isOpen:x}=r({..._,...l(f),activeSnapPoint:h,fadeFromIndex:g,open:m});function S(e){if(f.open!==void 0){_.emitOpenChange(e);return}x.value=e,e?y.value=!0:v()}return(e,n)=>(s(),a(u(t),{open:u(x),modal:u(b),"onUpdate:open":S},{default:d(()=>[c(e.$slots,`default`,{open:u(x)})]),_:3},8,[`open`,`modal`]))}});export{f as default};
+import{useControllableState as e}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import t from"../dialog/dialog-root.js";import"../dialog/index.js";import{CLOSE_THRESHOLD as n}from"./shared.js";import{provideDrawerRootContext as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,openBlock as s,renderSlot as c,toRefs as l,unref as u,withCtx as d}from"vue";const f=o({name:`BottomSheetRoot`,__name:`bottom-sheet-root`,props:{dir:{},isAlert:{type:Boolean},alertType:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:void 0},modal:{type:Boolean,default:!0},activeSnapPoint:{default:void 0},closeThreshold:{default:n},shouldScaleBackground:{type:Boolean,default:void 0},setBackgroundColorOnScale:{type:Boolean,default:!0},scrollLockTimeout:{default:100},fixed:{type:Boolean,default:void 0},dismissible:{type:Boolean,default:!0},nested:{type:Boolean,default:!1},direction:{default:`bottom`},noBodyStyles:{type:Boolean},handleOnly:{type:Boolean,default:!1},preventScrollRestoration:{type:Boolean},snapPoints:{default:void 0},fadeFromIndex:{default:void 0}},emits:[`update:open`,`drag`,`release`,`close`,`update:activeSnapPoint`],setup(n,{emit:o}){let f=n,p=o,m=e(()=>f.open,e=>{p(`update:open`,e)},f.defaultOpen??!1),h=e(()=>f.activeSnapPoint,e=>{p(`update:activeSnapPoint`,e)},null),g=i(()=>{if(f.fadeFromIndex!==void 0)return f.fadeFromIndex;if(f.snapPoints?.length)return f.snapPoints.length-1}),_={emitDrag:e=>p(`drag`,e),emitRelease:e=>p(`release`,e),emitClose:()=>p(`close`),emitOpenChange:e=>{p(`update:open`,e)}},{closeDrawer:v,hasBeenOpened:y,modal:b,isOpen:x}=r({..._,...l(f),activeSnapPoint:h,fadeFromIndex:g,open:m});function S(e){if(f.open!==void 0){_.emitOpenChange(e);return}x.value=e,e?y.value=!0:v()}return(e,n)=>(s(),a(u(t),{open:u(x),modal:u(b),"onUpdate:open":S},{default:d(()=>[c(e.$slots,`default`,{open:u(x)})]),_:3},8,[`open`,`modal`]))}});export{f as default};

package/dist/components/calendar/calendar-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 r from"./calendar-root.js";import i from"./calendar-cell.js";import a from"./calendar-cell-trigger.js";import o from"./calendar-grid.js";import s from"./calendar-grid-body.js";import c from"./calendar-grid-head.js";import l from"./calendar-grid-row.js";import u from"./calendar-head-cell.js";import d from"./calendar-header.js";import f from"./calendar-heading.js";import p from"./calendar-next.js";import m from"./calendar-prev.js";import{Fragment as h,createBlock as g,createElementBlock as _,createTextVNode as v,createVNode as y,defineComponent as b,guardReactiveProps as x,mergeProps as S,normalizeProps as C,openBlock as w,renderList as T,renderSlot as E,toDisplayString as D,toHandlers as O,unref as k,withCtx as A}from"vue";const j=b({name:`CalendarCompact`,__name:`calendar-compact`,props:{headerProps:{},headingProps:{},prevProps:{},nextProps:{},gridProps:{},gridHeadProps:{},gridBodyProps:{},gridRowProps:{},headCellProps:{},cellProps:{},cellTriggerProps:{},dir:{},locale:{},modelValue:{},defaultValue:{},multiple:{},placeholder:{},defaultPlaceholder:{},disabled:{type:Boolean},readonly:{type:Boolean},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},weekStartsOn:{},weekdayFormat:{},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},numberOfMonths:{},initialFocus:{type:Boolean},isDateDisabled:{type:Function},isDateUnavailable:{type:Function},nextPage:{type:Function},prevPage:{type:Function},disableDaysOutsideCurrentView:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`],setup(b,{emit:j}){let M=b,N=j,P=t(M,[`headerProps`,`headingProps`,`prevProps`,`nextProps`,`gridProps`,`gridHeadProps`,`gridBodyProps`,`gridRowProps`,`headCellProps`,`cellProps`,`cellTriggerProps`]),F=e(N);return(e,t)=>(w(),g(r,S(k(P),O(k(F))),{default:A(t=>[y(d,C(x(b.headerProps)),{default:A(()=>[y(m,C(x(b.prevProps)),{default:A(t=>[E(e.$slots,`prev`,{disabled:t.disabled},()=>[y(n,{icon:`lucide:chevron-left`})])]),_:3},16),y(f,C(x(b.headingProps)),{default:A(()=>[E(e.$slots,`heading`,{headingValue:t.headingValue,selectedMonth:t.placeholder.month,selectedYear:t.placeholder.year,yearOptions:t.yearOptions,onYearChange:t.onYearChange,monthOptions:t.monthOptions,onMonthChange:t.onMonthChange},()=>[v(D(t.headingValue),1)])]),_:2},1040),y(p,C(x(b.nextProps)),{default:A(t=>[E(e.$slots,`next`,{disabled:t.disabled},()=>[y(n,{icon:`lucide:chevron-right`})])]),_:3},16)]),_:2},1040),(w(!0),_(h,null,T(t.grid,n=>(w(),g(o,S({key:n.value.toString()},{ref_for:!0},b.gridProps),{default:A(()=>[y(c,S({ref_for:!0},b.gridHeadProps),{default:A(()=>[y(l,S({ref_for:!0},b.gridRowProps),{default:A(()=>[(w(!0),_(h,null,T(t.weekDays,(t,r)=>(w(),g(u,S({key:`${n.value.toString()}-${t}-${r}`},{ref_for:!0},b.headCellProps),{default:A(()=>[E(e.$slots,`head-cell`,{date:n.value,index:r,label:t},()=>[v(D(t),1)])]),_:2},1040))),128))]),_:2},1040)]),_:2},1040),y(s,S({ref_for:!0},b.gridBodyProps),{default:A(()=>[(w(!0),_(h,null,T(n.rows,(t,r)=>(w(),g(l,S({key:`${n.value.toString()}-${r}`},{ref_for:!0},b.gridRowProps),{default:A(()=>[(w(!0),_(h,null,T(t,t=>(w(),g(i,S({key:t.toString(),date:t},{ref_for:!0},b.cellProps),{default:A(()=>[y(a,S({day:t,month:n.value},{ref_for:!0},b.cellTriggerProps),{default:A(r=>[E(e.$slots,`day`,S({ref_for:!0},r,{day:t,month:n.value}),()=>[v(D(r.dayValue),1)])]),_:2},1040,[`day`,`month`])]),_:2},1040,[`date`]))),128))]),_:2},1040))),128))]),_:2},1040)]),_:2},1040))),128)),E(e.$slots,`default`,{modelValue:t.modelValue})]),_:3},16))}});export{j 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 r from"./calendar-root.js";import i from"./calendar-cell.js";import a from"./calendar-cell-trigger.js";import o from"./calendar-grid.js";import s from"./calendar-grid-body.js";import c from"./calendar-grid-head.js";import l from"./calendar-grid-row.js";import u from"./calendar-head-cell.js";import d from"./calendar-header.js";import f from"./calendar-heading.js";import p from"./calendar-next.js";import m from"./calendar-prev.js";import{Fragment as h,createBlock as g,createElementBlock as _,createTextVNode as v,createVNode as y,defineComponent as b,guardReactiveProps as x,mergeProps as S,normalizeProps as C,openBlock as w,renderList as T,renderSlot as E,toDisplayString as D,toHandlers as O,unref as k,withCtx as A}from"vue";const j=b({name:`CalendarCompact`,__name:`calendar-compact`,props:{headerProps:{},headingProps:{},prevProps:{},nextProps:{},gridProps:{},gridHeadProps:{},gridBodyProps:{},gridRowProps:{},headCellProps:{},cellProps:{},cellTriggerProps:{},dir:{},locale:{},modelValue:{},defaultValue:{},multiple:{type:Boolean},placeholder:{},defaultPlaceholder:{},disabled:{type:Boolean},readonly:{type:Boolean},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},weekStartsOn:{},weekdayFormat:{},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},numberOfMonths:{},initialFocus:{type:Boolean},isDateDisabled:{type:Function},isDateUnavailable:{type:Function},nextPage:{type:Function},prevPage:{type:Function},disableDaysOutsideCurrentView:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`],setup(b,{emit:j}){let M=b,N=j,P=t(M,[`headerProps`,`headingProps`,`prevProps`,`nextProps`,`gridProps`,`gridHeadProps`,`gridBodyProps`,`gridRowProps`,`headCellProps`,`cellProps`,`cellTriggerProps`]),F=e(N);return(e,t)=>(w(),g(r,S(k(P),O(k(F))),{default:A(t=>[y(d,C(x(b.headerProps)),{default:A(()=>[y(m,C(x(b.prevProps)),{default:A(t=>[E(e.$slots,`prev`,{disabled:t.disabled},()=>[y(n,{icon:`lucide:chevron-left`})])]),_:3},16),y(f,C(x(b.headingProps)),{default:A(()=>[E(e.$slots,`heading`,{headingValue:t.headingValue,selectedMonth:t.placeholder.month,selectedYear:t.placeholder.year,yearOptions:t.yearOptions,onYearChange:t.onYearChange,monthOptions:t.monthOptions,onMonthChange:t.onMonthChange},()=>[v(D(t.headingValue),1)])]),_:2},1040),y(p,C(x(b.nextProps)),{default:A(t=>[E(e.$slots,`next`,{disabled:t.disabled},()=>[y(n,{icon:`lucide:chevron-right`})])]),_:3},16)]),_:2},1040),(w(!0),_(h,null,T(t.grid,n=>(w(),g(o,S({key:n.value.toString()},{ref_for:!0},b.gridProps),{default:A(()=>[y(c,S({ref_for:!0},b.gridHeadProps),{default:A(()=>[y(l,S({ref_for:!0},b.gridRowProps),{default:A(()=>[(w(!0),_(h,null,T(t.weekDays,(t,r)=>(w(),g(u,S({key:`${n.value.toString()}-${t}-${r}`},{ref_for:!0},b.headCellProps),{default:A(()=>[E(e.$slots,`head-cell`,{date:n.value,index:r,label:t},()=>[v(D(t),1)])]),_:2},1040))),128))]),_:2},1040)]),_:2},1040),y(s,S({ref_for:!0},b.gridBodyProps),{default:A(()=>[(w(!0),_(h,null,T(n.rows,(t,r)=>(w(),g(l,S({key:`${n.value.toString()}-${r}`},{ref_for:!0},b.gridRowProps),{default:A(()=>[(w(!0),_(h,null,T(t,t=>(w(),g(i,S({key:t.toString(),date:t},{ref_for:!0},b.cellProps),{default:A(()=>[y(a,S({day:t,month:n.value},{ref_for:!0},b.cellTriggerProps),{default:A(r=>[E(e.$slots,`day`,S({ref_for:!0},r,{day:t,month:n.value}),()=>[v(D(r.dayValue),1)])]),_:2},1040,[`day`,`month`])]),_:2},1040,[`date`]))),128))]),_:2},1040))),128))]),_:2},1040)]),_:2},1040))),128)),E(e.$slots,`default`,{modelValue:t.modelValue})]),_:3},16))}});export{j as default};

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

@@ -18,14 +18,14 @@ declare const __VLS_base: _$vue.DefineComponent<CalendarRangeRootProps, {}, {},
   defaultValue: DateRange;
   numberOfMonths: number;
   fixedWeeks: boolean;
-  defaultPlaceholder: DateValue;
-  isDateUnavailable: DateMatcher;
   readonly: boolean;
+  defaultPlaceholder: DateValue;
   pagedNavigation: boolean;
   preventDeselect: boolean;
   weekdayFormat: WeekDayFormat;
   initialFocus: boolean;
   isDateDisabled: DateMatcher;
+  isDateUnavailable: DateMatcher;
   disableDaysOutsideCurrentView: boolean;
   allowNonContiguousRanges: boolean;
   maximumDays: number;

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

@@ -11,8 +11,8 @@ declare const __VLS_base: _$vue.DefineComponent<CardRootProps, {}, {}, {}, {}, _
 }, string, _$vue.PublicProps, Readonly<CardRootProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
-  defaultOpen: boolean;
   open: boolean;
+  defaultOpen: 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/card/types.d.ts

@@ -91,7 +91,7 @@ type CardCompactEmits = CardRootEmits;
 /**
  * Slots for the CardCompact component.
  */
-interface CardCompactSlots {
+type CardCompactSlots = {
   /**
    * Custom content for the default slot.
    */
@@ -124,6 +124,6 @@ interface CardCompactSlots {
    * Custom content for the description slot.
    */
   description?: () => any;
-}
+};
 //#endregion
 export { CardCollapsibleTriggerProps, CardCompactEmits, CardCompactProps, CardCompactSlots, CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardRootEmits, CardRootProps, CardTitleProps, CardTitleRootProps, CardUi, CardUiSlot };

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

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

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

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

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

@@ -4,13 +4,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, {
-  change: (value: string) => any;
   "update:modelValue": (value: string) => any;
+  change: (value: string) => any;
   "update:color": (value: NormalizedColor) => any;
   changeEnd: (value: string) => any;
 }, string, _$vue.PublicProps, Readonly<ColorAreaCompactProps> & Readonly<{
-  onChange?: ((value: string) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onChange?: ((value: string) => any) | undefined;
   "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
   onChangeEnd?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

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

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

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

@@ -20,8 +20,8 @@ declare const __VLS_base: _$vue.DefineComponent<ColorFieldRootProps, {}, {}, {},
   modelValue: string | ColorValue;
   defaultValue: string | ColorValue;
   readonly: boolean;
-  colorSpace: ColorSpace;
   disableWheelChange: boolean;
+  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/color-picker-compact.vue.d.ts

@@ -17,26 +17,26 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: _$vue.DefineComponent<ColorPickerCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
-  change: (value: string) => any;
-  "update:modelValue": (value: string) => 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:modelValue": (value: string) => any;
+  change: (value: string) => any;
   "update:color": (value: NormalizedColor) => any;
   "update:format": (value: ColorFormat) => any;
 }, string, _$vue.PublicProps, Readonly<ColorPickerCompactProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
-  onChange?: ((value: string) => any) | undefined;
-  "onUpdate:modelValue"?: ((value: 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;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onChange?: ((value: string) => any) | undefined;
   "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
   "onUpdate:format"?: ((value: ColorFormat) => any) | undefined;
 }>, {

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

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

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

@@ -4,13 +4,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, {
-  change: (value: string) => any;
   "update:modelValue": (value: string) => any;
+  change: (value: string) => any;
   "update:color": (value: NormalizedColor) => any;
   changeEnd: (value: string) => any;
 }, string, _$vue.PublicProps, Readonly<ColorSliderCompactProps> & Readonly<{
-  onChange?: ((value: string) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onChange?: ((value: string) => any) | undefined;
   "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
   onChangeEnd?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

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

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

package/dist/components/color-swatch-picker/color-swatch-picker-root.js

@@ -1 +1 @@
-import{useControllableState as e}from"../../composables/use-controllable-state.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../listbox/listbox-root.js";import r from"../listbox/listbox-content.js";import"../listbox/index.js";import{createBlock as i,createVNode as a,defineComponent as o,isRef as s,mergeProps as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=o({name:`ColorSwatchPickerRoot`,__name:`color-swatch-picker-root`,props:{orientation:{default:`horizontal`},dir:{default:`ltr`},disabled:{type:Boolean,default:!1},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{default:void 0},multiple:{},clearable:{type:Boolean},selectionBehavior:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`entryFocus`,`leave`],setup(o,{emit:p}){let m=o,h=p,g=e(()=>m.modelValue,e=>{h(`update:modelValue`,e)},m.defaultValue??(m.multiple?[]:``)),_=t(m,[`modelValue`,`defaultValue`,`class`]);return(e,t)=>(l(),i(d(n),c(d(_),{modelValue:d(g),"onUpdate:modelValue":t[0]||(t[0]=e=>s(g)?g.value=e:null),"data-soybean-color-swatch-picker-root":``,onHighlight:t[1]||(t[1]=e=>h(`highlight`,e)),onEntryFocus:t[2]||(t[2]=e=>h(`entryFocus`,e)),onLeave:t[3]||(t[3]=e=>h(`leave`,e))}),{default:f(()=>[a(d(r),null,{default:f(()=>[u(e.$slots,`default`,{modelValue:d(g)})]),_:3})]),_:3},16,[`modelValue`]))}});export{p as default};
+import{useControllableState as e}from"../../composables/use-controllable-state.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../listbox/listbox-root.js";import r from"../listbox/listbox-content.js";import"../listbox/index.js";import{createBlock as i,createVNode as a,defineComponent as o,isRef as s,mergeProps as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=o({name:`ColorSwatchPickerRoot`,__name:`color-swatch-picker-root`,props:{orientation:{default:`horizontal`},dir:{},disabled:{type:Boolean,default:!1},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{default:void 0},multiple:{},clearable:{type:Boolean},selectionBehavior:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`entryFocus`,`leave`],setup(o,{emit:p}){let m=o,h=p,g=e(()=>m.modelValue,e=>{h(`update:modelValue`,e)},m.defaultValue??(m.multiple?[]:``)),_=t(m,[`modelValue`,`defaultValue`,`class`]);return(e,t)=>(l(),i(d(n),c(d(_),{modelValue:d(g),"onUpdate:modelValue":t[0]||(t[0]=e=>s(g)?g.value=e:null),"data-soybean-color-swatch-picker-root":``,onHighlight:t[1]||(t[1]=e=>h(`highlight`,e)),onEntryFocus:t[2]||(t[2]=e=>h(`entryFocus`,e)),onLeave:t[3]||(t[3]=e=>h(`leave`,e))}),{default:f(()=>[a(d(r),null,{default:f(()=>[u(e.$slots,`default`,{modelValue:d(g)})]),_:3})]),_:3},16,[`modelValue`]))}});export{p as default};

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

@@ -74,7 +74,7 @@ type ColorSwatchPickerCompactEmits<M extends boolean = false> = ColorSwatchPicke
 /**
  * Slots for the ColorSwatchPickerCompact component.
  */
-interface ColorSwatchPickerCompactSlots<M extends boolean = false> {
+type ColorSwatchPickerCompactSlots<M extends boolean = false> = {
   /**
    * Custom content rendered when colors are not provided.
    */
@@ -87,7 +87,7 @@ interface ColorSwatchPickerCompactSlots<M extends boolean = false> {
    * Custom content rendered inside each indicator.
    */
   indicator?: (props: ColorSwatchPickerCompactColorSlotProps) => any;
-}
+};
 /**
  * Available UI slots for the ColorSwatchPicker component.
  */

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

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

package/dist/components/combobox/combobox-content-impl.js

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

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

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

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

@@ -1,4 +1,4 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import{provideConfigProviderContext as t}from"./context.js";import"../../shared/index.js";import{defineComponent as n,renderSlot as r,watchEffect as i}from"vue";import{useStyleTag as a,useTextDirection as o}from"@vueuse/core";const s=n({name:`ConfigProvider`,__name:`config-provider`,props:{dir:{default:`ltr`},locale:{default:`en`},nonce:{default:void 0},tooltip:{},nuxt:{type:Boolean,default:!1},iconRender:{},messages:{}},setup(n){let s=n;t({...e(s),iconRender:s.iconRender});let c=o({initialValue:s.dir});return a(`
+import{transformPropsToContext as e}from"../../shared/vue.js";import{provideConfigProviderContext as t}from"./context.js";import"../../shared/index.js";import{defineComponent as n,renderSlot as r}from"vue";import{useStyleTag as i}from"@vueuse/core";const a=n({name:`ConfigProvider`,__name:`config-provider`,props:{dir:{default:`ltr`},locale:{default:`en`},nonce:{default:void 0},tooltip:{},nuxt:{type:Boolean,default:!1},iconRender:{},messages:{}},setup(n){let a=n;return t({...e(a),iconRender:a.iconRender}),i(`
 .soybean-headless-scrollbar-hidden {
   scrollbar-width: none;
   -ms-overflow-style: none;
@@ -13,6 +13,18 @@ import{transformPropsToContext as e}from"../../shared/vue.js";import{provideConf
   overflow-y: hidden;
 }
 
+.soybean-headless-transition-all-150 {
+  transition: all 150ms ease-in-out;
+}
+
+.soybean-headless-opacity-0 {
+  opacity: 0;
+}
+
+.soybean-headless-scale-0 {
+  transform: scale(0);
+}
+
 .soybean-headless-sr-only {
   position: absolute;
   width: 1px;
@@ -24,4 +36,4 @@ import{transformPropsToContext as e}from"../../shared/vue.js";import{provideConf
   white-space: nowrap;
   border-width: 0;
 }
-`,{id:`__SoybeanHeadless_Styles`}),i(()=>{c.value!==s.dir&&(c.value=s.dir)}),(e,t)=>r(e.$slots,`default`)}});export{s as default};
+`,{id:`__SoybeanHeadless_Styles`}),(e,t)=>r(e.$slots,`default`)}});export{a as default};

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

@@ -9,21 +9,21 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   props: _$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;
     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:modelValue"?: ((value: T[]) => 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: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: "update:modelValue", value: T[]) => void) & ((evt: "entryFocus", event: Event) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -9,20 +9,20 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   props: _$vue.PublicProps & __VLS_PrettifyLocal<ContextMenuCompactProps<T> & {
     onSelect?: ((item: MenuOptionData<T>, event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
     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);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };