@soybeanjs/headless 0.28.1 → 0.29.0-beta.1

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

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"./affix-content.js";import n from"./affix-placeholder.js";import r from"./affix-root.js";import{createBlock as i,createVNode as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderSlot as d,unref as f,withCtx as p}from"vue";const m=o({name:`AffixCompact`,__name:`affix-compact`,props:{placeholderProps:{},contentProps:{},offsetTop:{},offsetBottom:{},target:{type:[String,Function,null]}},emits:[`change`],setup(o,{emit:m}){let h=o,g=m,_=e(h,[`placeholderProps`,`contentProps`]),v=e=>{g(`change`,e)};return(e,m)=>(u(),i(r,c(f(_),{onChange:v}),{default:p(()=>[a(n,l(s(o.placeholderProps)),null,16),a(t,l(s(o.contentProps)),{default:p(t=>[d(e.$slots,`default`,l(s(t)))]),_:3},16)]),_:3},16))}});export{m as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"./affix-content.js";import n from"./affix-placeholder.js";import r from"./affix-root.js";import{createBlock as i,createVNode as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderSlot as d,unref as f,withCtx as p}from"vue";const m=o({name:`AffixCompact`,__name:`affix-compact`,props:{placeholderProps:{},contentProps:{},offsetTop:{},offsetBottom:{},target:{}},emits:[`change`],setup(o,{emit:m}){let h=o,g=m,_=e(h,[`placeholderProps`,`contentProps`]),v=e=>{g(`change`,e)};return(e,m)=>(u(),i(r,c(f(_),{onChange:v}),{default:p(()=>[a(n,l(s(o.placeholderProps)),null,16),a(t,l(s(o.contentProps)),{default:p(t=>[d(e.$slots,`default`,l(s(t)))]),_:3},16)]),_:3},16))}});export{m as default};

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

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{provideAffixRootContext as t,useAffixUi as n}from"./context.js";import{getDefaultTarget as r,getFixedBottom as i,getFixedTop as a,getTargetRect as o,isZeroRect as s,resolveAffixTarget as c}from"./shared.js";import{computed as l,createElementBlock as u,defineComponent as d,nextTick as f,normalizeClass as p,onBeforeUnmount as m,onMounted as h,onWatcherCleanup as g,openBlock as _,renderSlot as v,shallowRef as y,unref as b,watch as x}from"vue";import{useEventListener as S,useRafFn as C,useResizeObserver as w}from"@vueuse/core";const T=d({name:`AffixRoot`,__name:`affix-root`,props:{offsetTop:{},offsetBottom:{},target:{type:[String,Function,null]}},emits:[`change`],setup(d,{expose:T,emit:E}){let D=d,O=E,k=n(`root`),[A,j]=e(),M=y(!1),N=y(),P=y(),F=l(()=>M.value?`fixed`:`static`),I=y(c(D.target));function L(){I.value=c(D.target)}let R=l(()=>D.offsetBottom===void 0&&D.offsetTop===void 0?0:D.offsetTop);function z(){if(!M.value){N.value=void 0,P.value=void 0;return}M.value=!1,N.value=void 0,P.value=void 0,O(`change`,!1)}function B(){if(typeof window>`u`)return;let e=A.value,t=I.value;if(!e||!t){z();return}let n=e.getBoundingClientRect();if(s(n)){z();return}let r=o(t),c=a(n,r,R.value),l=i(n,r,D.offsetBottom),u,d;(c!==void 0||l!==void 0)&&(u={left:`${n.left}px`,position:`fixed`,width:`${n.width}px`},c!==void 0&&(u.top=`${c}px`),l!==void 0&&(u.bottom=`${l}px`),d={height:`${n.height}px`,width:`${n.width}px`});let f=!!u;M.value!==f&&O(`change`,f),M.value=f,N.value=u,P.value=d}let{pause:V,resume:H}=C(B,{immediate:!1,once:!0}),{contentElement:U}=t({affixed:M,affixStyle:N,placeholderStyle:P,dataState:F,updatePosition:H});return x([()=>D.target,()=>D.offsetTop,()=>D.offsetBottom],async()=>{L(),await f(),H()},{immediate:!0}),x(I,e=>{if(!e)return;let t=S(e,`scroll`,H),n=S(e,`touchstart`,H),r=S(e,`touchmove`,H),i=S(e,`touchend`,H);g(()=>{t(),n(),r(),i()})},{immediate:!0}),S(r,`load`,H),S(r,`pageshow`,H),S(r,`resize`,H),w(A,H),w(U,H),h(async()=>{await f(),L(),H()}),m(()=>{V()}),T({affixed:M,updatePosition:H}),(e,t)=>(_(),u(`div`,{ref:b(j),"data-soybean-affix-root":``,class:p(b(k))},[v(e.$slots,`default`,{affixed:M.value})],2))}});export{T as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{provideAffixRootContext as t,useAffixUi as n}from"./context.js";import{getDefaultTarget as r,getFixedBottom as i,getFixedTop as a,getTargetRect as o,isZeroRect as s,resolveAffixTarget as c}from"./shared.js";import{computed as l,createElementBlock as u,defineComponent as d,nextTick as f,normalizeClass as p,onBeforeUnmount as m,onMounted as h,onWatcherCleanup as g,openBlock as _,renderSlot as v,shallowRef as y,unref as b,watch as x}from"vue";import{useEventListener as S,useRafFn as C,useResizeObserver as w}from"@vueuse/core";const T=d({name:`AffixRoot`,__name:`affix-root`,props:{offsetTop:{},offsetBottom:{},target:{}},emits:[`change`],setup(d,{expose:T,emit:E}){let D=d,O=E,k=n(`root`),[A,j]=e(),M=y(!1),N=y(),P=y(),F=l(()=>M.value?`fixed`:`static`),I=y(c(D.target));function L(){I.value=c(D.target)}let R=l(()=>D.offsetBottom===void 0&&D.offsetTop===void 0?0:D.offsetTop);function z(){if(!M.value){N.value=void 0,P.value=void 0;return}M.value=!1,N.value=void 0,P.value=void 0,O(`change`,!1)}function B(){if(typeof window>`u`)return;let e=A.value,t=I.value;if(!e||!t){z();return}let n=e.getBoundingClientRect();if(s(n)){z();return}let r=o(t),c=a(n,r,R.value),l=i(n,r,D.offsetBottom),u,d;(c!==void 0||l!==void 0)&&(u={left:`${n.left}px`,position:`fixed`,width:`${n.width}px`},c!==void 0&&(u.top=`${c}px`),l!==void 0&&(u.bottom=`${l}px`),d={height:`${n.height}px`,width:`${n.width}px`});let f=!!u;M.value!==f&&O(`change`,f),M.value=f,N.value=u,P.value=d}let{pause:V,resume:H}=C(B,{immediate:!1,once:!0}),{contentElement:U}=t({affixed:M,affixStyle:N,placeholderStyle:P,dataState:F,updatePosition:H});return x([()=>D.target,()=>D.offsetTop,()=>D.offsetBottom],async()=>{L(),await f(),H()},{immediate:!0}),x(I,e=>{if(!e)return;let t=S(e,`scroll`,H),n=S(e,`touchstart`,H),r=S(e,`touchmove`,H),i=S(e,`touchend`,H);g(()=>{t(),n(),r(),i()})},{immediate:!0}),S(r,`load`,H),S(r,`pageshow`,H),S(r,`resize`,H),w(A,H),w(U,H),h(async()=>{await f(),L(),H()}),m(()=>{V()}),T({affixed:M,updatePosition:H}),(e,t)=>(_(),u(`div`,{ref:b(j),"data-soybean-affix-root":``,class:p(b(k))},[v(e.$slots,`default`,{affixed:M.value})],2))}});export{T as default};

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

@@ -6,7 +6,7 @@ import { ComputedRef, ShallowRef } from "vue";
 /**
  * Type information for AffixTarget.
  */
-type AffixTarget = string | Window | HTMLElement | (() => HTMLElement);
+type AffixTarget = string | Window | HTMLElement;
 /**
  * State values for AffixState.
  */

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-input.js

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

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

@@ -3,13 +3,13 @@ import { AutocompleteInputProps } from "./types.js";
 //#region src/components/autocomplete/autocomplete-input.vue.d.ts
 declare var __VLS_10: {
     clear: () => void;
-  }, __VLS_26: {
+  }, __VLS_19: {
     clear: () => void;
   };
 type __VLS_Slots = {} & {
   leading?: (props: typeof __VLS_10) => any;
 } & {
-  trailing?: (props: typeof __VLS_26) => any;
+  trailing?: (props: typeof __VLS_19) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<AutocompleteInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;

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/bottom-sheet/bottom-sheet-popup.vue.d.ts

@@ -1,7 +1,7 @@
 //#region src/components/bottom-sheet/bottom-sheet-popup.vue.d.ts
-declare var __VLS_15: {};
+declare var __VLS_10: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_15) => any;
+  default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -2,9 +2,9 @@ import { DialogRootProps } from "../dialog/types.js";
 import { DrawerDirection, WithFadeFromProps, WithoutFadeFromProps } from "./types.js";
 
 //#region src/components/bottom-sheet/bottom-sheet-root-nested.vue.d.ts
-declare var __VLS_13: any;
+declare var __VLS_10: any;
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_13) => any;
+  default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<(DialogRootProps & {
   activeSnapPoint?: number | string | null;

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

@@ -1 +1 @@
-import{getVueBooleanCasting as e,transformPropsToContext as t}from"../../shared/vue.js";import{getDefaultDate as n}from"../../date/comparators.js";import{getWeekStartsOn as r}from"../../date/calendar.js";import{handleCalendarInitialFocus as i}from"../../date/utils.js";import{useDirection as a,useLocale as o}from"../config-provider/context.js";import"../../date/index.js";import"../../shared/index.js";import{useControllableState as s}from"../../composables/use-controllable-state.js";import{useForwardElement as c}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as l}from"../primitive/primitive.js";import"../primitive/index.js";import u from"../visually-hidden/visually-hidden.js";import{provideCalendarRootContext as d,useCalendarUi as f}from"./context.js";import"../visually-hidden/index.js";import{getMonthOptions as ee,getYearOptions as te,handleMonthChange as ne,handleYearChange as re}from"./shared.js";import{useCalendar as p,useCalendarState as m}from"./use-calendar.js";import{computed as h,createBlock as g,createElementVNode as _,createVNode as v,defineComponent as y,normalizeClass as b,onMounted as x,openBlock as S,renderSlot as ie,toDisplayString as ae,unref as C,watch as w,withCtx as T}from"vue";import{isEqualDay as E,isSameDay as D}from"@internationalized/date";const O={"aria-level":`2`,role:`heading`},k=y({name:`CalendarRoot`,__name:`calendar-root`,props:{dir:{},locale:{},modelValue:{},defaultValue:{default:void 0},multiple:{},placeholder:{default:void 0},defaultPlaceholder:{default:void 0},disabled:{type:Boolean},readonly:{type:Boolean},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},weekStartsOn:{},weekdayFormat:{default:`narrow`},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},numberOfMonths:{default:1},initialFocus:{type:Boolean},isDateDisabled:{type:Function,default:void 0},isDateUnavailable:{type:Function,default:void 0},nextPage:{},prevPage:{},disableDaysOutsideCurrentView:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`],setup(y,{emit:k}){let A=y,j=k,M=f(`root`),[N,P]=c(),F=o(()=>A.locale),I=a(()=>A.dir),L=h(()=>A.weekStartsOn??r(F.value)),R=h(()=>e(A.multiple)),z=s(()=>A.modelValue,e=>{j(`update:modelValue`,e)},A.defaultValue,!0),B=n({defaultPlaceholder:A.placeholder,defaultValue:z.value,locale:A.locale}),V=s(()=>A.placeholder,e=>{j(`update:placeholder`,e)},A.defaultPlaceholder??B.copy()),{fullCalendarLabel:H,headingValue:U,isDateDisabled:W,isDateUnavailable:G,isNextButtonDisabled:K,isPrevButtonDisabled:q,weekdays:J,isOutsideVisibleView:oe,nextPage:se,prevPage:ce,formatter:Y,grid:X,isPlaceholderFocusable:le,firstFocusableDate:ue}=p({locale:F,placeholder:V,weekStartsOn:L,fixedWeeks:h(()=>A.fixedWeeks),numberOfMonths:h(()=>A.numberOfMonths),minValue:h(()=>A.minValue),maxValue:h(()=>A.maxValue),disabled:h(()=>A.disabled),weekdayFormat:h(()=>A.weekdayFormat),pagedNavigation:h(()=>A.pagedNavigation),isDateDisabled:A.isDateDisabled,isDateUnavailable:A.isDateUnavailable,calendarLabel:h(()=>A.calendarLabel),nextPage:h(()=>A.nextPage),prevPage:h(()=>A.prevPage)}),{isInvalid:Z,isDateSelected:de,hasSelectedDate:fe,isSelectedDateDisabled:Q}=m({date:z,isDateDisabled:W,isDateUnavailable:G}),pe=h(()=>ee({placeholder:V.value,disabled:A.disabled,minValue:A.minValue,maxValue:A.maxValue,formatter:Y})),me=e=>{ne(e,{placeholder:V.value,disabled:A.disabled,minValue:A.minValue,maxValue:A.maxValue,onPlaceholderChange:$})},he=e=>{re(e,{placeholder:V.value,minValue:A.minValue,maxValue:A.maxValue,onPlaceholderChange:$})},ge=h(()=>te({placeholder:V.value,minValue:A.minValue,maxValue:A.maxValue}));w(z,e=>{if(Array.isArray(e)&&e.length){let t=e.at(-1);t&&!E(V.value,t)&&(V.value=t.copy());return}!Array.isArray(e)&&e&&!E(V.value,e)&&(V.value=e.copy())});function $(e){V.value=e.copy()}function _e(e){if(!A.readonly){if(!R.value){if(!z.value){z.value=e.copy();return}if(!A.preventDeselect&&D(z.value,e)){V.value=e.copy(),z.value=void 0;return}z.value=e.copy();return}if(!z.value){z.value=[e.copy()];return}if(Array.isArray(z.value)){if(z.value.findIndex(t=>D(t,e))===-1){z.value=[...z.value,e.copy()];return}if(!A.preventDeselect){let t=z.value.filter(t=>!D(t,e)).map(e=>e.copy());if(!t.length){V.value=e.copy(),z.value=void 0;return}z.value=t}}}}return d({locale:F,dir:I,weekStartsOn:L,weekdayFormat:h(()=>A.weekdayFormat),modelValue:z,multiple:R,placeholder:V,grid:X,parentElement:N,fullCalendarLabel:H,headingValue:U,isInvalid:Z,minValue:h(()=>A.minValue),maxValue:h(()=>A.maxValue),isPlaceholderFocusable:le,firstFocusableDate:ue,hasSelectedDate:fe,isSelectedDateDisabled:Q,formatter:Y,onDateChange:_e,onPlaceholderChange:$,isDateDisabled:W,isDateSelected:de,isDateUnavailable:G,isOutsideVisibleView:oe,prevPage:ce,nextPage:se,isPrevButtonDisabled:q,isNextButtonDisabled:K,...t(A,[`disableDaysOutsideCurrentView`,`disabled`,`fixedWeeks`,`initialFocus`,`numberOfMonths`,`pagedNavigation`,`preventDeselect`,`readonly`])}),x(()=>{A.initialFocus&&N.value&&i(N.value)}),(e,t)=>(S(),g(C(l),{ref:C(P),as:y.as,"as-child":y.asChild,"data-soybean-calendar-root":``,class:b(C(M)),"aria-label":C(H),"data-disabled":y.disabled?``:void 0,"data-invalid":C(Z)?``:void 0,"data-readonly":y.readonly?``:void 0,dir:C(I)},{default:T(()=>[ie(e.$slots,`default`,{date:C(V),disabled:y.disabled,formatter:C(Y),headingValue:C(U),fixedWeeks:y.fixedWeeks,grid:C(X),locale:C(F),maxValue:y.maxValue,minValue:y.minValue,modelValue:C(z),onPlaceholderChange:$,placeholder:C(V),weekDays:C(J),weekStartsOn:L.value,yearOptions:ge.value,onYearChange:he,monthOptions:pe.value,onMonthChange:me}),v(C(u),{as:`span`,feature:`fully-hidden`},{default:T(()=>[_(`span`,O,ae(C(H)),1)]),_:1})]),_:3},8,[`as`,`as-child`,`class`,`aria-label`,`data-disabled`,`data-invalid`,`data-readonly`,`dir`]))}});export{k as default};
+import{getVueBooleanCasting as e,transformPropsToContext as t}from"../../shared/vue.js";import{getDefaultDate as n}from"../../date/comparators.js";import{getWeekStartsOn as r}from"../../date/calendar.js";import{handleCalendarInitialFocus as i}from"../../date/utils.js";import{useDirection as a,useLocale as o}from"../config-provider/context.js";import"../../date/index.js";import"../../shared/index.js";import{useControllableState as s}from"../../composables/use-controllable-state.js";import{useForwardElement as c}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as l}from"../primitive/primitive.js";import"../primitive/index.js";import u from"../visually-hidden/visually-hidden.js";import{provideCalendarRootContext as d,useCalendarUi as f}from"./context.js";import"../visually-hidden/index.js";import{getMonthOptions as ee,getYearOptions as te,handleMonthChange as ne,handleYearChange as re}from"./shared.js";import{useCalendar as p,useCalendarState as m}from"./use-calendar.js";import{computed as h,createBlock as g,createElementVNode as _,createVNode as v,defineComponent as y,normalizeClass as b,onMounted as x,openBlock as S,renderSlot as ie,toDisplayString as ae,unref as C,watch as w,withCtx as T}from"vue";import{isEqualDay as E,isSameDay as D}from"@internationalized/date";const O={"aria-level":`2`,role:`heading`},k=y({name:`CalendarRoot`,__name:`calendar-root`,props:{dir:{},locale:{},modelValue:{},defaultValue:{default:void 0},multiple:{},placeholder:{default:void 0},defaultPlaceholder:{default:void 0},disabled:{type:Boolean},readonly:{type:Boolean},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},weekStartsOn:{},weekdayFormat:{default:`narrow`},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},numberOfMonths:{default:1},initialFocus:{type:Boolean},isDateDisabled:{type:Function,default:void 0},isDateUnavailable:{type:Function,default:void 0},nextPage:{},prevPage:{},disableDaysOutsideCurrentView:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`],setup(y,{emit:k}){let A=y,j=k,M=f(`root`),[N,P]=c(),F=o(()=>A.locale),I=a(()=>A.dir),L=h(()=>A.weekStartsOn??r(F.value)),R=h(()=>e(A.multiple)),z=s(()=>A.modelValue,e=>{j(`update:modelValue`,e)},A.defaultValue,!0),B=n({defaultPlaceholder:A.placeholder,defaultValue:z.value,locale:A.locale}),V=s(()=>A.placeholder,e=>{j(`update:placeholder`,e)},A.defaultPlaceholder??B.copy()),{fullCalendarLabel:H,headingValue:U,isDateDisabled:W,isDateUnavailable:G,isNextButtonDisabled:K,isPrevButtonDisabled:q,weekdays:J,isOutsideVisibleView:oe,nextPage:se,prevPage:ce,formatter:Y,grid:X,isPlaceholderFocusable:le,firstFocusableDate:ue}=p({locale:F,placeholder:V,weekStartsOn:L,fixedWeeks:h(()=>A.fixedWeeks),numberOfMonths:h(()=>A.numberOfMonths),minValue:h(()=>A.minValue),maxValue:h(()=>A.maxValue),disabled:h(()=>A.disabled),weekdayFormat:h(()=>A.weekdayFormat),pagedNavigation:h(()=>A.pagedNavigation),isDateDisabled:A.isDateDisabled,isDateUnavailable:A.isDateUnavailable,calendarLabel:h(()=>A.calendarLabel),nextPage:h(()=>A.nextPage),prevPage:h(()=>A.prevPage)}),{isInvalid:Z,isDateSelected:de,hasSelectedDate:fe,isSelectedDateDisabled:Q}=m({date:z,isDateDisabled:W,isDateUnavailable:G}),pe=h(()=>ee({placeholder:V.value,disabled:A.disabled,minValue:A.minValue,maxValue:A.maxValue,formatter:Y})),me=e=>{ne(e,{placeholder:V.value,disabled:A.disabled,minValue:A.minValue,maxValue:A.maxValue,onPlaceholderChange:$})},he=e=>{re(e,{placeholder:V.value,minValue:A.minValue,maxValue:A.maxValue,onPlaceholderChange:$})},ge=h(()=>te({placeholder:V.value,minValue:A.minValue,maxValue:A.maxValue}));w(z,e=>{if(Array.isArray(e)&&e.length){let t=e.at(-1);t&&!E(V.value,t)&&(V.value=t.copy());return}!Array.isArray(e)&&e&&!E(V.value,e)&&(V.value=e.copy())});function $(e){V.value=e.copy()}function _e(e){if(!A.readonly){if(!R.value){if(!z.value){z.value=e.copy();return}if(!A.preventDeselect&&D(z.value,e)){V.value=e.copy(),z.value=void 0;return}z.value=e.copy();return}if(!z.value){z.value=[e.copy()];return}if(Array.isArray(z.value)){if(z.value.findIndex(t=>D(t,e))===-1){z.value=[...z.value,e.copy()];return}if(!A.preventDeselect){let t=z.value.filter(t=>!D(t,e)).map(e=>e.copy());if(!t.length){V.value=e.copy(),z.value=void 0;return}z.value=t}}}}return d({locale:F,dir:I,weekStartsOn:L,weekdayFormat:h(()=>A.weekdayFormat),modelValue:z,multiple:R,placeholder:V,grid:X,parentElement:N,fullCalendarLabel:H,headingValue:U,isInvalid:Z,minValue:h(()=>A.minValue),maxValue:h(()=>A.maxValue),isPlaceholderFocusable:le,firstFocusableDate:ue,hasSelectedDate:fe,isSelectedDateDisabled:Q,formatter:Y,onDateChange:_e,onPlaceholderChange:$,isDateDisabled:W,isDateSelected:de,isDateUnavailable:G,isOutsideVisibleView:oe,prevPage:ce,nextPage:se,isPrevButtonDisabled:q,isNextButtonDisabled:K,...t(A,[`disableDaysOutsideCurrentView`,`disabled`,`fixedWeeks`,`initialFocus`,`numberOfMonths`,`pagedNavigation`,`preventDeselect`,`readonly`])}),x(()=>{A.initialFocus&&N.value&&i(N.value)}),(e,t)=>(S(),g(C(l),{ref:C(P),as:y.as,"as-child":y.asChild,"data-soybean-calendar-root":``,class:b(C(M)),"aria-label":C(H),"data-disabled":y.disabled?``:void 0,"data-invalid":C(Z)?``:void 0,"data-readonly":A.readonly?``:void 0,dir:C(I)},{default:T(()=>[ie(e.$slots,`default`,{date:C(V),disabled:y.disabled,formatter:C(Y),headingValue:C(U),fixedWeeks:y.fixedWeeks,grid:C(X),locale:C(F),maxValue:y.maxValue,minValue:y.minValue,modelValue:C(z),onPlaceholderChange:$,placeholder:C(V),weekDays:C(J),weekStartsOn:L.value,yearOptions:ge.value,onYearChange:he,monthOptions:pe.value,onMonthChange:me}),v(C(u),{as:`span`,feature:`fully-hidden`},{default:T(()=>[_(`span`,O,ae(C(H)),1)]),_:1})]),_:3},8,[`as`,`as-child`,`class`,`aria-label`,`data-disabled`,`data-invalid`,`data-readonly`,`dir`]))}});export{k as default};

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

@@ -14,8 +14,8 @@ declare const __VLS_base: import("vue").DefineComponent<CalendarRangeRootProps,
   disabled: boolean;
   placeholder: DateValue;
   defaultValue: DateRange;
-  defaultPlaceholder: DateValue;
   readonly: boolean;
+  defaultPlaceholder: DateValue;
   pagedNavigation: boolean;
   preventDeselect: boolean;
   weekdayFormat: WeekDayFormat;

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

@@ -1,12 +1,12 @@
 import { CheckedState } from "../../types/common.js";
 import { CheckboxControlProps } from "./types.js";
 //#region src/components/checkbox/checkbox-control.vue.d.ts
-declare var __VLS_11: {
+declare var __VLS_10: {
   modelValue: CheckedState | null | undefined;
   state: CheckedState;
 };
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_11) => any;
+  default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<CheckboxControlProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CheckboxControlProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

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

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

@@ -1,9 +1,9 @@
 import { ColorAreaAreaProps } from "./types.js";
 
 //#region src/components/color-area/color-area-area.vue.d.ts
-declare var __VLS_14: {};
+declare var __VLS_10: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_14) => any;
+  default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ColorAreaAreaProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorAreaAreaProps> & Readonly<{}>, {}, {}, {}, {}, string, import("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

@@ -3,13 +3,13 @@ import { ColorAreaCompactProps } from "./types.js";
 
 //#region src/components/color-area/color-area-compact.vue.d.ts
 declare const __VLS_export: import("vue").DefineComponent<ColorAreaCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("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, import("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, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -7,20 +7,20 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ColorAreaRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("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, import("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;
 }>, {
   disabled: boolean;
   format: ColorFormat;
-  defaultValue: string | ColorValue;
   modelValue: string | ColorValue;
+  defaultValue: string | ColorValue;
   colorSpace: ColorSpace;
   xChannel: ColorAreaAxisChannel;
   yChannel: ColorAreaAxisChannel;

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

@@ -15,9 +15,9 @@ declare const __VLS_base: import("vue").DefineComponent<ColorFieldRootProps, {},
 }>, {
   disabled: boolean;
   format: ColorFormat;
-  step: number;
-  defaultValue: string | ColorValue;
   modelValue: string | ColorValue;
+  defaultValue: string | ColorValue;
+  step: number;
   readonly: boolean;
   colorSpace: ColorSpace;
   disableWheelChange: boolean;

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

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

@@ -21,20 +21,20 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ColorPickerRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("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, import("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;
 }>, {
   disabled: boolean;
   format: ColorFormat;
-  defaultValue: string | ColorValue;
   modelValue: string | ColorValue;
+  defaultValue: string | ColorValue;
   defaultFormat: ColorFormat;
   colorSpace: ColorSpace;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -3,13 +3,13 @@ import { ColorSliderCompactProps } from "./types.js";
 
 //#region src/components/color-slider/color-slider-compact.vue.d.ts
 declare const __VLS_export: import("vue").DefineComponent<ColorSliderCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("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, import("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, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -7,22 +7,22 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ColorSliderRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("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, import("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;
 }>, {
   disabled: boolean;
   format: ColorFormat;
   orientation: DataOrientation;
-  step: number;
-  defaultValue: string | ColorValue;
   modelValue: string | ColorValue;
+  defaultValue: string | ColorValue;
+  step: number;
   colorSpace: ColorSpace;
   inverted: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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-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/context-menu/context-menu-checkbox-compact.vue.d.ts

@@ -6,8 +6,8 @@ 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;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
@@ -21,7 +21,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   expose: (exposed: {}) => void;
   attrs: any;
   slots: ContextMenuCheckboxCompactSlots<T>;
-  emit: ((evt: "select", item: MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: T[]) => 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);
+  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-content.vue.d.ts

@@ -2,9 +2,9 @@ import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js
 import { ContextMenuContentProps } from "./types.js";
 
 //#region src/components/context-menu/context-menu-content.vue.d.ts
-declare var __VLS_11: {};
+declare var __VLS_10: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_11) => any;
+  default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ContextMenuContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   escapeKeyDown: (event: KeyboardEvent) => any;

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

@@ -6,8 +6,8 @@ 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;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
@@ -21,7 +21,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
   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: "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);
+  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-trigger.vue.d.ts

@@ -2,9 +2,9 @@ import { AsTag } from "../primitive/types.js";
 import { ContextMenuTriggerProps } from "./types.js";
 
 //#region src/components/context-menu/context-menu-trigger.vue.d.ts
-declare var __VLS_18: {};
+declare var __VLS_14: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_18) => any;
+  default?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ContextMenuTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ContextMenuTriggerProps> & Readonly<{}>, {
   as: AsTag | import("vue").Component;

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

@@ -12,10 +12,10 @@ declare const __VLS_base: import("vue").DefineComponent<DateFieldRootProps, {},
 }>, {
   disabled: boolean;
   placeholder: import("@internationalized/date").DateValue;
-  step: DateStep;
   defaultValue: import("@internationalized/date").DateValue;
-  defaultPlaceholder: import("@internationalized/date").DateValue;
+  step: DateStep;
   readonly: boolean;
+  defaultPlaceholder: import("@internationalized/date").DateValue;
   isDateUnavailable: DateMatcher;
   granularity: Granularity;
   hourCycle: 12 | 24;

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

@@ -9,7 +9,7 @@ import { CalendarCellProps, CalendarCellTriggerProps, CalendarGridBodyProps, Cal
 import { PopoverCloseProps, PopoverPopupProps, PopoverPositionerProps, PopoverTriggerProps } from "../popover/types.js";
 import { DatePickerCompactProps } from "./types.js";
 //#region src/components/date-picker/date-picker-compact.vue.d.ts
-declare var __VLS_25: {
+declare var __VLS_24: {
   open: boolean;
   close: () => void;
   calendarProps: Omit<Readonly<{
@@ -254,26 +254,26 @@ declare var __VLS_25: {
     readonly inlist: boolean;
     readonly asChild: boolean;
     readonly open: boolean | undefined;
+    readonly readonly: boolean;
     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 initialFocus: boolean;
     readonly disableDaysOutsideCurrentView: boolean;
-  }, "positionerProps" | "open" | "triggerProps" | "placement" | "showArrow" | "portalProps" | "popupProps" | "arrowProps" | "closeProps" | "defaultOpen" | "modal">;
+  }, "triggerProps" | "open" | "positionerProps" | "placement" | "showArrow" | "portalProps" | "popupProps" | "arrowProps" | "closeProps" | "defaultOpen" | "modal">;
   onUpdateModelValue: (value: DateValue | undefined) => void;
   onUpdatePlaceholder: (placeholder: DateValue) => void;
 };
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_25) => any;
+  default?: (props: typeof __VLS_24) => 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-field/date-range-field-root.vue.d.ts

@@ -15,10 +15,10 @@ declare const __VLS_base: import("vue").DefineComponent<DateRangeFieldRootProps,
 }>, {
   disabled: boolean;
   placeholder: import("@internationalized/date").DateValue;
-  step: DateStep;
   defaultValue: DateRange;
-  defaultPlaceholder: import("@internationalized/date").DateValue;
+  step: DateStep;
   readonly: boolean;
+  defaultPlaceholder: import("@internationalized/date").DateValue;
   isDateUnavailable: DateMatcher;
   granularity: Granularity;
   hourCycle: 12 | 24;