@soybeanjs/headless 0.28.0 → 0.28.2

package/dist/components/menubar/menubar-sub-content.vue.d.ts

@@ -6,21 +6,21 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<MenubarSubContentProps, {}, {}, {}, {}, 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<MenubarSubContentProps> & 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;
 }>, {}, {}, {}, {}, 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/page-tabs/page-tabs-compact.vue.d.ts

@@ -4,9 +4,9 @@ import { PageTabsCompactEmits, PageTabsCompactProps, PageTabsCompactSlots, PageT
 declare const __VLS_export: <T extends PageTabsOptionData = PageTabsOptionData>(__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<PageTabsCompactProps<T> & {
     onContextmenu?: ((tab: T) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    onClose?: ((tab: T) => any) | undefined;
     onClick?: ((tab: T) => any) | undefined;
+    onClose?: ((tab: T) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onPin?: ((tab: T) => any) | undefined;
     "onUpdate:items"?: ((items: T[]) => any) | undefined;
     onSelectContextMenu?: ((menu: PageTabsContextMenuOptionData, tab: T) => any) | undefined;

package/dist/components/page-tabs/page-tabs-item.vue.d.ts

@@ -6,12 +6,12 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_13) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<PageTabsItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-  close: () => any;
   click: () => any;
+  close: () => any;
   pin: (pinned: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<PageTabsItemProps> & Readonly<{
-  onClose?: (() => any) | undefined;
   onClick?: (() => any) | undefined;
+  onClose?: (() => any) | undefined;
   onPin?: ((pinned: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/popover/context.js

@@ -1 +1 @@
-import{getDisclosureState as e}from"../../shared/value.js";import{useContext as t}from"../../composables/use-context.js";import"../../shared/index.js";import{useUiContext as n}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{providePopperUi as r}from"../popper/context.js";import{computed as i,shallowRef as a,useId as o}from"vue";const[s,c]=t(`PopoverRoot`,t=>{let{open:n}=t,r=e=>{n.value=e},s=()=>{n.value=!n.value},c=i(()=>e(n.value)),l=a(),u=e=>{l.value=e},d=a(``),f=()=>{d.value||(d.value=`soybean-popover-trigger-${o()}`)},p=a(),m=e=>{p.value=e},h=a(``),g=()=>{h.value||(h.value=`soybean-popover-popup-${o()}`)},_=a(!1);return{...t,onOpenChange:r,onOpenToggle:s,dataState:c,triggerElement:l,onTriggerElementChange:u,triggerId:d,initTriggerId:f,popupElement:p,onPopupElementChange:m,popupId:h,initPopupId:g,hasCustomAnchor:_}}),[l,u]=n(`Popover`,e=>(r(e),e));export{s as providePopoverRootContext,l as providePopoverUi,c as usePopoverRootContext,u as usePopoverUi};
+import{getDisclosureState as e}from"../../shared/value.js";import{useContext as t}from"../../composables/use-context.js";import"../../shared/index.js";import{useUiContext as n}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{providePopperUi as r}from"../popper/context.js";import{computed as i,shallowRef as a,useId as o}from"vue";const[s,c]=t(`PopoverRoot`,t=>{let{open:n}=t,r=e=>{n.value=e},s=()=>{n.value=!n.value},c=i(()=>e(n.value)),l=a(),u=e=>{l.value=e},d=a(``),f=`soybean-popover-trigger-${o()}`,p=()=>{d.value||(d.value=f)},m=a(),h=e=>{m.value=e},g=a(``),_=`soybean-popover-popup-${o()}`,v=()=>{g.value||(g.value=_)},y=a(!1);return{...t,onOpenChange:r,onOpenToggle:s,dataState:c,triggerElement:l,onTriggerElementChange:u,triggerId:d,initTriggerId:p,popupElement:m,onPopupElementChange:h,popupId:g,initPopupId:v,hasCustomAnchor:y}}),[l,u]=n(`Popover`,e=>(r(e),e));export{s as providePopoverRootContext,l as providePopoverUi,c as usePopoverRootContext,u as usePopoverUi};

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

@@ -161,7 +161,7 @@ declare const __VLS_base: import("vue").DefineComponent<PopperPositionerProps, {
   'aria-colindex': string | number;
   'aria-colspan': string | number;
   'aria-controls': string;
-  'aria-current': "date" | (boolean | "true" | "false") | "page" | "step" | "location" | "time";
+  'aria-current': (boolean | "true" | "false") | "page" | "step" | "location" | "date" | "time";
   'aria-describedby': string;
   'aria-details': string;
   'aria-disabled': boolean | "true" | "false";

package/dist/components/roving-focus/context.js

@@ -1 +1 @@
-import{isNullish as e}from"../../shared/guard.js";import{wrapArray as t}from"../../shared/object.js";import{isElementHasAttribute as n}from"../../shared/dom.js";import{getFocusIntent as r,tryFocusFirst as i}from"../../shared/focus.js";import{useContext as a}from"../../composables/use-context.js";import{useDirection as o}from"../config-provider/context.js";import"../../shared/index.js";import{useCollection as s}from"../../composables/use-collection.js";import{useControllableState as c}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{computed as l,nextTick as u,onBeforeUnmount as d,onMounted as f,shallowRef as p,useId as m}from"vue";const h={bubbles:!1,cancelable:!0},{provideCollectionContext:g,useCollectionContext:_,useCollectionItem:v}=s(`RovingFocusGroup`),[y,b]=a(`RovingFocusGroup`,e=>{let{onContainerElementChange:t,getOrderedItems:r,getOrderedElements:a}=g(),{loop:s,orientation:u,defaultCurrentTabStopId:d,preventScrollOnEntryFocus:f,onEntryFocus:m,onUpdateCurrentTabStopId:_}=e,v=o(e.dir),y=c(()=>e.currentTabStopId.value,_,d.value??``),b=e=>{y.value=e},x=p(!1),S=p(!1),C=()=>{x.value=!0},w=p(0);return{onContainerElementChange:t,loop:s,dir:v,orientation:u,currentTabStopId:y,onItemFocus:b,onItemShiftTab:C,onFocusableItemAdd:()=>{w.value++},onFocusableItemRemove:()=>{w.value--},rovingFocusGroupProps:l(()=>({tabindex:x.value||w.value===0?`-1`:`0`,"data-orientation":u.value,dir:v.value,"data-loop":s.value?``:void 0,style:`outline: none`})),rovingFocusGroupListeners:{mousedown:()=>{S.value=!0},mouseup:()=>{setTimeout(()=>{S.value=!1},1)},focus:e=>{let t=!S.value;if(!e.currentTarget||e.target!==e.currentTarget||!t||x.value){S.value=!1;return}let r=new CustomEvent(`rovingFocusGroup.onEntryFocus`,h);if(e.currentTarget.dispatchEvent(r),m?.(r),r.defaultPrevented)return;let o=a();i([o.find(e=>n(e,`active`)),o.find(e=>n(e,`highlighted`)),o.find(e=>e.id===y.value),...o].filter(Boolean),f.value)},blur:()=>{x.value=!1}},getOrderedItems:r}});function x(n={}){let{getOrderedElements:a}=_(`RovingFocusItem`),{setItemElement:o}=v(n.itemData),{currentTabStopId:s,orientation:c,dir:p,loop:h,onItemFocus:g,onItemShiftTab:y,onFocusableItemAdd:x,onFocusableItemRemove:S}=b(`RovingFocusItem`),{active:C,allowShiftKey:w}=n,T=l(()=>n.tabStopId?.value??m()),E=l(()=>n.focusable?.value??!0),D=l(()=>s.value===T.value),O=n=>{if(n.key===`Tab`&&n.shiftKey){y();return}if(n.target!==n.currentTarget)return;let o=r(n,c.value,p.value);if(e(o)||n.metaKey||n.ctrlKey||n.altKey||!w?.value&&n.shiftKey)return;n.preventDefault();let s=a();if(o===`last`&&s.reverse(),o===`prev`||o===`next`){o===`prev`&&s.reverse();let e=s.indexOf(n.currentTarget);s=h.value?t(s,e+1):s.slice(e+1)}u(()=>{i(s)})},k=l(()=>({tabindex:D.value?`0`:`-1`,"data-soybean-collection-item":``,"data-orientation":c.value,"data-active":C?.value?``:void 0,"data-disabled":E.value?void 0:``})),A={mousedown:e=>{E.value?g(T.value):e.preventDefault()},focus:()=>{g(T.value)},keydown:O};return f(()=>{x()}),d(()=>{S()}),{setItemElement:o,rovingFocusItemProps:k,rovingFocusItemListeners:A}}export{y as provideRovingFocusGroupContext,v as useCollectionItem,x as useRovingFocusItem};
+import{isNullish as e}from"../../shared/guard.js";import{wrapArray as t}from"../../shared/object.js";import{isElementHasAttribute as n}from"../../shared/dom.js";import{getFocusIntent as r,tryFocusFirst as i}from"../../shared/focus.js";import{useContext as a}from"../../composables/use-context.js";import{useDirection as o}from"../config-provider/context.js";import"../../shared/index.js";import{useCollection as s}from"../../composables/use-collection.js";import{useControllableState as c}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{computed as l,nextTick as u,onBeforeUnmount as d,onMounted as f,shallowRef as p,useId as m}from"vue";const h={bubbles:!1,cancelable:!0},{provideCollectionContext:g,useCollectionContext:_,useCollectionItem:v}=s(`RovingFocusGroup`),[y,b]=a(`RovingFocusGroup`,e=>{let{onContainerElementChange:t,getOrderedItems:r,getOrderedElements:a}=g(),{loop:s,orientation:u,defaultCurrentTabStopId:d,preventScrollOnEntryFocus:f,onEntryFocus:m,onUpdateCurrentTabStopId:_}=e,v=o(e.dir),y=c(()=>e.currentTabStopId.value,_,d.value??``),b=e=>{y.value=e},x=p(!1),S=p(!1),C=()=>{x.value=!0},w=p(0);return{onContainerElementChange:t,loop:s,dir:v,orientation:u,currentTabStopId:y,onItemFocus:b,onItemShiftTab:C,onFocusableItemAdd:()=>{w.value++},onFocusableItemRemove:()=>{w.value--},rovingFocusGroupProps:l(()=>({tabindex:x.value||w.value===0?`-1`:`0`,"data-orientation":u.value,dir:v.value,"data-loop":s.value?``:void 0,style:`outline: none`})),rovingFocusGroupListeners:{mousedown:()=>{S.value=!0},mouseup:()=>{setTimeout(()=>{S.value=!1},1)},focus:e=>{let t=!S.value;if(!e.currentTarget||e.target!==e.currentTarget||!t||x.value){S.value=!1;return}let r=new CustomEvent(`rovingFocusGroup.onEntryFocus`,h);if(e.currentTarget.dispatchEvent(r),m?.(r),r.defaultPrevented)return;let o=a();i([o.find(e=>n(e,`active`)),o.find(e=>n(e,`highlighted`)),o.find(e=>e.id===y.value),...o].filter(Boolean),f.value)},blur:()=>{x.value=!1}},getOrderedItems:r}});function x(n={}){let{getOrderedElements:a}=_(`RovingFocusItem`),{setItemElement:o}=v(n.itemData),{currentTabStopId:s,orientation:c,dir:p,loop:h,onItemFocus:g,onItemShiftTab:y,onFocusableItemAdd:x,onFocusableItemRemove:S}=b(`RovingFocusItem`),{active:C,allowShiftKey:w}=n,T=m(),E=l(()=>n.tabStopId?.value??T),D=l(()=>n.focusable?.value??!0),O=l(()=>s.value===E.value),k=n=>{if(n.key===`Tab`&&n.shiftKey){y();return}if(n.target!==n.currentTarget)return;let o=r(n,c.value,p.value);if(e(o)||n.metaKey||n.ctrlKey||n.altKey||!w?.value&&n.shiftKey)return;n.preventDefault();let s=a();if(o===`last`&&s.reverse(),o===`prev`||o===`next`){o===`prev`&&s.reverse();let e=s.indexOf(n.currentTarget);s=h.value?t(s,e+1):s.slice(e+1)}u(()=>{i(s)})},A=l(()=>({tabindex:O.value?`0`:`-1`,"data-soybean-collection-item":``,"data-orientation":c.value,"data-active":C?.value?``:void 0,"data-disabled":D.value?void 0:``})),j={mousedown:e=>{D.value?g(E.value):e.preventDefault()},focus:()=>{g(E.value)},keydown:k};return f(()=>{x()}),d(()=>{S()}),{setItemElement:o,rovingFocusItemProps:A,rovingFocusItemListeners:j}}export{y as provideRovingFocusGroupContext,v as useCollectionItem,x as useRovingFocusItem};

package/dist/components/select/context.js

@@ -1 +1 @@
-import{isValueEqualOrExist as e}from"../../shared/comparison.js";import{getDisclosureState as t}from"../../shared/value.js";import{tryFocusFirst as n}from"../../shared/focus.js";import{useContext as r}from"../../composables/use-context.js";import{useDirection as i}from"../config-provider/context.js";import"../../shared/index.js";import{useCollection as a}from"../../composables/use-collection.js";import{useUiContext as o}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{providePopperUi as s}from"../popper/context.js";import{computed as c,ref as l,shallowRef as u,useId as d}from"vue";const[f,p]=r(`SelectRoot`,e=>{let{open:n}=e,r=e=>{n.value=e},a=c(()=>t(n.value)),o=i(e.dir),s=u(``),f=()=>{s.value||(s.value=`soybean-select-content-${d()}`)},p=u(),m=e=>{p.value=e},h=u(),g=e=>{h.value=e},_=l(new Set),v=c(()=>Array.from(_.value)),y=c(()=>v.value.map(e=>e.value).join(`;`)),b=e=>{_.value.add(e)},x=e=>{_.value.delete(e)},S=u({x:0,y:0}),C=e=>{S.value=e},w=()=>{S.value=null};return{...e,dataState:a,onOpenChange:r,dir:o,contentId:s,initContentId:f,triggerElement:p,onTriggerElementChange:m,valueElement:h,onValueElementChange:g,optionsSet:_,onOptionAdd:b,onOptionRemove:x,options:v,nativeSelectKey:y,triggerPointerDownPosition:S,setTriggerPointerDownPosition:C,resetTriggerPointerDownPosition:w}}),{provideCollectionContext:m,useCollectionContext:h,useCollectionItem:g}=a(`Select`),[_,v]=r(`SelectContent`,t=>{let{modelValue:r,isMultiple:i,popupElement:a}=t,o=u(!1),s=u(),c=e=>{s.value=e},l=!1,d=!1,f=u(),p=(t,n,i)=>{let a=!l&&!i;(e(r.value,n)||a)&&(f.value=t)},m=u(),h=(t,n,a)=>{let o=!l&&!a,s=e(r.value,n);if(i.value){if(d)return;(s||o)&&(m.value=t,s&&(d=!0))}else (s||o)&&(m.value=t);o&&(l=!0)},g=()=>{a.value?.focus()};function _(){!m.value||!a.value||n([m.value,a.value])}return{...t,isPositioned:o,viewportElement:s,onViewportElementChange:c,selectedItemElement:m,onSelectedItemElementChange:h,onItemElementLeave:g,selectedItemTextElement:f,onSelectedItemTextElementChange:p,focusSelectedItem:_}}),[y,b]=r(`SelectGroup`,()=>{let e=u(``);return{labelId:e,initLabelId:()=>{e.value||(e.value=`soybean-select-group-label-${d()}`)}}}),[x,S]=r(`SelectItem`,e=>{let t=u(e.textValue.value??``),n=u(),r=e=>{n.value=e,t.value=((t.value||e?.textContent)??``).trim()},i=u(``),a=()=>{i.value||(i.value=`soybean-select-item-text-${d()}`)};return{...e,textId:i,initTextId:a,textValue:t,itemTextElement:n,onItemTextElementChange:r}}),[C,w]=r(`SelectPopupElement`,()=>{let e=u();return{popupElement:e,onPopupElementChange:t=>{e.value=t}}}),[T,E]=r(`SelectItemAlignedPosition`),[D,O]=o(`SelectUi`,e=>(s(e),e));export{m as provideCollectionContext,_ as provideSelectContentContext,y as provideSelectGroupContext,T as provideSelectItemAlignedPositionContext,x as provideSelectItemContext,C as provideSelectPopupElementContext,f as provideSelectRootContext,D as provideSelectUi,h as useCollectionContext,g as useCollectionItem,v as useSelectContentContext,b as useSelectGroupContext,E as useSelectItemAlignedPositionContext,S as useSelectItemContext,w as useSelectPopupElementContext,p as useSelectRootContext,O as useSelectUi};
+import{isValueEqualOrExist as e}from"../../shared/comparison.js";import{getDisclosureState as t}from"../../shared/value.js";import{tryFocusFirst as n}from"../../shared/focus.js";import{useContext as r}from"../../composables/use-context.js";import{useDirection as i}from"../config-provider/context.js";import"../../shared/index.js";import{useCollection as a}from"../../composables/use-collection.js";import{useUiContext as o}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{providePopperUi as s}from"../popper/context.js";import{computed as c,ref as l,shallowRef as u,useId as d}from"vue";const[f,p]=r(`SelectRoot`,e=>{let{open:n}=e,r=e=>{n.value=e},a=c(()=>t(n.value)),o=i(e.dir),s=u(``),f=`soybean-select-content-${d()}`,p=()=>{s.value||(s.value=f)},m=u(),h=e=>{m.value=e},g=u(),_=e=>{g.value=e},v=l(new Set),y=c(()=>Array.from(v.value)),b=c(()=>y.value.map(e=>e.value).join(`;`)),x=e=>{v.value.add(e)},S=e=>{v.value.delete(e)},C=u({x:0,y:0}),w=e=>{C.value=e},T=()=>{C.value=null};return{...e,dataState:a,onOpenChange:r,dir:o,contentId:s,initContentId:p,triggerElement:m,onTriggerElementChange:h,valueElement:g,onValueElementChange:_,optionsSet:v,onOptionAdd:x,onOptionRemove:S,options:y,nativeSelectKey:b,triggerPointerDownPosition:C,setTriggerPointerDownPosition:w,resetTriggerPointerDownPosition:T}}),{provideCollectionContext:m,useCollectionContext:h,useCollectionItem:g}=a(`Select`),[_,v]=r(`SelectContent`,t=>{let{modelValue:r,isMultiple:i,popupElement:a}=t,o=u(!1),s=u(),c=e=>{s.value=e},l=!1,d=!1,f=u(),p=(t,n,i)=>{let a=!l&&!i;(e(r.value,n)||a)&&(f.value=t)},m=u(),h=(t,n,a)=>{let o=!l&&!a,s=e(r.value,n);if(i.value){if(d)return;(s||o)&&(m.value=t,s&&(d=!0))}else (s||o)&&(m.value=t);o&&(l=!0)},g=()=>{a.value?.focus()};function _(){!m.value||!a.value||n([m.value,a.value])}return{...t,isPositioned:o,viewportElement:s,onViewportElementChange:c,selectedItemElement:m,onSelectedItemElementChange:h,onItemElementLeave:g,selectedItemTextElement:f,onSelectedItemTextElementChange:p,focusSelectedItem:_}}),[y,b]=r(`SelectGroup`,()=>{let e=u(``),t=`soybean-select-group-label-${d()}`;return{labelId:e,initLabelId:()=>{e.value||(e.value=t)}}}),[x,S]=r(`SelectItem`,e=>{let t=u(e.textValue.value??``),n=u(),r=e=>{n.value=e,t.value=((t.value||e?.textContent)??``).trim()},i=u(``),a=`soybean-select-item-text-${d()}`,o=()=>{i.value||(i.value=a)};return{...e,textId:i,initTextId:o,textValue:t,itemTextElement:n,onItemTextElementChange:r}}),[C,w]=r(`SelectPopupElement`,()=>{let e=u();return{popupElement:e,onPopupElementChange:t=>{e.value=t}}}),[T,E]=r(`SelectItemAlignedPosition`),[D,O]=o(`SelectUi`,e=>(s(e),e));export{m as provideCollectionContext,_ as provideSelectContentContext,y as provideSelectGroupContext,T as provideSelectItemAlignedPositionContext,x as provideSelectItemContext,C as provideSelectPopupElementContext,f as provideSelectRootContext,D as provideSelectUi,h as useCollectionContext,g as useCollectionItem,v as useSelectContentContext,b as useSelectGroupContext,E as useSelectItemAlignedPositionContext,S as useSelectItemContext,w as useSelectPopupElementContext,p as useSelectRootContext,O as useSelectUi};

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

@@ -5,8 +5,8 @@ import { SelectCompactProps, SelectCompactSlots, SelectItemEvent } from "./types
 declare const __VLS_export: <T extends DefinedValue = DefinedValue, M extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: import("vue").PublicProps & __VLS_PrettifyLocal<SelectCompactProps<T, M> & {
     onSelect?: ((event: SelectItemEvent<T>) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
@@ -16,7 +16,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, M extends bo
   expose: (exposed: {}) => void;
   attrs: any;
   slots: SelectCompactSlots<T, M>;
-  emit: ((evt: "select", event: SelectItemEvent<T>) => void) & ((evt: "update:modelValue", value: M extends true ? T[] : T) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+  emit: ((evt: "select", event: SelectItemEvent<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: M extends true ? T[] : T) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "closeAutoFocus", event: Event) => void);
 }>) => import("vue").VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -4,8 +4,8 @@ import { SelectRootProps } from "./types.js";
 //#region src/components/select/select-root.vue.d.ts
 declare const __VLS_export: <T extends DefinedValue, M extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: import("vue").PublicProps & __VLS_PrettifyLocal<SelectRootProps<T, M> & {
-    "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
@@ -17,7 +17,7 @@ declare const __VLS_export: <T extends DefinedValue, M extends boolean = false>(
       open: boolean;
     }) => any;
   };
-  emit: ((evt: "update:modelValue", value: M extends true ? T[] : T) => void) & ((evt: "update:open", value: boolean) => void);
+  emit: ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: M extends true ? T[] : T) => void);
 }>) => import("vue").VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/tags-input/tags-input-compact.vue.d.ts

@@ -3,13 +3,13 @@ import { TagsInputCompactProps, TagsInputCompactSlots } from "./types.js";
 //#region src/components/tags-input/tags-input-compact.vue.d.ts
 type __VLS_Slots = TagsInputCompactSlots;
 declare const __VLS_base: import("vue").DefineComponent<TagsInputCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  "update:modelValue": (value: string[]) => any;
   invalid: (value: string) => any;
+  "update:modelValue": (value: string[]) => any;
   addTag: (value: string) => any;
   removeTag: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<TagsInputCompactProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
   onInvalid?: ((value: string) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
   onAddTag?: ((value: string) => any) | undefined;
   onRemoveTag?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/tags-input/tags-input-item-text.js

@@ -1 +1 @@
-import{useTagsInputItemContext as e,useTagsInputUi as t}from"./context.js";import{createElementBlock as n,createTextVNode as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,toDisplayString as c,unref as l,useId as u}from"vue";const d=[`id`],f=i({name:`TagsInputItemText`,__name:`tags-input-item-text`,props:{asChild:{type:Boolean},as:{}},setup(i){let f=i,p=t(`itemText`),{displayedValue:m,textId:h}=e(`TagsInputItemText`);return h.value||(h.value=`soybean-tags-input-item-text-${u()}`),(e,t)=>(o(),n(`span`,a(f,{id:l(h),"data-soybean-tags-input-item-text":``,class:l(p)}),[s(e.$slots,`default`,{},()=>[r(c(l(m)),1)])],16,d))}});export{f as default};
+import{useTagsInputItemContext as e,useTagsInputUi as t}from"./context.js";import{createElementBlock as n,createTextVNode as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,toDisplayString as c,unref as l,useId as u}from"vue";const d=[`id`],f=i({name:`TagsInputItemText`,__name:`tags-input-item-text`,props:{asChild:{type:Boolean},as:{}},setup(i){let f=i,p=t(`itemText`),{displayedValue:m,textId:h}=e(`TagsInputItemText`),g=`soybean-tags-input-item-text-${u()}`;return h.value||(h.value=g),(e,t)=>(o(),n(`span`,a(f,{id:l(h),"data-soybean-tags-input-item-text":``,class:l(p)}),[s(e.$slots,`default`,{},()=>[r(c(l(m)),1)])],16,d))}});export{f as default};

package/dist/components/tags-input/tags-input-root.vue.d.ts

@@ -9,13 +9,13 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<TagsInputRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  "update:modelValue": (value: string[]) => any;
   invalid: (value: string) => any;
+  "update:modelValue": (value: string[]) => any;
   addTag: (value: string) => any;
   removeTag: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<TagsInputRootProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
   onInvalid?: ((value: string) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
   onAddTag?: ((value: string) => any) | undefined;
   onRemoveTag?: ((value: string) => any) | undefined;
 }>, {

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

@@ -16,8 +16,8 @@ declare const __VLS_base: import("vue").DefineComponent<TimeFieldRootProps, {},
   defaultValue: TimeValue;
   readonly: boolean;
   defaultPlaceholder: TimeValue;
-  granularity: TimeGranularity;
   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

@@ -20,12 +20,12 @@ declare const __VLS_base: import("vue").DefineComponent<TimeRangeFieldRootProps,
   defaultValue: TimeRange;
   readonly: boolean;
   defaultPlaceholder: TimeValue;
-  granularity: TimeGranularity;
   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/toast/toaster.vue.d.ts

@@ -9,10 +9,10 @@ declare const __VLS_base: import("vue").DefineComponent<ToasterProps, {}, {}, {}
   offset: ToastOffset;
   duration: number;
   gap: number;
-  position: ToastPosition;
-  visibleCounts: number;
   hotkey: string[];
   containerAriaLabel: string;
+  position: ToastPosition;
+  visibleCounts: 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/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

@@ -15,12 +15,12 @@ declare const __VLS_base: import("vue").DefineComponent<TreeMenuRootProps, {}, {
   "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
 }>, {
   defaultValue: string;
-  defaultExpanded: string[];
   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.0",
+  "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": {
@@ -91,8 +91,8 @@
     "@floating-ui/dom": "^1.7.6",
     "@floating-ui/utils": "^0.2.11",
     "@formkit/auto-animate": "^0.9.0",
-    "@internationalized/date": "^3.12.1",
-    "@internationalized/number": "^3.6.6",
+    "@internationalized/date": "^3.12.2",
+    "@internationalized/number": "^3.6.7",
     "@soybeanjs/colord": "^0.5.0",
     "@soybeanjs/hooks": "^0.3.0",
     "@soybeanjs/utils": "^0.1.1",
@@ -112,12 +112,12 @@
     "@nuxt/kit": "^4.4.6",
     "@nuxt/schema": "^4.4.6",
     "nuxt": ">=4.4.6",
-    "tsdown": "0.22.0",
+    "tsdown": "0.22.1",
     "typescript": "6.0.3",
     "unplugin-vue": "7.2.0",
     "unplugin-vue-components": "^32.1.0",
     "vue": "3.5.35",
-    "vue-router": "5.0.7"
+    "vue-router": "5.1.0"
   },
   "peerDependencies": {
     "@nuxt/kit": "^4.3.0",