@soybeanjs/headless 0.40.0-beta.1 → 0.40.0-beta.2

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

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

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

@@ -21,8 +21,8 @@ declare const __VLS_base: import("vue").DefineComponent<AnchorRootProps, {}, {},
     href: string;
   }) => any) | undefined;
 }>, {
-  orientation: DataOrientation;
   modelValue: string;
+  orientation: DataOrientation;
   offsetTop: number;
   bounds: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -27,8 +27,8 @@ declare const __VLS_base: import("vue").DefineComponent<AutocompleteRootProps, {
 }>, {
   open: boolean;
   modelValue: string;
-  defaultOpen: boolean;
   highlightOnHover: boolean;
+  defaultOpen: boolean;
   openOnFocus: boolean;
   openOnClick: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

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

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

@@ -1 +1 @@
-import{isClient as e}from"../../shared/env.js";import{useContext as t}from"../../composables/use-context.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import{useUiContext as r}from"../../composables/use-ui-context.js";import{provideDialogUi as i}from"../dialog/context.js";import{BOTTOM_SHEET_SCALE_SELECTOR as a,DRAG_CLASS as o,TRANSITIONS as s,dampenValue as ee,getTranslate as c,isVertical as l,reset as u,set as d}from"./shared.js";import{useSnapPoints as f}from"./use-snap-points.js";import{computed as p,ref as m,watch as h,watchEffect as te}from"vue";const[g,_]=t(`BottomSheetRoot`,e=>v(e));function v(t){let{emitDrag:r,emitRelease:i,emitClose:g,emitOpenChange:_,open:v,dismissible:y,nested:b,modal:ne,shouldScaleBackground:x,setBackgroundColorOnScale:S,scrollLockTimeout:C,closeThreshold:re,activeSnapPoint:w,fadeFromIndex:T,direction:E,noBodyStyles:ie,handleOnly:ae}=t,[D,O]=n(),[k,A]=n(),[j,M]=n(),N=m(v.value??!1),oe=m(!1),P=m(!1),F=m(!1),I=m(null),L=m(null),R=m(null),z=m(null),B=m(!1),V=m(null),H=m(0),U=m(!1),W=p(()=>k.value?.getBoundingClientRect().height||0),G=p(()=>{let e=t.snapPoints?.value;if(e?.length)return e}),K=p(()=>(G.value?.length??0)>0),{activeSnapPointIndex:q,onRelease:se,snapPointsOffset:ce,onDrag:le,shouldFade:J,getPercentageDragged:ue}=f({snapPoints:G,activeSnapPoint:w,drawerRef:k,fadeFromIndex:T,overlayRef:D,onSnapPointChange:Y,direction:E});function Y(e,t){G.value&&e===t.length-1&&(I.value=new Date)}function X(){return(window.innerWidth-26)/window.innerWidth}function Z(e,t){if(!e)return!1;let n=e,r=window.getSelection()?.toString(),i=k.value?c(k.value,E.value):null,a=new Date;if(n.hasAttribute(`data-soybean-bottom-sheet-no-drag`)||n.closest(`[data-soybean-bottom-sheet-no-drag]`))return!1;if(E.value===`right`||E.value===`left`)return!0;if(I.value&&a.getTime()-I.value.getTime()<500)return!1;if(i!==null&&(E.value===`bottom`?i>0:i<0))return!0;if(r&&r.length>0)return!1;if(z.value&&a.getTime()-z.value.getTime()<C.value&&i===0||t)return z.value=a,!1;for(;n;){if(n.scrollHeight>n.clientHeight){if(n.scrollTop!==0)return z.value=new Date,!1;if(n.getAttribute(`role`)===`dialog`)return!0}n=n.parentNode}return!0}function de(e){(y.value||G.value)&&(!k.value||k.value.contains(e.target))&&(P.value=!0,L.value=new Date,e.target.setPointerCapture(e.pointerId),H.value=l(E.value)?e.clientY:e.clientX)}function fe(e){if(!k.value||!P.value)return;let t=E.value===`bottom`||E.value===`right`?1:-1,n=(H.value-(l(E.value)?e.clientY:e.clientX))*t,i=n>0,s=G.value&&!y.value&&!i;if(s&&q.value===0)return;let c=Math.abs(n),u=document.querySelector(`[${a}]`),f=c/W.value,p=ue(c,i);if(p!==null&&(f=p),s&&f>=1||!B.value&&!Z(e.target,i))return;if(k?.value?.classList.add(o),B.value=!0,d(k.value,{transition:`none`}),d(D.value,{transition:`none`}),G.value&&le({draggedDistance:n}),i&&!G.value){let e=ee(n),r=Math.min(e*-1,0)*t;d(k.value,{transform:l(E.value)?`translate3d(0, ${r}px, 0)`:`translate3d(${r}px, 0, 0)`});return}let m=1-f;if((J.value||T.value&&q.value===T.value-1)&&(r(f),d(D.value,{opacity:`${m}`,transition:`none`},!0)),u&&D.value&&x.value){let e=Math.min(X()+f*(1-X()),1),t=8-f*8,n=Math.max(0,14-f*14);d(u,{borderRadius:`${t}px`,transform:l(E.value)?`scale(${e}) translate3d(0, ${n}px, 0)`:`scale(${e}) translate3d(${n}px, 0, 0)`,transition:`none`},!0)}if(!G.value){let e=c*t;d(k.value,{transform:l(E.value)?`translate3d(0, ${e}px, 0)`:`translate3d(${e}px, 0, 0)`})}}function Q(){if(!k.value)return;let e=document.querySelector(`[${a}]`),t=c(k.value,E.value);d(k.value,{transform:`translate3d(0, 0, 0)`,transition:`transform ${s.DURATION}s cubic-bezier(${s.EASE.join(`,`)})`}),d(D.value,{transition:`opacity ${s.DURATION}s cubic-bezier(${s.EASE.join(`,`)})`,opacity:`1`}),x.value&&t&&t>0&&N.value&&d(e,{borderRadius:`8px`,overflow:`hidden`,...l(E.value)?{transform:`scale(${X()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,transformOrigin:`top`}:{transform:`scale(${X()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,transformOrigin:`left`},transitionProperty:`transform, border-radius`,transitionDuration:`${s.DURATION}s`,transitionTimingFunction:`cubic-bezier(${s.EASE.join(`,`)})`},!0)}function $(e){k.value&&(g(),e||(N.value=!1),window.setTimeout(()=>{G.value&&(w.value=G.value[0])},s.DURATION*1e3))}te(()=>{if(!N.value&&x.value&&e){let e=setTimeout(()=>{u(document.body)},200);return()=>clearTimeout(e)}}),h(v,()=>{N.value=v.value,v.value||$()});function pe(e){if(!P.value||!k.value)return;k.value.classList.remove(o),B.value=!1,P.value=!1,R.value=new Date;let t=c(k.value,E.value);if(!Z(e.target,!1)||!t||Number.isNaN(t)||L.value===null)return;let n=R.value.getTime()-L.value.getTime(),r=H.value-(l(E.value)?e.clientY:e.clientX),a=Math.abs(r)/n;if(a>.05&&(F.value=!0,window.setTimeout(()=>{F.value=!1},200)),G.value){let e=E.value===`bottom`||E.value===`right`?1:-1;se({draggedDistance:r*e,closeDrawer:$,velocity:a,dismissible:y.value}),i(!0);return}if(E.value===`bottom`||E.value===`right`?r>0:r<0){Q(),i(!0);return}if(a>.4){$(),i(!1);return}if(t>=Math.min(k.value.getBoundingClientRect().height??0,window.innerHeight)*re.value){$(),i(!1);return}i(!0),Q()}h(N,e=>{e&&(I.value=new Date),_(e)},{immediate:!0});function me(e){let t=e?(window.innerWidth-16)/window.innerWidth:1,n=e?-16:0;V.value&&window.clearTimeout(V.value),d(k.value,{transition:`transform ${s.DURATION}s cubic-bezier(${s.EASE.join(`,`)})`,transform:`scale(${t}) translate3d(0, ${n}px, 0)`}),!e&&k.value&&(V.value=window.setTimeout(()=>{let e=c(k.value,E.value);d(k.value,{transition:`none`,transform:l(E.value)?`translate3d(0, ${e}px, 0)`:`translate3d(${e}px, 0, 0)`})},500))}function he(e){if(e<0)return;let t=l(E.value)?window.innerHeight:window.innerWidth,n=(t-16)/t,r=n+e*(1-n),i=-16+e*16;d(k.value,{transform:l(E.value)?`scale(${r}) translate3d(0, ${i}px, 0)`:`scale(${r}) translate3d(${i}px, 0, 0)`,transition:`none`})}function ge(e){let t=l(E.value)?window.innerHeight:window.innerWidth,n=e?(t-16)/t:1,r=e?-16:0;e&&d(k.value,{transition:`transform ${s.DURATION}s cubic-bezier(${s.EASE.join(`,`)})`,transform:l(E.value)?`scale(${n}) translate3d(0, ${r}px, 0)`:`scale(${n}) translate3d(${r}px, 0, 0)`})}return{open:v,isOpen:N,modal:ne,keyboardIsOpen:U,hasBeenOpened:oe,drawerRef:k,setDrawerRef:A,drawerHeightRef:W,overlayRef:D,setOverlayRef:O,handleRef:j,setHandleRef:M,isDragging:P,dragStartTime:L,isAllowedToDrag:B,snapPoints:G,hasSnapPoints:K,activeSnapPoint:w,pointerStart:H,dismissible:y,snapPointsOffset:ce,direction:E,shouldFade:J,fadeFromIndex:T,shouldScaleBackground:x,setBackgroundColorOnScale:S,onPress:de,onDrag:fe,onRelease:pe,closeDrawer:$,onNestedDrag:he,onNestedRelease:ge,onNestedOpenChange:me,emitClose:g,emitDrag:r,emitRelease:i,emitOpenChange:_,nested:b,handleOnly:ae,noBodyStyles:ie}}const[y,b]=r(`BottomSheet`,e=>(i(e),e));export{y as provideBottomSheetUi,g as provideDrawerRootContext,b as useBottomSheetUi,v as useDrawer,_ as useDrawerRootContext};
+import{isClient as e}from"../../shared/env.js";import{useContext as t}from"../../composables/use-context.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import{useUiContext as r}from"../../composables/use-ui-context.js";import{provideDialogUi as i}from"../dialog/context.js";import{BOTTOM_SHEET_SCALE_SELECTOR as a,DRAG_CLASS as o,TRANSITIONS as s,dampenValue as ee,getTranslate as c,isVertical as l,reset as u,set as d}from"./shared.js";import{useSnapPoints as f}from"./use-snap-points.js";import{computed as p,ref as m,watch as h,watchEffect as te}from"vue";const[g,_]=t(`BottomSheetRoot`,e=>v(e));function v(t){let{emitDrag:r,emitRelease:i,emitClose:g,emitOpenChange:_,open:v,dismissible:y,nested:b,modal:ne,shouldScaleBackground:x,setBackgroundColorOnScale:S,scrollLockTimeout:C,closeThreshold:re,activeSnapPoint:w,fadeFromIndex:T,direction:E,noBodyStyles:ie,handleOnly:ae}=t,[D,O]=n(),[k,A]=n(),[j,M]=n(),N=m(v.value??!1),oe=m(!1),P=m(!1),F=m(!1),I=m(null),L=m(null),R=m(null),z=m(null),B=m(!1),V=m(null),H=m(0),U=m(!1),W=p(()=>k.value?.getBoundingClientRect().height||0),G=p(()=>{let e=t.snapPoints?.value;if(e?.length)return e}),K=p(()=>(G.value?.length??0)>0),{activeSnapPointIndex:q,onRelease:se,snapPointsOffset:ce,onDrag:le,shouldFade:J,getPercentageDragged:ue}=f({snapPoints:G,activeSnapPoint:w,drawerRef:k,fadeFromIndex:T,overlayRef:D,onSnapPointChange:Y,direction:E});function Y(e,t){G.value&&e===t.length-1&&(I.value=new Date)}function X(){return(window.innerWidth-26)/window.innerWidth}function Z(e,t){if(!e)return!1;let n=e,r=window.getSelection()?.toString(),i=k.value?c(k.value,E.value):null,a=new Date;if(n.hasAttribute(`data-soybean-bottom-sheet-no-drag`)||n.closest(`[data-soybean-bottom-sheet-no-drag]`))return!1;if(E.value===`right`||E.value===`left`)return!0;if(I.value&&a.getTime()-I.value.getTime()<500)return!1;if(i!==null&&(E.value===`bottom`?i>0:i<0))return!0;if(r&&r.length>0)return!1;if(z.value&&a.getTime()-z.value.getTime()<C.value&&i===0||t)return z.value=a,!1;for(;n;){if(n.scrollHeight>n.clientHeight){if(n.scrollTop!==0)return z.value=new Date,!1;if(n.getAttribute(`role`)===`dialog`)return!0}n=n.parentNode}return!0}function de(e){(y.value||G.value)&&(!k.value||k.value.contains(e.target))&&(P.value=!0,L.value=new Date,e.target.setPointerCapture(e.pointerId),H.value=l(E.value)?e.clientY:e.clientX)}function fe(e){if(!k.value||!P.value)return;let t=E.value===`bottom`||E.value===`right`?1:-1,n=(H.value-(l(E.value)?e.clientY:e.clientX))*t,i=n>0,s=G.value&&!y.value&&!i;if(s&&q.value===0)return;let c=Math.abs(n),u=document.querySelector(`[${a}]`),f=c/W.value,p=ue(c,i);if(p!==null&&(f=p),s&&f>=1||!B.value&&!Z(e.target,i))return;if(k?.value?.classList.add(o),B.value=!0,d(k.value,{transition:`none`}),d(D.value,{transition:`none`}),G.value&&le({draggedDistance:n}),i&&!G.value){let e=ee(n),r=Math.min(e*-1,0)*t;d(k.value,{transform:l(E.value)?`translate3d(0, ${r}px, 0)`:`translate3d(${r}px, 0, 0)`});return}let m=1-f;if((J.value||T.value&&q.value===T.value-1)&&(r(f),d(D.value,{opacity:`${m}`,transition:`none`},!0)),u&&D.value&&x.value){let e=Math.min(X()+f*(1-X()),1),t=8-f*8,n=Math.max(0,14-f*14);d(u,{borderRadius:`${t}px`,transform:l(E.value)?`scale(${e}) translate3d(0, ${n}px, 0)`:`scale(${e}) translate3d(${n}px, 0, 0)`,transition:`none`},!0)}if(!G.value){let e=c*t;d(k.value,{transform:l(E.value)?`translate3d(0, ${e}px, 0)`:`translate3d(${e}px, 0, 0)`})}}function Q(){if(!k.value)return;let e=document.querySelector(`[${a}]`),t=c(k.value,E.value);d(k.value,{transform:`translate3d(0, 0, 0)`,transition:`transform ${s.DURATION}s cubic-bezier(${s.EASE.join(`,`)})`}),d(D.value,{transition:`opacity ${s.DURATION}s cubic-bezier(${s.EASE.join(`,`)})`,opacity:`1`}),x.value&&t&&t>0&&N.value&&d(e,{borderRadius:`8px`,overflow:`hidden`,...l(E.value)?{transform:`scale(${X()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,transformOrigin:`top`}:{transform:`scale(${X()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,transformOrigin:`left`},transitionProperty:`transform, border-radius`,transitionDuration:`${s.DURATION}s`,transitionTimingFunction:`cubic-bezier(${s.EASE.join(`,`)})`},!0)}function $(e){k.value&&(g(),e||(N.value=!1),window.setTimeout(()=>{G.value&&(w.value=G.value[0])},s.DURATION*1e3))}te(()=>{if(!N.value&&x.value&&e){let e=setTimeout(()=>{typeof document>`u`||u(document.body)},200);return()=>clearTimeout(e)}}),h(v,()=>{N.value=v.value,v.value||$()});function pe(e){if(!P.value||!k.value)return;k.value.classList.remove(o),B.value=!1,P.value=!1,R.value=new Date;let t=c(k.value,E.value);if(!Z(e.target,!1)||!t||Number.isNaN(t)||L.value===null)return;let n=R.value.getTime()-L.value.getTime(),r=H.value-(l(E.value)?e.clientY:e.clientX),a=Math.abs(r)/n;if(a>.05&&(F.value=!0,window.setTimeout(()=>{F.value=!1},200)),G.value){let e=E.value===`bottom`||E.value===`right`?1:-1;se({draggedDistance:r*e,closeDrawer:$,velocity:a,dismissible:y.value}),i(!0);return}if(E.value===`bottom`||E.value===`right`?r>0:r<0){Q(),i(!0);return}if(a>.4){$(),i(!1);return}if(t>=Math.min(k.value.getBoundingClientRect().height??0,window.innerHeight)*re.value){$(),i(!1);return}i(!0),Q()}h(N,e=>{e&&(I.value=new Date),_(e)},{immediate:!0});function me(e){let t=e?(window.innerWidth-16)/window.innerWidth:1,n=e?-16:0;V.value&&window.clearTimeout(V.value),d(k.value,{transition:`transform ${s.DURATION}s cubic-bezier(${s.EASE.join(`,`)})`,transform:`scale(${t}) translate3d(0, ${n}px, 0)`}),!e&&k.value&&(V.value=window.setTimeout(()=>{let e=c(k.value,E.value);d(k.value,{transition:`none`,transform:l(E.value)?`translate3d(0, ${e}px, 0)`:`translate3d(${e}px, 0, 0)`})},500))}function he(e){if(e<0)return;let t=l(E.value)?window.innerHeight:window.innerWidth,n=(t-16)/t,r=n+e*(1-n),i=-16+e*16;d(k.value,{transform:l(E.value)?`scale(${r}) translate3d(0, ${i}px, 0)`:`scale(${r}) translate3d(${i}px, 0, 0)`,transition:`none`})}function ge(e){let t=l(E.value)?window.innerHeight:window.innerWidth,n=e?(t-16)/t:1,r=e?-16:0;e&&d(k.value,{transition:`transform ${s.DURATION}s cubic-bezier(${s.EASE.join(`,`)})`,transform:l(E.value)?`scale(${n}) translate3d(0, ${r}px, 0)`:`scale(${n}) translate3d(${r}px, 0, 0)`})}return{open:v,isOpen:N,modal:ne,keyboardIsOpen:U,hasBeenOpened:oe,drawerRef:k,setDrawerRef:A,drawerHeightRef:W,overlayRef:D,setOverlayRef:O,handleRef:j,setHandleRef:M,isDragging:P,dragStartTime:L,isAllowedToDrag:B,snapPoints:G,hasSnapPoints:K,activeSnapPoint:w,pointerStart:H,dismissible:y,snapPointsOffset:ce,direction:E,shouldFade:J,fadeFromIndex:T,shouldScaleBackground:x,setBackgroundColorOnScale:S,onPress:de,onDrag:fe,onRelease:pe,closeDrawer:$,onNestedDrag:he,onNestedRelease:ge,onNestedOpenChange:me,emitClose:g,emitDrag:r,emitRelease:i,emitOpenChange:_,nested:b,handleOnly:ae,noBodyStyles:ie}}const[y,b]=r(`BottomSheet`,e=>(i(e),e));export{y as provideBottomSheetUi,g as provideDrawerRootContext,b as useBottomSheetUi,v as useDrawer,_ as useDrawerRootContext};

package/dist/components/bottom-sheet/use-scale-background.js

@@ -1 +1 @@
-import{isClient as e}from"../../shared/env.js";import{BOTTOM_SHEET_SCALE_SELECTOR as t,TRANSITIONS as n,assignStyle as r,chain as i,isVertical as a}from"./shared.js";import{useDrawerRootContext as o}from"./context.js";import{ref as s,watchEffect as c}from"vue";const l=()=>()=>{};function u(){let{direction:u,isOpen:d,shouldScaleBackground:f,setBackgroundColorOnScale:p,noBodyStyles:m}=o(`DrawerScaleBackground`),h=s(null),g=s(e?document.body.style.backgroundColor:``);function _(){return e?(window.innerWidth-26)/window.innerWidth:1}c(o=>{if(e&&d.value&&f.value){h.value&&clearTimeout(h.value);let e=document.querySelector(`[${t}]`);if(!e)return;let s=i(p.value&&!m.value?r(document.body,{background:`black`}):l,r(e,{transformOrigin:a(u.value)?`top`:`left`,transitionProperty:`transform, border-radius`,transitionDuration:`${n.DURATION}s`,transitionTimingFunction:`cubic-bezier(${n.EASE.join(`,`)})`})),c=r(e,{borderRadius:`8px`,overflow:`hidden`,...a(u.value)?{transform:`scale(${_()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`}:{transform:`scale(${_()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`}});o(()=>{s(),c(),h.value=window.setTimeout(()=>{g.value?document.body.style.background=g.value:document.body.style.removeProperty(`background`)},n.DURATION*1e3)})}},{flush:`pre`})}export{u as useScaleBackground};
+import{isClient as e}from"../../shared/env.js";import{BOTTOM_SHEET_SCALE_SELECTOR as t,TRANSITIONS as n,assignStyle as r,chain as i,isVertical as a}from"./shared.js";import{useDrawerRootContext as o}from"./context.js";import{ref as s,watchEffect as c}from"vue";const l=()=>()=>{};function u(){let{direction:u,isOpen:d,shouldScaleBackground:f,setBackgroundColorOnScale:p,noBodyStyles:m}=o(`DrawerScaleBackground`),h=s(null),g=s(e?document.body.style.backgroundColor:``);function _(){return e?(window.innerWidth-26)/window.innerWidth:1}c(o=>{if(e&&d.value&&f.value){h.value&&clearTimeout(h.value);let e=document.querySelector(`[${t}]`);if(!e)return;let s=i(p.value&&!m.value?r(document.body,{background:`black`}):l,r(e,{transformOrigin:a(u.value)?`top`:`left`,transitionProperty:`transform, border-radius`,transitionDuration:`${n.DURATION}s`,transitionTimingFunction:`cubic-bezier(${n.EASE.join(`,`)})`})),c=r(e,{borderRadius:`8px`,overflow:`hidden`,...a(u.value)?{transform:`scale(${_()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`}:{transform:`scale(${_()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`}});o(()=>{s(),c(),h.value=window.setTimeout(()=>{typeof document>`u`||(g.value?document.body.style.background=g.value:document.body.style.removeProperty(`background`))},n.DURATION*1e3)})}},{flush:`pre`})}export{u as useScaleBackground};

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 n from"../_icon/icon.js";import r from"./calendar-cell-trigger.js";import i from"./calendar-cell.js";import a from"./calendar-grid-body.js";import o from"./calendar-grid-head.js";import s from"./calendar-grid-row.js";import c from"./calendar-grid.js";import l from"./calendar-head-cell.js";import u from"./calendar-header.js";import d from"./calendar-heading.js";import f from"./calendar-next.js";import p from"./calendar-prev.js";import m from"./calendar-root.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(m,S(k(P),O(k(F))),{default:A(t=>[y(u,C(x(b.headerProps)),{default:A(()=>[y(p,C(x(b.prevProps)),{default:A(t=>[E(e.$slots,`prev`,{disabled:t.disabled},()=>[y(n,{icon:`lucide:chevron-left`})])]),_:3},16),y(d,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(f,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(c,S({key:n.value.toString()},{ref_for:!0},b.gridProps),{default:A(()=>[y(o,S({ref_for:!0},b.gridHeadProps),{default:A(()=>[y(s,S({ref_for:!0},b.gridRowProps),{default:A(()=>[(w(!0),_(h,null,T(t.weekDays,(t,r)=>(w(),g(l,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(a,S({ref_for:!0},b.gridBodyProps),{default:A(()=>[(w(!0),_(h,null,T(n.rows,(t,a)=>(w(),g(s,S({key:`${n.value.toString()}-${a}`},{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(r,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 n from"../_icon/icon.js";import r from"./calendar-cell-trigger.js";import i from"./calendar-cell.js";import a from"./calendar-grid-body.js";import o from"./calendar-grid-head.js";import s from"./calendar-grid-row.js";import c from"./calendar-grid.js";import l from"./calendar-head-cell.js";import u from"./calendar-header.js";import d from"./calendar-heading.js";import f from"./calendar-next.js";import p from"./calendar-prev.js";import m from"./calendar-root.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(m,S(k(P),O(k(F))),{default:A(t=>[y(u,C(x(b.headerProps)),{default:A(()=>[y(p,C(x(b.prevProps)),{default:A(t=>[E(e.$slots,`prev`,{disabled:t.disabled},()=>[y(n,{icon:`lucide:chevron-left`})])]),_:3},16),y(d,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(f,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(c,S({key:n.value.toString()},{ref_for:!0},b.gridProps),{default:A(()=>[y(o,S({ref_for:!0},b.gridHeadProps),{default:A(()=>[y(s,S({ref_for:!0},b.gridRowProps),{default:A(()=>[(w(!0),_(h,null,T(t.weekDays,(t,r)=>(w(),g(l,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(a,S({ref_for:!0},b.gridBodyProps),{default:A(()=>[(w(!0),_(h,null,T(n.rows,(t,a)=>(w(),g(s,S({key:`${n.value.toString()}-${a}`},{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(r,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

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

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

@@ -7,9 +7,9 @@ import "../../index.js";
 declare const __VLS_export: <T extends DefinedValue = DefinedValue, M extends boolean = false, P 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<CascaderCompactProps<T, M, P> & {
     onClear?: (() => any) | undefined;
-    onChange?: ((value: CascaderValue<T, M, P> | undefined, nodes: CascaderNode<T>[]) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: CascaderValue<T, M, P>) => any) | undefined;
+    onChange?: ((value: CascaderValue<T, M, P> | undefined, nodes: CascaderNode<T>[]) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
@@ -21,7 +21,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, M extends bo
   expose: (exposed: {}) => void;
   attrs: any;
   slots: CascaderCompactSlots<T, M, P>;
-  emit: ((evt: "clear") => void) & ((evt: "change", value: CascaderValue<T, M, P> | undefined, nodes: CascaderNode<T>[]) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: CascaderValue<T, M, P>) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "placed") => void) & ((evt: "loaded", node: CascaderNode<T>) => void);
+  emit: ((evt: "clear") => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: CascaderValue<T, M, P>) => void) & ((evt: "change", value: CascaderValue<T, M, P> | undefined, nodes: CascaderNode<T>[]) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "placed") => void) & ((evt: "loaded", node: CascaderNode<T>) => void);
 }>) => import("vue").VNode & {
   __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };

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

@@ -5,9 +5,9 @@ import { CascaderNode, CascaderRootProps, CascaderValue } from "./types.js";
 declare const __VLS_export: <T extends DefinedValue, M extends boolean = false, P 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<CascaderRootProps<T, M, P> & {
     onClear?: (() => any) | undefined;
-    onChange?: ((value: CascaderValue<T, M, P> | undefined, nodes: CascaderNode<T>[]) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: CascaderValue<T, M, P>) => any) | undefined;
+    onChange?: ((value: CascaderValue<T, M, P> | undefined, nodes: CascaderNode<T>[]) => any) | undefined;
     onLoaded?: ((node: CascaderNode<T>) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P_1;
@@ -20,7 +20,7 @@ declare const __VLS_export: <T extends DefinedValue, M extends boolean = false,
       open: boolean;
     }) => any;
   };
-  emit: ((evt: "clear") => void) & ((evt: "change", value: CascaderValue<T, M, P> | undefined, nodes: CascaderNode<T>[]) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: CascaderValue<T, M, P>) => void) & ((evt: "loaded", node: CascaderNode<T>) => void);
+  emit: ((evt: "clear") => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: CascaderValue<T, M, P>) => void) & ((evt: "change", value: CascaderValue<T, M, P> | undefined, nodes: CascaderNode<T>[]) => void) & ((evt: "loaded", node: CascaderNode<T>) => void);
 }>) => import("vue").VNode & {
   __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };

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

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

@@ -3,13 +3,13 @@ import "../../types/index.js";
 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;
+  format: ColorFormat;
   colorSpace: ColorSpace;
   xChannel: ColorAreaAxisChannel;
   yChannel: ColorAreaAxisChannel;

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

@@ -14,10 +14,10 @@ declare const __VLS_base: import("vue").DefineComponent<ColorFieldRootProps, {},
   "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
 }>, {
   disabled: boolean;
-  format: ColorFormat;
   step: number;
   defaultValue: string | ColorValue;
   modelValue: string | ColorValue;
+  format: ColorFormat;
   readonly: boolean;
   colorSpace: ColorSpace;
   disableWheelChange: boolean;

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

@@ -15,9 +15,9 @@ type __VLS_Slots = {} & {
   trigger?: (props: typeof __VLS_21) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ColorPickerCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  change: (value: string) => any;
   "update:open": (value: boolean) => any;
   "update:modelValue": (value: string) => any;
+  change: (value: string) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
@@ -28,9 +28,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<{
-  onChange?: ((value: string) => any) | undefined;
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onChange?: ((value: string) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
@@ -44,11 +44,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

@@ -11,8 +11,8 @@ declare var __VLS_1: {
   displayFormat: ColorFormat;
   displayFormatLabel: string;
   areaChannel: {
-    readonly x: "chroma" | "saturation";
-    readonly y: "brightness" | "lightness";
+    readonly x: "saturation" | "chroma";
+    readonly y: "lightness" | "brightness";
   };
   setColor: typeof setColor;
   setFormat: typeof setFormat;
@@ -21,22 +21,22 @@ 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;
-  defaultFormat: ColorFormat;
+  format: ColorFormat;
   colorSpace: ColorSpace;
+  defaultFormat: ColorFormat;
 }, {}, {}, {}, 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-slider/color-slider-compact.vue.d.ts

@@ -3,13 +3,13 @@ import "../../types/index.js";
 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

@@ -9,22 +9,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;
+  format: ColorFormat;
+  orientation: DataOrientation;
   colorSpace: ColorSpace;
   inverted: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

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

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

@@ -11,20 +11,20 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
     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;
-    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: "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: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);
 }>) => import("vue").VNode & {
   __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };

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

@@ -10,20 +10,20 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   props: import("vue").PublicProps & __VLS_PrettifyLocal<ContextMenuCompactProps<T> & {
     onSelect?: ((item: MenuOptionData<T>, event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: ContextMenuCompactSlots<T>;
-  emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "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: 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);
 }>) => import("vue").VNode & {
   __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };

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

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

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

@@ -11,20 +11,20 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
     onSelect?: ((item: MenuRadioOptionData<T>, event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((payload: Exclude<T, undefined> | null) => 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: ContextMenuRadioCompactSlots<T>;
-  emit: ((evt: "select", item: MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", payload: Exclude<T, undefined> | null) => 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:open", value: boolean) => void) & ((evt: "update:modelValue", payload: Exclude<T, undefined> | null) => 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);
 }>) => import("vue").VNode & {
   __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };

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

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

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

@@ -14,11 +14,11 @@ declare const __VLS_base: import("vue").DefineComponent<DateFieldRootProps, {},
   disabled: boolean;
   step: DateStep;
   defaultValue: import("@internationalized/date").DateValue;
-  defaultPlaceholder: import("@internationalized/date").DateValue;
   readonly: boolean;
+  defaultPlaceholder: import("@internationalized/date").DateValue;
   isDateUnavailable: DateMatcher;
-  hourCycle: 12 | 24;
   granularity: Granularity;
+  hourCycle: 12 | 24;
   hideTimeZone: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -19,11 +19,11 @@ declare const __VLS_base: import("vue").DefineComponent<DateRangeFieldRootProps,
   disabled: boolean;
   step: DateStep;
   defaultValue: DateRange;
-  defaultPlaceholder: import("@internationalized/date").DateValue;
   readonly: boolean;
+  defaultPlaceholder: import("@internationalized/date").DateValue;
   isDateUnavailable: DateMatcher;
-  hourCycle: 12 | 24;
   granularity: Granularity;
+  hourCycle: 12 | 24;
   hideTimeZone: boolean;
   startName: string;
   endName: string;

package/dist/components/dialog/dialog-close.js

@@ -1 +1 @@
-import e from"../_icon/icon.js";import t from"../button/button.js";import{useDialogRootContext as n,useDialogUi as r}from"./context.js";import{createBlock as i,createVNode as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=o({name:`DialogClose`,__name:`dialog-close`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},emits:[`close`],setup(o,{emit:f}){let p=o,m=f,h=r(`close`),{onOpenChange:g}=n(`DialogClose`),_=async e=>{m(`close`,e),g(!1)};return(n,r)=>(c(),i(t,s(p,{"data-soybean-dialog-close":``,class:u(h),onClick:_}),{default:d(()=>[l(n.$slots,`default`,{},()=>[a(e,{icon:`lucide:x`})])]),_:3},16,[`class`]))}});export{f as default};
+import{useLocaleMessages as e}from"../../locale/hooks.js";import t from"../_icon/icon.js";import n from"../button/button.js";import{useDialogRootContext as r,useDialogUi as i}from"./context.js";import{computed as a,createBlock as o,createVNode as s,defineComponent as c,mergeProps as l,openBlock as u,renderSlot as d,unref as f,useAttrs as p,withCtx as m}from"vue";const h=c({name:`DialogClose`,__name:`dialog-close`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},emits:[`close`],setup(c,{emit:h}){let g=c,_=h,v=p(),y=i(`close`),{onOpenChange:b}=r(`DialogClose`),x=e(),S=a(()=>v[`aria-label`]??x.value.dialog.close),C=async e=>{_(`close`,e),b(!1)};return(e,r)=>(u(),o(n,l(g,{"data-soybean-dialog-close":``,"aria-label":S.value,class:f(y),onClick:C}),{default:m(()=>[d(e.$slots,`default`,{},()=>[s(t,{icon:`lucide:x`})])]),_:3},16,[`aria-label`,`class`]))}});export{h as default};

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

@@ -4,10 +4,10 @@ import "../../index.js";
 //#region src/components/dialog/dialog-compact.vue.d.ts
 type __VLS_Slots = DialogCompactSlots;
 declare const __VLS_base: import("vue").DefineComponent<DialogCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:open": (value: boolean) => any;
+  close: (event: MouseEvent) => any;
   click: (event: PointerEvent) => any;
   cancel: (event: MouseEvent) => any;
-  close: (event: MouseEvent) => any;
-  "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
@@ -18,10 +18,10 @@ declare const __VLS_base: import("vue").DefineComponent<DialogCompactProps, {},
   "update:fullscreen": (value: boolean) => any;
   fullscreen: (event: MouseEvent) => any;
 }, string, import("vue").PublicProps, Readonly<DialogCompactProps> & Readonly<{
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
+  onClose?: ((event: MouseEvent) => any) | undefined;
   onClick?: ((event: PointerEvent) => any) | undefined;
   onCancel?: ((event: MouseEvent) => any) | undefined;
-  onClose?: ((event: MouseEvent) => any) | undefined;
-  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;