@soybeanjs/headless 0.28.1 → 0.28.2

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

@@ -3,11 +3,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/backtop/backtop.vue.d.ts

@@ -13,11 +13,11 @@ declare const __VLS_base: import("vue").DefineComponent<BacktopProps, {
   scrollToTop: typeof scrollToTop;
   updateVisibility: import("@vueuse/shared").Fn;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  change: (visible: boolean) => any;
   click: (event: PointerEvent) => any;
+  change: (visible: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<BacktopProps> & Readonly<{
-  onChange?: ((visible: boolean) => any) | undefined;
   onClick?: ((event: PointerEvent) => any) | undefined;
+  onChange?: ((visible: boolean) => any) | undefined;
 }>, {
   visibilityHeight: number;
   duration: number;

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

@@ -44,12 +44,12 @@ declare const __VLS_base: import("vue").DefineComponent<ClipboardProps, {}, {},
 }>, {
   copiedDuration: number;
   legacy: boolean;
-  copyIcon: string | import("vue").Component | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  copyIcon: string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-  }> | null;
-  copiedIcon: string | import("vue").Component | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  }> | import("vue").Component | null;
+  copiedIcon: string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-  }> | null;
+  }> | import("vue").Component | null;
   copyText: string;
   copiedText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -7,8 +7,8 @@ declare const __VLS_export: <M extends boolean = false>(__VLS_props: NonNullable
   props: import("vue").PublicProps & __VLS_PrettifyLocal<ColorSwatchPickerCompactProps<M> & {
     onSelect?: ((event: SelectEvent<string>) => any) | undefined;
     "onUpdate:modelValue"?: ((value: M extends true ? string[] : string) => any) | undefined;
-    onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
     onEntryFocus?: ((event: CustomEvent<any>) => any) | undefined;
+    onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
     onLeave?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -16,7 +16,7 @@ declare const __VLS_export: <M extends boolean = false>(__VLS_props: NonNullable
   expose: (exposed: {}) => void;
   attrs: any;
   slots: ColorSwatchPickerCompactSlots<M>;
-  emit: ((evt: "select", event: SelectEvent<string>) => void) & ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "leave", event: Event) => void);
+  emit: ((evt: "select", event: SelectEvent<string>) => void) & ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "leave", event: Event) => void);
 }>) => import("vue").VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -6,8 +6,8 @@ import { ColorSwatchPickerRootProps } from "./types.js";
 declare const __VLS_export: <M extends boolean>(__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<ColorSwatchPickerRootProps<M> & {
     "onUpdate:modelValue"?: ((value: M extends true ? string[] : string) => any) | undefined;
-    onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
     onEntryFocus?: ((event: CustomEvent<any>) => any) | undefined;
+    onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
     onLeave?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -19,7 +19,7 @@ declare const __VLS_export: <M extends boolean>(__VLS_props: NonNullable<Awaited
       modelValue: ((M extends true ? string[] : string) | undefined) & Exclude<M extends true ? string[] : string, undefined>;
     }) => any;
   };
-  emit: ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "leave", event: Event) => void);
+  emit: ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "leave", event: Event) => void);
 }>) => import("vue").VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -7,8 +7,8 @@ declare const __VLS_export: <T extends CommandSingleOptionData = CommandSingleOp
   props: import("vue").PublicProps & __VLS_PrettifyLocal<CommandCompactProps<T> & {
     onSelect?: ((event: SelectEvent<string>) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
     onEntryFocus?: ((event: CustomEvent<any>) => any) | undefined;
+    onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
     onLeave?: ((event: Event) => any) | undefined;
     "onUpdate:searchTerm"?: ((value: string) => any) | undefined;
   }> & (typeof globalThis extends {
@@ -17,7 +17,7 @@ declare const __VLS_export: <T extends CommandSingleOptionData = CommandSingleOp
   expose: (exposed: {}) => void;
   attrs: any;
   slots: CommandCompactSlots<T>;
-  emit: ((evt: "select", event: SelectEvent<string>) => void) & ((evt: "update:modelValue", value: string) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "leave", event: Event) => void) & ((evt: "update:searchTerm", value: string) => void);
+  emit: ((evt: "select", event: SelectEvent<string>) => void) & ((evt: "update:modelValue", value: string) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "leave", event: Event) => void) & ((evt: "update:searchTerm", value: string) => void);
 }>) => import("vue").VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

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

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

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

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

@@ -254,17 +254,17 @@ 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">;
+  }, "open" | "positionerProps" | "triggerProps" | "placement" | "showArrow" | "portalProps" | "popupProps" | "arrowProps" | "closeProps" | "defaultOpen" | "modal">;
   onUpdateModelValue: (value: DateValue | undefined) => void;
   onUpdatePlaceholder: (placeholder: DateValue) => void;
 };

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

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

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

@@ -257,17 +257,17 @@ 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 readonly: boolean;
     readonly pagedNavigation: boolean;
     readonly preventDeselect: boolean;
     readonly fixedWeeks: boolean;
     readonly initialFocus: boolean;
     readonly disableDaysOutsideCurrentView: boolean;
     readonly allowNonContiguousRanges: boolean;
-  }, "positionerProps" | "open" | "triggerProps" | "placement" | "showArrow" | "portalProps" | "popupProps" | "arrowProps" | "closeProps" | "defaultOpen" | "modal">;
+  }, "open" | "positionerProps" | "triggerProps" | "placement" | "showArrow" | "portalProps" | "popupProps" | "arrowProps" | "closeProps" | "defaultOpen" | "modal">;
   onUpdateModelValue: (value: DateRange) => void;
   onUpdatePlaceholder: (placeholder: DateValue) => void;
 };

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

@@ -4,9 +4,9 @@ import { DialogAlertType, DialogCompactProps, DialogCompactSlots } from "./types
 type __VLS_Slots = DialogCompactSlots;
 declare const __VLS_base: import("vue").DefineComponent<DialogCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   click: (event: PointerEvent) => any;
-  cancel: (event: MouseEvent) => any;
-  close: (event: MouseEvent) => any;
   "update:open": (value: boolean) => any;
+  close: (event: MouseEvent) => any;
+  cancel: (event: MouseEvent) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
@@ -16,9 +16,9 @@ declare const __VLS_base: import("vue").DefineComponent<DialogCompactProps, {},
   confirm: (event: MouseEvent) => any;
 }, string, import("vue").PublicProps, Readonly<DialogCompactProps> & Readonly<{
   onClick?: ((event: PointerEvent) => any) | undefined;
-  onCancel?: ((event: MouseEvent) => any) | undefined;
-  onClose?: ((event: MouseEvent) => any) | undefined;
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
+  onClose?: ((event: MouseEvent) => any) | undefined;
+  onCancel?: ((event: MouseEvent) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
@@ -30,9 +30,9 @@ declare const __VLS_base: import("vue").DefineComponent<DialogCompactProps, {},
   open: boolean;
   modal: boolean;
   showClose: boolean;
+  alertType: DialogAlertType;
   showCancel: "onlyWarning" | boolean;
   showConfirm: boolean;
-  alertType: DialogAlertType;
 }, {}, {}, {}, 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/dropdown-menu/dropdown-menu-root.vue.d.ts

@@ -12,11 +12,11 @@ declare const __VLS_base: import("vue").DefineComponent<DropdownMenuRootProps, {
 }, string, import("vue").PublicProps, Readonly<DropdownMenuRootProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
+  open: boolean;
   delayDuration: number;
   skipDelayDuration: number;
-  open: boolean;
-  modal: boolean;
   trigger: DropdownMenuTriggerType;
+  modal: boolean;
 }, {}, {}, {}, 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/layout/layout-root.vue.d.ts

@@ -18,6 +18,7 @@ declare const __VLS_base: import("vue").DefineComponent<LayoutRootProps, {}, {},
   defaultOpen: boolean;
   side: LayoutSide;
   variant: LayoutVariant;
+  pxToRem: (px: number) => number;
   sidebarVisible: boolean;
   sidebarWidth: number;
   collapsedSidebarWidth: number;
@@ -29,7 +30,6 @@ declare const __VLS_base: import("vue").DefineComponent<LayoutRootProps, {}, {},
   tabHeight: number;
   footerVisible: boolean;
   footerHeight: number;
-  pxToRem: (px: number) => number;
 }, {}, {}, {}, 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/listbox/listbox-root.vue.d.ts

@@ -5,8 +5,8 @@ import { ListboxCollectionItemData, ListboxRootProps } from "./types.js";
 declare const __VLS_export: <M extends boolean>(__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<ListboxRootProps<M> & {
     "onUpdate:modelValue"?: ((value: M extends true ? string[] : string) => any) | undefined;
-    onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
     onEntryFocus?: ((event: CustomEvent<any>) => any) | undefined;
+    onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
     onLeave?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -24,7 +24,7 @@ declare const __VLS_export: <M extends boolean>(__VLS_props: NonNullable<Awaited
       modelValue: (M extends true ? string[] : string) | undefined;
     }) => any;
   };
-  emit: ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "leave", event: Event) => void);
+  emit: ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "leave", event: Event) => void);
 }>) => import("vue").VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -3,8 +3,8 @@ import { PopconfirmCompactProps, PopconfirmCompactSlots } from "./types.js";
 //#region src/components/popconfirm/popconfirm-compact.vue.d.ts
 type __VLS_Slots = PopconfirmCompactSlots;
 declare const __VLS_base: import("vue").DefineComponent<PopconfirmCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  cancel: (event: PointerEvent) => any;
   "update:open": (value: boolean) => any;
+  cancel: (event: PointerEvent) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
@@ -13,8 +13,8 @@ declare const __VLS_base: import("vue").DefineComponent<PopconfirmCompactProps,
   closeAutoFocus: (event: Event) => any;
   confirm: (event: PointerEvent) => any;
 }, string, import("vue").PublicProps, Readonly<PopconfirmCompactProps> & Readonly<{
-  onCancel?: ((event: PointerEvent) => any) | undefined;
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
+  onCancel?: ((event: PointerEvent) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;

package/dist/components/popper/popper-positioner.vue.d.ts

@@ -201,7 +201,6 @@ declare const __VLS_base: import("vue").DefineComponent<PopperPositionerProps, {
   'aria-valuenow': string | number;
   'aria-valuetext': string;
   placement: Placement;
-  reference: import("@floating-ui/dom").ReferenceElement;
   side: import("@floating-ui/utils").Side;
   sideOffset: number;
   sideFlip: boolean;
@@ -219,6 +218,7 @@ declare const __VLS_base: import("vue").DefineComponent<PopperPositionerProps, {
   updatePositionStrategy: "optimized" | "always";
   disableUpdateOnLayoutShift: boolean;
   prioritizePosition: boolean;
+  reference: import("@floating-ui/dom").ReferenceElement;
 }, {}, {}, {}, 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/splitter/splitter-group.vue.d.ts

@@ -14,8 +14,8 @@ declare const __VLS_base: import("vue").DefineComponent<SplitterGroupProps, {},
 }>, {
   dir: Direction;
   direction: DataOrientation;
-  keyboardResizeBy: number;
   defaultLayout: number[];
+  keyboardResizeBy: number;
 }, {}, {}, {}, 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/splitter/splitter-panel.vue.d.ts

@@ -33,9 +33,9 @@ declare const __VLS_base: import("vue").DefineComponent<SplitterPanelProps, {
   collapsible: boolean;
   order: number;
   defaultSize: number;
-  collapsedSize: number;
-  maxSize: number;
   minSize: number;
+  maxSize: number;
+  collapsedSize: number;
 }, {}, {}, {}, 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/time-field/time-field-root.vue.d.ts

@@ -14,10 +14,10 @@ declare const __VLS_base: import("vue").DefineComponent<TimeFieldRootProps, {},
   placeholder: TimeValue;
   step: DateStep;
   defaultValue: TimeValue;
-  defaultPlaceholder: TimeValue;
   readonly: boolean;
-  granularity: TimeGranularity;
+  defaultPlaceholder: TimeValue;
   hourCycle: 12 | 24;
+  granularity: TimeGranularity;
   hideTimeZone: boolean;
   isTimeUnavailable: TimeMatcher;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -18,14 +18,14 @@ declare const __VLS_base: import("vue").DefineComponent<TimeRangeFieldRootProps,
   placeholder: TimeValue;
   step: DateStep;
   defaultValue: TimeRange;
-  defaultPlaceholder: TimeValue;
   readonly: boolean;
-  granularity: TimeGranularity;
+  defaultPlaceholder: TimeValue;
   hourCycle: 12 | 24;
+  granularity: TimeGranularity;
   hideTimeZone: boolean;
-  isTimeUnavailable: TimeMatcher;
   startName: string;
   endName: string;
+  isTimeUnavailable: TimeMatcher;
 }, {}, {}, {}, 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/tree-menu/tree-menu-compact.vue.d.ts

@@ -5,15 +5,15 @@ declare const __VLS_export: <T extends TreeMenuBaseOptionData = TreeMenuBaseOpti
   props: import("vue").PublicProps & __VLS_PrettifyLocal<TreeMenuCompactProps<T> & {
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
-    "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
     onSelectDropdown?: ((value: string) => any) | undefined;
+    "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: TreeMenuCompactSlots<T>;
-  emit: ((evt: "update:modelValue", value: string) => void) & ((evt: "update:expanded", value: string[]) => void) & ((evt: "update:collapsed", value: boolean) => void) & ((evt: "selectDropdown", value: string) => void);
+  emit: ((evt: "update:modelValue", value: string) => void) & ((evt: "update:expanded", value: string[]) => void) & ((evt: "selectDropdown", value: string) => void) & ((evt: "update:collapsed", value: boolean) => void);
 }>) => import("vue").VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/tree-menu/tree-menu-root.vue.d.ts

@@ -18,9 +18,9 @@ declare const __VLS_base: import("vue").DefineComponent<TreeMenuRootProps, {}, {
   collapsed: boolean;
   defaultExpanded: string[];
   indent: number;
-  pxToRem: (px: number) => number;
   defaultCollapsed: boolean;
   collapsedWidth: number;
+  pxToRem: (px: number) => number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soybeanjs/headless",
-  "version": "0.28.1",
+  "version": "0.28.2",
   "description": "SoybeanHeadless is a collection unstyled components for Vue 3. It is designed to be lightweight and easy to use.",
   "homepage": "https://github.com/soybeanjs/soybean-ui",
   "bugs": {