@soybeanjs/headless 0.15.0-beta.2 → 0.15.0-beta.3

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

@@ -6,8 +6,8 @@ import * as _$vue from "vue";
 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: _$vue.PublicProps & __VLS_PrettifyLocal<ListboxRootProps<M> & {
     "onUpdate:modelValue"?: ((value: M extends true ? string[] : string) => any) | undefined;
-    onEntryFocus?: ((event: CustomEvent<any>) => any) | undefined;
     onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
+    onEntryFocus?: ((event: CustomEvent<any>) => any) | undefined;
     onLeave?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -25,7 +25,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: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "leave", event: Event) => void);
+  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);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -18,12 +18,6 @@ interface ListboxRootProps<M extends boolean = false> extends SelectionProps<M>,
   dir?: Direction;
   /** When `true`, prevents the user from interacting with listbox */
   disabled?: boolean;
-  /**
-   * How multiple selection should behave in the collection.
-   *
-   * @defaultValue 'toggle'
-   */
-  selectionBehavior?: 'toggle' | 'replace';
   /** When `true`, hover over item will trigger highlight */
   highlightOnHover?: boolean;
 }

package/dist/components/menu/context.d.ts

@@ -1,8 +1,9 @@
-import { ClassValue, UiClass } from "../../types/common.js";
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { MenuUiSlot } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/menu/context.d.ts
-declare const provideMenuUi: (ui: _$vue.ComputedRef<Partial<UiClass<MenuUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<MenuUiSlot>>>, useMenuUi: <S extends MenuUiSlot | undefined = undefined>(slot?: S | undefined) => S extends MenuUiSlot ? _$vue.ComputedRef<ClassValue> : _$vue.ComputedRef<Partial<UiClass<MenuUiSlot>>>;
+declare const provideMenuUi: (ui: _$vue.ComputedRef<Partial<UiClass<MenuUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<MenuUiSlot>>>, useMenuUi: UseUiConsumer<MenuUiSlot>;
 //#endregion
 export { provideMenuUi, useMenuUi };

package/dist/components/menu/index.d.ts

@@ -1,7 +1,7 @@
-import { PortalProps } from "../portal/types.js";
-import { _default as _default$12 } from "../portal/portal.vue.js";
 import { PopperAnchorProps, PopperArrowProps } from "../popper/types.js";
+import { PortalProps } from "../portal/types.js";
 import { SeparatorRootProps } from "../separator/types.js";
+import { _default as _default$12 } from "../portal/portal.vue.js";
 import { MenuCheckboxGroupEmits, MenuCheckboxGroupProps, MenuCheckboxItemEmits, MenuCheckboxItemProps, MenuCheckboxOptionData, MenuCheckboxOptionsCompactEmits, MenuCheckboxOptionsCompactProps, MenuCheckboxOptionsCompactSelectEmits, MenuCheckboxOptionsCompactSlots, MenuContentEmits, MenuContentProps, MenuGroupLabelProps, MenuGroupProps, MenuItemEmits, MenuItemIndicatorProps, MenuItemProps, MenuOptionCompactEmits, MenuOptionCompactProps, MenuOptionCompactSelectEmits, MenuOptionCompactSlots, MenuOptionData, MenuOptionsCompactEmits, MenuOptionsCompactProps, MenuOptionsCompactSlots, MenuPopupProps, MenuRadioGroupEmits, MenuRadioGroupProps, MenuRadioItemEmits, MenuRadioItemProps, MenuRadioOptionData, MenuRadioOptionsCompactEmits, MenuRadioOptionsCompactProps, MenuRadioOptionsCompactSelectEmits, MenuRadioOptionsCompactSlots, MenuRootEmits, MenuRootProps, MenuShortcutProps, MenuSubContentEmits, MenuSubContentProps, MenuSubEmits, MenuSubProps, MenuSubTriggerProps, MenuTriggerProps, MenuUi, MenuUiSlot } from "./types.js";
 import { _default as _default$16 } from "./menu-root.vue.js";
 import { _default as _default$5 } from "./menu-content.vue.js";

package/dist/components/menu/index.js

@@ -1 +1 @@
-import e from"../portal/portal.js";import t from"../popper/popper-anchor.js";import n from"../popper/popper-arrow.js";import r from"../separator/separator-root.js";import{provideMenuUi as i,useMenuUi as a}from"./context.js";import o from"./menu-root.js";import s from"./menu-content.js";import c from"./menu-group.js";import l from"./menu-group-label.js";import u from"./menu-item.js";import d from"./menu-item-indicator.js";import f from"./menu-checkbox-item.js";import p from"./menu-radio-item.js";import m from"./menu-sub.js";import h from"./menu-sub-trigger.js";import g from"./menu-sub-content.js";import _ from"./menu-checkbox-group.js";import v from"./menu-radio-group.js";import y from"./menu-option-compact.js";import b from"./menu-options-compact.js";import x from"./menu-checkbox-options-compact.js";import S from"./menu-radio-options-compact.js";export{t as MenuAnchor,n as MenuArrow,_ as MenuCheckboxGroup,f as MenuCheckboxItem,x as MenuCheckboxOptionsCompact,s as MenuContent,c as MenuGroup,l as MenuGroupLabel,u as MenuItem,d as MenuItemIndicator,y as MenuOptionCompact,b as MenuOptionsCompact,e as MenuPortal,v as MenuRadioGroup,p as MenuRadioItem,S as MenuRadioOptionsCompact,o as MenuRoot,r as MenuSeparator,m as MenuSub,g as MenuSubContent,h as MenuSubTrigger,i as provideMenuUi,a as useMenuUi};
+import e from"../popper/popper-anchor.js";import t from"../popper/popper-arrow.js";import n from"../portal/portal.js";import r from"../separator/separator-root.js";import{provideMenuUi as i,useMenuUi as a}from"./context.js";import o from"./menu-root.js";import s from"./menu-content.js";import c from"./menu-group.js";import l from"./menu-group-label.js";import u from"./menu-item.js";import d from"./menu-item-indicator.js";import f from"./menu-checkbox-item.js";import p from"./menu-radio-item.js";import m from"./menu-sub.js";import h from"./menu-sub-trigger.js";import g from"./menu-sub-content.js";import _ from"./menu-checkbox-group.js";import v from"./menu-radio-group.js";import y from"./menu-option-compact.js";import b from"./menu-options-compact.js";import x from"./menu-checkbox-options-compact.js";import S from"./menu-radio-options-compact.js";export{e as MenuAnchor,t as MenuArrow,_ as MenuCheckboxGroup,f as MenuCheckboxItem,x as MenuCheckboxOptionsCompact,s as MenuContent,c as MenuGroup,l as MenuGroupLabel,u as MenuItem,d as MenuItemIndicator,y as MenuOptionCompact,b as MenuOptionsCompact,n as MenuPortal,v as MenuRadioGroup,p as MenuRadioItem,S as MenuRadioOptionsCompact,o as MenuRoot,r as MenuSeparator,m as MenuSub,g as MenuSubContent,h as MenuSubTrigger,i as provideMenuUi,a as useMenuUi};

package/dist/components/menu/menu-checkbox-options-compact.js

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../icon/icon-render.js";import n from"../separator/separator-root.js";import{useMenuUi as r}from"./context.js";import i from"./menu-group-label.js";import a from"./menu-item-indicator.js";import o from"./menu-checkbox-item.js";import s from"./menu-checkbox-group.js";import c from"../kbd/kbd.js";import{useCommonSlotNames as l}from"./hooks.js";import u from"./menu-item-slot-compact.js";import{Fragment as d,createBlock as f,createCommentVNode as p,createElementBlock as m,createSlots as h,createVNode as g,defineComponent as _,mergeProps as v,openBlock as y,renderList as b,renderSlot as x,unref as S,useSlots as C,withCtx as w}from"vue";const T=_({name:`MenuCheckboxOptionsCompact`,__name:`menu-checkbox-options-compact`,props:{items:{},groupLabelProps:{},checkboxItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`select`],setup(_,{emit:T}){let E=_,D=T,O=C(),k=e(E,[`items`,`groupLabelProps`,`checkboxItemProps`,`indicatorProps`,`shortcutProps`,`separatorProps`]),A=l(O),j=r();return(e,r)=>(y(),f(s,v(S(k),{"onUpdate:modelValue":r[0]||(r[0]=e=>D(`update:modelValue`,e))}),{default:w(()=>[(y(!0),m(d,null,b(_.items,r=>(y(),m(d,{key:r.value},[r.isGroupLabel?(y(),f(i,v({key:0,ref_for:!0},_.groupLabelProps),{default:w(()=>[g(u,{icon:r.icon,label:r.label},{default:w(()=>[(y(!0),m(d,null,b(S(A),t=>x(e.$slots,t,v({ref_for:!0},r))),256))]),_:2},1032,[`icon`,`label`])]),_:2},1040)):(y(),f(o,v({key:1,ref_for:!0},_.checkboxItemProps,{value:r.value,disabled:r.disabled,"text-value":r.textValue,onSelect:e=>D(`select`,r,e)}),{default:w(()=>[g(u,{icon:r.icon,label:r.label},h({indicator:w(()=>[g(a,v({ref_for:!0},_.indicatorProps),{default:w(()=>[x(e.$slots,`item-indicator-icon`,v({ref_for:!0},r),()=>[g(t,{icon:`lucide:check`})])]),_:2},1040)]),default:w(()=>[(y(!0),m(d,null,b(S(A),t=>x(e.$slots,t,v({ref_for:!0},r))),256))]),_:2},[r.shortcut?{name:`shortcut`,fn:w(()=>[g(c,v({ref_for:!0},_.shortcutProps,{value:r.shortcut,class:S(j).shortcut}),null,16,[`value`,`class`])]),key:`0`}:void 0]),1032,[`icon`,`label`])]),_:2},1040,[`value`,`disabled`,`text-value`,`onSelect`])),r.separator?(y(),f(n,v({key:2,ref_for:!0},_.separatorProps),null,16)):p(`v-if`,!0)],64))),128))]),_:3},16))}});export{T as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../_icon/icon.js";import n from"../separator/separator-root.js";import r from"../kbd/kbd.js";import{useMenuUi as i}from"./context.js";import a from"./menu-group-label.js";import o from"./menu-item-indicator.js";import s from"./menu-checkbox-item.js";import c from"./menu-checkbox-group.js";import{useCommonSlotNames as l}from"./hooks.js";import u from"./menu-item-slot-compact.js";import{Fragment as d,createBlock as f,createCommentVNode as p,createElementBlock as m,createSlots as h,createVNode as g,defineComponent as _,mergeProps as v,openBlock as y,renderList as b,renderSlot as x,unref as S,useSlots as C,withCtx as w}from"vue";const T=_({name:`MenuCheckboxOptionsCompact`,__name:`menu-checkbox-options-compact`,props:{items:{},groupLabelProps:{},checkboxItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`select`],setup(_,{emit:T}){let E=_,D=T,O=C(),k=e(E,[`items`,`groupLabelProps`,`checkboxItemProps`,`indicatorProps`,`shortcutProps`,`separatorProps`]),A=l(O),j=i();return(e,i)=>(y(),f(c,v(S(k),{"onUpdate:modelValue":i[0]||(i[0]=e=>D(`update:modelValue`,e))}),{default:w(()=>[(y(!0),m(d,null,b(_.items,i=>(y(),m(d,{key:i.value},[i.isGroupLabel?(y(),f(a,v({key:0,ref_for:!0},_.groupLabelProps),{default:w(()=>[g(u,{icon:i.icon,label:i.label},{default:w(()=>[(y(!0),m(d,null,b(S(A),t=>x(e.$slots,t,v({ref_for:!0},i))),256))]),_:2},1032,[`icon`,`label`])]),_:2},1040)):(y(),f(s,v({key:1,ref_for:!0},_.checkboxItemProps,{value:i.value,disabled:i.disabled,"text-value":i.textValue,onSelect:e=>D(`select`,i,e)}),{default:w(()=>[g(u,{icon:i.icon,label:i.label},h({indicator:w(()=>[g(o,v({ref_for:!0},_.indicatorProps),{default:w(()=>[x(e.$slots,`item-indicator-icon`,v({ref_for:!0},i),()=>[g(t,{icon:`lucide:check`})])]),_:2},1040)]),default:w(()=>[(y(!0),m(d,null,b(S(A),t=>x(e.$slots,t,v({ref_for:!0},i))),256))]),_:2},[i.shortcut?{name:`shortcut`,fn:w(()=>[g(r,v({ref_for:!0},_.shortcutProps,{value:i.shortcut,class:S(j).shortcut}),null,16,[`value`,`class`])]),key:`0`}:void 0]),1032,[`icon`,`label`])]),_:2},1040,[`value`,`disabled`,`text-value`,`onSelect`])),i.separator?(y(),f(n,v({key:2,ref_for:!0},_.separatorProps),null,16)):p(`v-if`,!0)],64))),128))]),_:3},16))}});export{T as default};

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

@@ -8,21 +8,21 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<MenuContentProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  closeAutoFocus: (event: Event) => any;
+  entryFocus: (event: Event) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
-  entryFocus: (event: Event) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
+  closeAutoFocus: (event: Event) => any;
 }, string, _$vue.PublicProps, Readonly<MenuContentProps> & Readonly<{
-  onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  onEntryFocus?: ((event: Event) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
-  onEntryFocus?: ((event: Event) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
+  onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/menu/menu-item-slot-compact.js

@@ -1 +1 @@
-import e from"../icon/icon-render.js";import{useMenuUi as t}from"./context.js";import{Fragment as n,createBlock as r,createCommentVNode as i,createElementBlock as a,createElementVNode as o,defineComponent as s,normalizeClass as c,openBlock as l,renderSlot as u,toDisplayString as d,unref as f}from"vue";const p=s({name:`MenuItemSlotCompact`,__name:`menu-item-slot-compact`,props:{icon:{},label:{}},setup(s){let p=t();return(t,m)=>(l(),a(n,null,[u(t.$slots,`indicator`),u(t.$slots,`item`,{},()=>[u(t.$slots,`item-leading`,{},()=>[s.icon?(l(),r(e,{key:0,icon:s.icon,class:c(f(p).itemIcon)},null,8,[`icon`,`class`])):i(`v-if`,!0)]),o(`span`,null,d(s.label),1),u(t.$slots,`link-icon`),u(t.$slots,`item-trailing`),u(t.$slots,`trigger-icon`),u(t.$slots,`shortcut`)])],64))}});export{p as default};
+import e from"../_icon/icon.js";import{useMenuUi as t}from"./context.js";import{Fragment as n,createBlock as r,createCommentVNode as i,createElementBlock as a,createElementVNode as o,defineComponent as s,normalizeClass as c,openBlock as l,renderSlot as u,toDisplayString as d,unref as f}from"vue";const p=s({name:`MenuItemSlotCompact`,__name:`menu-item-slot-compact`,props:{icon:{},label:{}},setup(s){let p=t();return(t,m)=>(l(),a(n,null,[u(t.$slots,`indicator`),u(t.$slots,`item`,{},()=>[u(t.$slots,`item-leading`,{},()=>[s.icon?(l(),r(e,{key:0,icon:s.icon,class:c(f(p).itemIcon)},null,8,[`icon`,`class`])):i(`v-if`,!0)]),o(`span`,null,d(s.label),1),u(t.$slots,`link-icon`),u(t.$slots,`item-trailing`),u(t.$slots,`trigger-icon`),u(t.$slots,`shortcut`)])],64))}});export{p as default};

package/dist/components/menu/menu-option-compact.js

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../icon/icon-render.js";import r from"../portal/portal.js";import i from"../separator/separator-root.js";import a from"../link/link.js";import{useMenuOptionsCompactContext as o,useMenuUi as s}from"./context.js";import c from"./menu-group.js";import l from"./menu-group-label.js";import u from"./menu-item.js";import d from"./menu-sub.js";import f from"./menu-sub-trigger.js";import p from"./menu-sub-content.js";import{e as m}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.0/node_modules/@soybeanjs/utils/dist/index.js";import h from"../kbd/kbd.js";import{useCommonSlotNames as g}from"./hooks.js";import _ from"./menu-item-slot-compact.js";import{Fragment as v,computed as y,createBlock as b,createCommentVNode as x,createElementBlock as S,createSlots as C,createVNode as w,defineComponent as T,guardReactiveProps as E,mergeProps as D,normalizeClass as O,normalizeProps as k,openBlock as A,renderList as j,renderSlot as M,resolveComponent as N,toHandlers as P,unref as F,useSlots as I,withCtx as L}from"vue";const R=T({name:`MenuOptionCompact`,inheritAttrs:!1,__name:`menu-option-compact`,props:{item:{},itemProps:{},linkProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},portalProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`select`],setup(T,{emit:R}){let z=T,B=R,V=e(B),H=I(),U=t(z,[`item`]),W=y(()=>m(H)),G=g(H),K=s(),{activeValue:q,activePaths:J}=o(`MenuOptionCompact`),Y=y(()=>q.value===z.item.value),X=y(()=>J.value.includes(z.item.value));return(e,t)=>{let o=N(`MenuOptionCompact`,!0);return A(),S(v,null,[T.item.isGroupLabel?(A(),b(l,k(D({key:0},T.groupLabelProps)),{default:L(()=>[w(_,{icon:T.item.icon,label:T.item.label},{default:L(()=>[(A(!0),S(v,null,j(F(G),t=>M(e.$slots,t,{item:T.item})),256))]),_:3},8,[`icon`,`label`])]),_:3},16)):T.item.to||T.item.href?(A(),b(u,D({key:1},T.itemProps,{"as-child":``,disabled:T.item.disabled,"text-value":T.item.textValue,"data-active":Y.value,onSelect:t[0]||(t[0]=e=>B(`select`,T.item,e))}),{default:L(()=>[w(a,D(T.linkProps,{disabled:T.item.disabled,to:T.item.to,href:T.item.href,target:T.item.target,external:T.item.external}),{default:L(({isHref:t})=>[w(_,{icon:T.item.icon,label:T.item.label},C({default:L(()=>[(A(!0),S(v,null,j(F(G),t=>M(e.$slots,t,{item:T.item})),256))]),_:2},[t?{name:`link-icon`,fn:L(()=>[M(e.$slots,`item-link-icon`,{item:T.item},()=>[w(n,{icon:`lucide:arrow-up-right`,class:O(F(K).itemLinkIcon)},null,8,[`class`])])]),key:`0`}:void 0]),1032,[`icon`,`label`])]),_:3},16,[`disabled`,`to`,`href`,`target`,`external`])]),_:3},16,[`disabled`,`text-value`,`data-active`])):T.item.children?.length?(A(),b(d,D({key:3},T.subProps,{"onUpdate:open":t[2]||(t[2]=e=>B(`update:open`,e))}),{default:L(()=>[w(f,D(T.subTriggerProps,{disabled:T.item.disabled,"text-value":T.item.textValue,"data-child-active":X.value?``:void 0}),{default:L(()=>[w(_,{icon:T.item.icon,label:T.item.label},{"trigger-icon":L(()=>[M(e.$slots,`item-trigger-icon`,{item:T.item},()=>[w(n,{icon:`lucide:chevron-right`,class:O(F(K).subTriggerIcon)},null,8,[`class`])])]),default:L(()=>[(A(!0),S(v,null,j(F(G),t=>M(e.$slots,t,{item:T.item})),256))]),_:3},8,[`icon`,`label`])]),_:3},16,[`disabled`,`text-value`,`data-child-active`]),T.item.separator?(A(),b(i,k(D({key:0},T.separatorProps)),null,16)):x(`v-if`,!0),w(r,k(E(T.portalProps)),{default:L(()=>[w(p,D(T.subContentProps,P(F(V))),{default:L(()=>[w(c,k(E(T.groupProps)),{default:L(()=>[(A(!0),S(v,null,j(T.item.children,t=>(A(),b(o,D({key:t.value},{ref_for:!0},F(U),{item:t},P(F(V))),C({_:2},[j(W.value,t=>({name:t,fn:L(n=>[M(e.$slots,t,D({ref_for:!0},n))])}))]),1040,[`item`]))),128))]),_:3},16)]),_:3},16)]),_:3},16)]),_:3},16)):(A(),b(u,D({key:2},T.itemProps,{disabled:T.item.disabled,"text-value":T.item.textValue,"data-active":Y.value,onSelect:t[1]||(t[1]=e=>B(`select`,T.item,e))}),{default:L(()=>[w(_,{icon:T.item.icon,label:T.item.label},{shortcut:L(()=>[T.item.shortcut?(A(),b(h,D({key:0},T.shortcutProps,{value:T.item.shortcut,class:F(K).shortcut}),null,16,[`value`,`class`])):x(`v-if`,!0)]),default:L(()=>[(A(!0),S(v,null,j(F(G),t=>M(e.$slots,t,{item:T.item})),256))]),_:3},8,[`icon`,`label`])]),_:3},16,[`disabled`,`text-value`,`data-active`])),T.item.separator&&!T.item.children?.length?(A(),b(i,k(D({key:4},T.separatorProps)),null,16)):x(`v-if`,!0)],64)}}});export{R as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import r from"../portal/portal.js";import i from"../separator/separator-root.js";import a from"../link/link.js";import o from"../kbd/kbd.js";import{useMenuOptionsCompactContext as s,useMenuUi as c}from"./context.js";import l from"./menu-group.js";import u from"./menu-group-label.js";import d from"./menu-item.js";import f from"./menu-sub.js";import p from"./menu-sub-trigger.js";import m from"./menu-sub-content.js";import{e as h}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.0/node_modules/@soybeanjs/utils/dist/index.js";import{useCommonSlotNames as g}from"./hooks.js";import _ from"./menu-item-slot-compact.js";import{Fragment as v,computed as y,createBlock as b,createCommentVNode as x,createElementBlock as S,createSlots as C,createVNode as w,defineComponent as T,guardReactiveProps as E,mergeProps as D,normalizeClass as O,normalizeProps as k,openBlock as A,renderList as j,renderSlot as M,resolveComponent as N,toHandlers as P,unref as F,useSlots as I,withCtx as L}from"vue";const R=T({name:`MenuOptionCompact`,inheritAttrs:!1,__name:`menu-option-compact`,props:{item:{},itemProps:{},linkProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},portalProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`select`],setup(T,{emit:R}){let z=T,B=R,V=e(B),H=I(),U=t(z,[`item`]),W=y(()=>h(H)),G=g(H),K=c(),{activeValue:q,activePaths:J}=s(`MenuOptionCompact`),Y=y(()=>q.value===z.item.value),X=y(()=>J.value.includes(z.item.value));return(e,t)=>{let s=N(`MenuOptionCompact`,!0);return A(),S(v,null,[T.item.isGroupLabel?(A(),b(u,k(D({key:0},T.groupLabelProps)),{default:L(()=>[w(_,{icon:T.item.icon,label:T.item.label},{default:L(()=>[(A(!0),S(v,null,j(F(G),t=>M(e.$slots,t,{item:T.item})),256))]),_:3},8,[`icon`,`label`])]),_:3},16)):T.item.to||T.item.href?(A(),b(d,D({key:1},T.itemProps,{"as-child":``,disabled:T.item.disabled,"text-value":T.item.textValue,"data-active":Y.value,onSelect:t[0]||(t[0]=e=>B(`select`,T.item,e))}),{default:L(()=>[w(a,D(T.linkProps,{disabled:T.item.disabled,to:T.item.to,href:T.item.href,target:T.item.target,external:T.item.external}),{default:L(({isHref:t})=>[w(_,{icon:T.item.icon,label:T.item.label},C({default:L(()=>[(A(!0),S(v,null,j(F(G),t=>M(e.$slots,t,{item:T.item})),256))]),_:2},[t?{name:`link-icon`,fn:L(()=>[M(e.$slots,`item-link-icon`,{item:T.item},()=>[w(n,{icon:`lucide:arrow-up-right`,class:O(F(K).itemLinkIcon)},null,8,[`class`])])]),key:`0`}:void 0]),1032,[`icon`,`label`])]),_:3},16,[`disabled`,`to`,`href`,`target`,`external`])]),_:3},16,[`disabled`,`text-value`,`data-active`])):T.item.children?.length?(A(),b(f,D({key:3},T.subProps,{"onUpdate:open":t[2]||(t[2]=e=>B(`update:open`,e))}),{default:L(()=>[w(p,D(T.subTriggerProps,{disabled:T.item.disabled,"text-value":T.item.textValue,"data-child-active":X.value?``:void 0}),{default:L(()=>[w(_,{icon:T.item.icon,label:T.item.label},{"trigger-icon":L(()=>[M(e.$slots,`item-trigger-icon`,{item:T.item},()=>[w(n,{icon:`lucide:chevron-right`,class:O(F(K).subTriggerIcon)},null,8,[`class`])])]),default:L(()=>[(A(!0),S(v,null,j(F(G),t=>M(e.$slots,t,{item:T.item})),256))]),_:3},8,[`icon`,`label`])]),_:3},16,[`disabled`,`text-value`,`data-child-active`]),T.item.separator?(A(),b(i,k(D({key:0},T.separatorProps)),null,16)):x(`v-if`,!0),w(r,k(E(T.portalProps)),{default:L(()=>[w(m,D(T.subContentProps,P(F(V))),{default:L(()=>[w(l,k(E(T.groupProps)),{default:L(()=>[(A(!0),S(v,null,j(T.item.children,t=>(A(),b(s,D({key:t.value},{ref_for:!0},F(U),{item:t},P(F(V))),C({_:2},[j(W.value,t=>({name:t,fn:L(n=>[M(e.$slots,t,D({ref_for:!0},n))])}))]),1040,[`item`]))),128))]),_:3},16)]),_:3},16)]),_:3},16)]),_:3},16)):(A(),b(d,D({key:2},T.itemProps,{disabled:T.item.disabled,"text-value":T.item.textValue,"data-active":Y.value,onSelect:t[1]||(t[1]=e=>B(`select`,T.item,e))}),{default:L(()=>[w(_,{icon:T.item.icon,label:T.item.label},{shortcut:L(()=>[T.item.shortcut?(A(),b(o,D({key:0},T.shortcutProps,{value:T.item.shortcut,class:F(K).shortcut}),null,16,[`value`,`class`])):x(`v-if`,!0)]),default:L(()=>[(A(!0),S(v,null,j(F(G),t=>M(e.$slots,t,{item:T.item})),256))]),_:3},8,[`icon`,`label`])]),_:3},16,[`disabled`,`text-value`,`data-active`])),T.item.separator&&!T.item.children?.length?(A(),b(i,k(D({key:4},T.separatorProps)),null,16)):x(`v-if`,!0)],64)}}});export{R as default};

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

@@ -7,21 +7,21 @@ import * as _$vue from "vue";
 declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: _$vue.PublicProps & __VLS_PrettifyLocal<MenuOptionCompactProps<T> & {
     onSelect?: ((item: MenuOptionData<T>, event: Event) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    onCloseAutoFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
+    onCloseAutoFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: MenuOptionCompactSlots<T>;
-  emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void);
+  emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "entryFocus", 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);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -7,21 +7,21 @@ import * as _$vue from "vue";
 declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: _$vue.PublicProps & __VLS_PrettifyLocal<MenuOptionsCompactProps<T> & {
     onSelect?: ((item: MenuOptionData<T>, event: Event) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    onCloseAutoFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
+    onCloseAutoFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: MenuOptionsCompactSlots<T>;
-  emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void);
+  emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "entryFocus", 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);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/menu/menu-radio-options-compact.js

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../icon/icon-render.js";import n from"../separator/separator-root.js";import{useMenuUi as r}from"./context.js";import i from"./menu-group-label.js";import a from"./menu-item-indicator.js";import o from"./menu-radio-item.js";import s from"./menu-radio-group.js";import c from"../kbd/kbd.js";import{useCommonSlotNames as l}from"./hooks.js";import u from"./menu-item-slot-compact.js";import{Fragment as d,createBlock as f,createCommentVNode as p,createElementBlock as m,createSlots as h,createVNode as g,defineComponent as _,mergeProps as v,openBlock as y,renderList as b,renderSlot as x,unref as S,useSlots as C,withCtx as w}from"vue";const T=_({name:`MenuRadioOptionsCompact`,__name:`menu-radio-options-compact`,props:{items:{},groupLabelProps:{},radioItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`select`],setup(_,{emit:T}){let E=_,D=T,O=C(),k=e(E,[`items`,`groupLabelProps`,`radioItemProps`,`indicatorProps`,`shortcutProps`,`separatorProps`]),A=l(O),j=r();return(e,r)=>(y(),f(s,v(S(k),{"onUpdate:modelValue":r[0]||(r[0]=e=>D(`update:modelValue`,e))}),{default:w(()=>[(y(!0),m(d,null,b(_.items,r=>(y(),m(d,{key:r.value},[r.isGroupLabel?(y(),f(i,v({key:0,ref_for:!0},_.groupLabelProps),{default:w(()=>[g(u,{icon:r.icon,label:r.label},{default:w(()=>[(y(!0),m(d,null,b(S(A),t=>x(e.$slots,t,v({ref_for:!0},r))),256))]),_:2},1032,[`icon`,`label`])]),_:2},1040)):(y(),f(o,v({key:1,ref_for:!0},_.radioItemProps,{value:r.value,disabled:r.disabled,"text-value":r.textValue,onSelect:e=>D(`select`,r,e)}),{default:w(()=>[g(u,{icon:r.icon,label:r.label},h({indicator:w(()=>[g(a,v({ref_for:!0},_.indicatorProps),{default:w(()=>[x(e.$slots,`item-indicator-icon`,v({ref_for:!0},r),()=>[g(t,{icon:`icon-park-outline:dot`})])]),_:2},1040)]),default:w(()=>[(y(!0),m(d,null,b(S(A),t=>x(e.$slots,t,v({ref_for:!0},r))),256))]),_:2},[r.shortcut?{name:`shortcut`,fn:w(()=>[g(c,v({ref_for:!0},_.shortcutProps,{value:r.shortcut,class:S(j).shortcut}),null,16,[`value`,`class`])]),key:`0`}:void 0]),1032,[`icon`,`label`])]),_:2},1040,[`value`,`disabled`,`text-value`,`onSelect`])),r.separator?(y(),f(n,v({key:2,ref_for:!0},_.separatorProps),null,16)):p(`v-if`,!0)],64))),128))]),_:3},16))}});export{T as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../_icon/icon.js";import n from"../separator/separator-root.js";import r from"../kbd/kbd.js";import{useMenuUi as i}from"./context.js";import a from"./menu-group-label.js";import o from"./menu-item-indicator.js";import s from"./menu-radio-item.js";import c from"./menu-radio-group.js";import{useCommonSlotNames as l}from"./hooks.js";import u from"./menu-item-slot-compact.js";import{Fragment as d,createBlock as f,createCommentVNode as p,createElementBlock as m,createSlots as h,createVNode as g,defineComponent as _,mergeProps as v,openBlock as y,renderList as b,renderSlot as x,unref as S,useSlots as C,withCtx as w}from"vue";const T=_({name:`MenuRadioOptionsCompact`,__name:`menu-radio-options-compact`,props:{items:{},groupLabelProps:{},radioItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`select`],setup(_,{emit:T}){let E=_,D=T,O=C(),k=e(E,[`items`,`groupLabelProps`,`radioItemProps`,`indicatorProps`,`shortcutProps`,`separatorProps`]),A=l(O),j=i();return(e,i)=>(y(),f(c,v(S(k),{"onUpdate:modelValue":i[0]||(i[0]=e=>D(`update:modelValue`,e))}),{default:w(()=>[(y(!0),m(d,null,b(_.items,i=>(y(),m(d,{key:i.value},[i.isGroupLabel?(y(),f(a,v({key:0,ref_for:!0},_.groupLabelProps),{default:w(()=>[g(u,{icon:i.icon,label:i.label},{default:w(()=>[(y(!0),m(d,null,b(S(A),t=>x(e.$slots,t,v({ref_for:!0},i))),256))]),_:2},1032,[`icon`,`label`])]),_:2},1040)):(y(),f(s,v({key:1,ref_for:!0},_.radioItemProps,{value:i.value,disabled:i.disabled,"text-value":i.textValue,onSelect:e=>D(`select`,i,e)}),{default:w(()=>[g(u,{icon:i.icon,label:i.label},h({indicator:w(()=>[g(o,v({ref_for:!0},_.indicatorProps),{default:w(()=>[x(e.$slots,`item-indicator-icon`,v({ref_for:!0},i),()=>[g(t,{icon:`icon-park-outline:dot`})])]),_:2},1040)]),default:w(()=>[(y(!0),m(d,null,b(S(A),t=>x(e.$slots,t,v({ref_for:!0},i))),256))]),_:2},[i.shortcut?{name:`shortcut`,fn:w(()=>[g(r,v({ref_for:!0},_.shortcutProps,{value:i.shortcut,class:S(j).shortcut}),null,16,[`value`,`class`])]),key:`0`}:void 0]),1032,[`icon`,`label`])]),_:2},1040,[`value`,`disabled`,`text-value`,`onSelect`])),i.separator?(y(),f(n,v({key:2,ref_for:!0},_.separatorProps),null,16)):p(`v-if`,!0)],64))),128))]),_:3},16))}});export{T as default};

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

@@ -1 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import{useIsUsingKeyboard as n}from"../../composables/use-is-using-keyboard.js";import"../../composables/index.js";import{useDirection as r}from"../config-provider/context.js";import i from"../popper/popper-root.js";import"../popper/index.js";import{provideMenuContext as a,provideMenuRootContext as o}from"./context.js";import{createBlock as s,defineComponent as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=c({name:`MenuRoot`,inheritAttrs:!1,__name:`menu-root`,props:{dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0}},emits:[`update:open`],setup(c,{emit:p}){let m=c,h=p,g=t(()=>m.open,e=>{h(`update:open`,e??!1)},m.defaultOpen),_=r(()=>m.dir),v=n(),y=()=>{g.value=!1};return a({open:g,isRoot:!0}),o({...e(m,[`modal`]),dir:_,onClose:y,isUsingKeyboard:v}),(e,t)=>(l(),s(d(i),null,{default:f(()=>[u(e.$slots,`default`,{open:d(g)})]),_:3}))}});export{p as default};
+import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import{useIsUsingKeyboard as n}from"../../composables/use-is-using-keyboard.js";import"../../composables/index.js";import{useDirection as r}from"../config-provider/context.js";import i from"../popper/popper-root.js";import"../popper/index.js";import{provideMenuContext as a,provideMenuRootContext as o}from"./context.js";import{createBlock as s,defineComponent as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=c({name:`MenuRoot`,inheritAttrs:!1,__name:`menu-root`,props:{dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},isAlert:{type:Boolean},alertType:{}},emits:[`update:open`],setup(c,{emit:p}){let m=c,h=p,g=t(()=>m.open,e=>{h(`update:open`,e??!1)},m.defaultOpen),_=r(()=>m.dir),v=n(),y=()=>{g.value=!1};return a({open:g,isRoot:!0}),o({...e(m,[`modal`]),dir:_,onClose:y,isUsingKeyboard:v}),(e,t)=>(l(),s(d(i),null,{default:f(()=>[u(e.$slots,`default`,{open:d(g)})]),_:3}))}});export{p as default};

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

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

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

@@ -1,14 +1,14 @@
+import { IconValue } from "../_icon/types.js";
 import { AcceptableBooleanValue, CheckedState, DefinedValue, Direction, UiClass } from "../../types/common.js";
 import { DismissableLayerEmits, FocusScopeEmits, ForceMountProps } from "../../types/component.js";
 import { PrimitiveProps } from "../primitive/types.js";
-import { IconValue } from "../icon/types.js";
-import { DialogRootEmits, DialogRootProps } from "../dialog/types.js";
-import { PortalProps } from "../portal/types.js";
 import { LinkBaseProps, LinkProps } from "../link/types.js";
 import { PopperPopupProps, PopperPositionerProps } from "../popper/types.js";
+import { PortalProps } from "../portal/types.js";
 import { SeparatorRootProps } from "../separator/types.js";
 import { RovingFocusGroupEmits, RovingFocusGroupProps } from "../roving-focus/types.js";
 import { KbdProps, KbdValue } from "../kbd/types.js";
+import { DialogRootEmits, DialogRootProps } from "../dialog/types.js";
 import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, ShallowRef } from "vue";
 
 //#region src/components/menu/types.d.ts

package/dist/components/menubar/context.d.ts

@@ -1,8 +1,9 @@
-import { ClassValue, UiClass } from "../../types/common.js";
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { MenubarUiSlot } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/menubar/context.d.ts
-declare const provideMenubarUi: (ui: _$vue.ComputedRef<Partial<UiClass<MenubarUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<MenubarUiSlot>>>, useMenubarUi: <S extends MenubarUiSlot | undefined = undefined>(slot?: S | undefined) => S extends MenubarUiSlot ? _$vue.ComputedRef<ClassValue> : _$vue.ComputedRef<Partial<UiClass<MenubarUiSlot>>>;
+declare const provideMenubarUi: (ui: _$vue.ComputedRef<Partial<UiClass<MenubarUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<MenubarUiSlot>>>, useMenubarUi: UseUiConsumer<MenubarUiSlot>;
 //#endregion
 export { provideMenubarUi };

package/dist/components/menubar/index.js

@@ -1 +1 @@
-import e from"../portal/portal.js";import t from"../popper/popper-arrow.js";import n from"../separator/separator-root.js";import r from"../menu/menu-group.js";import i from"../menu/menu-group-label.js";import a from"../menu/menu-item.js";import o from"../menu/menu-item-indicator.js";import s from"../menu/menu-checkbox-item.js";import c from"../menu/menu-radio-item.js";import l from"../menu/menu-sub.js";import u from"../menu/menu-checkbox-group.js";import d from"../menu/menu-radio-group.js";import"../menu/index.js";import{provideMenubarUi as f}from"./context.js";import p from"./menubar-root.js";import m from"./menubar-menu.js";import h from"./menubar-trigger.js";import g from"./menubar-content.js";import _ from"./menubar-sub-trigger.js";import v from"./menubar-sub-content.js";import y from"./menubar-compact.js";export{t as MenubarArrow,u as MenubarCheckboxGroup,s as MenubarCheckboxItem,y as MenubarCompact,g as MenubarContent,r as MenubarGroup,i as MenubarGroupLabel,a as MenubarItem,o as MenubarItemIndicator,m as MenubarMenu,e as MenubarPortal,d as MenubarRadioGroup,c as MenubarRadioItem,p as MenubarRoot,n as MenubarSeparator,l as MenubarSub,v as MenubarSubContent,_ as MenubarSubTrigger,h as MenubarTrigger,f as provideMenubarUi};
+import e from"../popper/popper-arrow.js";import t from"../portal/portal.js";import n from"../separator/separator-root.js";import r from"../menu/menu-group.js";import i from"../menu/menu-group-label.js";import a from"../menu/menu-item.js";import o from"../menu/menu-item-indicator.js";import s from"../menu/menu-checkbox-item.js";import c from"../menu/menu-radio-item.js";import l from"../menu/menu-sub.js";import u from"../menu/menu-checkbox-group.js";import d from"../menu/menu-radio-group.js";import"../menu/index.js";import{provideMenubarUi as f}from"./context.js";import p from"./menubar-root.js";import m from"./menubar-menu.js";import h from"./menubar-trigger.js";import g from"./menubar-content.js";import _ from"./menubar-sub-trigger.js";import v from"./menubar-sub-content.js";import y from"./menubar-compact.js";export{e as MenubarArrow,u as MenubarCheckboxGroup,s as MenubarCheckboxItem,y as MenubarCompact,g as MenubarContent,r as MenubarGroup,i as MenubarGroupLabel,a as MenubarItem,o as MenubarItemIndicator,m as MenubarMenu,t as MenubarPortal,d as MenubarRadioGroup,c as MenubarRadioItem,p as MenubarRoot,n as MenubarSeparator,l as MenubarSub,v as MenubarSubContent,_ as MenubarSubTrigger,h as MenubarTrigger,f as provideMenubarUi};

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

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{usePickProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../icon/icon-render.js";import r from"../portal/portal.js";import i from"../link/link.js";import{useMenuUi as a}from"../menu/context.js";import{e as o}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.0/node_modules/@soybeanjs/utils/dist/index.js";import s from"../menu/menu-options-compact.js";import"../menu/index.js";import c from"./menubar-root.js";import l from"./menubar-menu.js";import u from"./menubar-trigger.js";import d from"./menubar-content.js";import{Fragment as f,computed as p,createBlock as m,createCommentVNode as h,createElementBlock as g,createElementVNode as _,createSlots as v,createVNode as y,defineComponent as b,mergeProps as x,normalizeClass as S,openBlock as C,renderList as w,renderSlot as T,toDisplayString as E,toHandlers as D,unref as O,useSlots as k,withCtx as A}from"vue";const j=b({name:`MenubarCompact`,__name:`menubar-compact`,props:{disabled:{type:Boolean},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},modelValue:{},defaultValue:{},dir:{},loop:{type:Boolean},asChild:{type:Boolean},as:{},items:{},activeValue:{},itemProps:{},linkProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:modelValue`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:open`,`select`],setup(b,{emit:j}){let M=b,N=j,P=k(),F=t(M,[`as`,`modelValue`,`defaultValue`,`dir`,`loop`]),I=t(M,[`items`,`activeValue`,`itemProps`,`linkProps`,`groupProps`,`groupLabelProps`,`portalProps`,`subTriggerProps`,`subContentProps`,`separatorProps`,`shortcutProps`]),L=e(N),R=p(()=>o(P).filter(e=>e!==`trigger`)),z=a(),B=p(()=>({...M.triggerProps,disabled:M.disabled??M.triggerProps?.disabled})),V=p(()=>({...M.contentProps,popupProps:M.popupProps??M.contentProps?.popupProps,placement:M.placement??M.contentProps?.placement,sideOffset:M.contentProps?.sideOffset??(M.showArrow?0:8)}));return(e,t)=>(C(),m(c,x(O(F),D(O(L))),{default:A(()=>[(C(!0),g(f,null,w(b.items,t=>(C(),m(l,{key:t.value,value:t.value},{default:A(()=>[t.to||t.href?(C(),m(u,x({key:0,ref_for:!0},B.value,{"as-child":``}),{default:A(()=>[y(i,x({ref_for:!0},b.linkProps,{disabled:t.disabled,to:t.to,href:t.href,target:t.target,external:t.external}),{default:A(({isHref:r})=>[T(e.$slots,`trigger`,{item:t},()=>[T(e.$slots,`item-leading`,{item:t},()=>[t.icon?(C(),m(n,{key:0,icon:t.icon,class:S(O(z).itemIcon)},null,8,[`icon`,`class`])):h(`v-if`,!0)]),_(`span`,null,E(t.label),1),r?T(e.$slots,`item-link-icon`,{key:0,item:t},()=>[y(n,{icon:`lucide:arrow-up-right`,class:S(O(z).itemLinkIcon)},null,8,[`class`])]):h(`v-if`,!0),T(e.$slots,`item-trailing`,{item:t})])]),_:2},1040,[`disabled`,`to`,`href`,`target`,`external`])]),_:2},1040)):(C(),g(f,{key:1},[y(u,x({ref_for:!0},B.value),{default:A(()=>[T(e.$slots,`trigger`,{item:t},()=>[T(e.$slots,`item-leading`,{item:t},()=>[t.icon?(C(),m(n,{key:0,icon:t.icon,class:S(O(z).itemIcon)},null,8,[`icon`,`class`])):h(`v-if`,!0)]),_(`span`,null,E(t.label),1),T(e.$slots,`item-trailing`,{item:t})])]),_:2},1040),y(O(r),x({ref_for:!0},b.portalProps),{default:A(()=>[y(d,x({ref_for:!0},V.value),{default:A(()=>[y(O(s),x({ref_for:!0},O(I),{items:t.children??[]}),v({_:2},[w(R.value,t=>({name:t,fn:A(n=>[T(e.$slots,t,x({ref_for:!0},n))])}))]),1040,[`items`])]),_:2},1040)]),_:2},1040)],64))]),_:2},1032,[`value`]))),128))]),_:3},16))}});export{j as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{usePickProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import r from"../portal/portal.js";import i from"../link/link.js";import{useMenuUi as a}from"../menu/context.js";import{e as o}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.0/node_modules/@soybeanjs/utils/dist/index.js";import s from"../menu/menu-options-compact.js";import"../menu/index.js";import c from"./menubar-root.js";import l from"./menubar-menu.js";import u from"./menubar-trigger.js";import d from"./menubar-content.js";import{Fragment as f,computed as p,createBlock as m,createCommentVNode as h,createElementBlock as g,createElementVNode as _,createSlots as v,createVNode as y,defineComponent as b,mergeProps as x,normalizeClass as S,openBlock as C,renderList as w,renderSlot as T,toDisplayString as E,toHandlers as D,unref as O,useSlots as k,withCtx as A}from"vue";const j=b({name:`MenubarCompact`,__name:`menubar-compact`,props:{disabled:{type:Boolean},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},modelValue:{},defaultValue:{},dir:{},loop:{type:Boolean},asChild:{type:Boolean},as:{},items:{},activeValue:{},itemProps:{},linkProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:modelValue`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:open`,`select`],setup(b,{emit:j}){let M=b,N=j,P=k(),F=t(M,[`as`,`modelValue`,`defaultValue`,`dir`,`loop`]),I=t(M,[`items`,`activeValue`,`itemProps`,`linkProps`,`groupProps`,`groupLabelProps`,`portalProps`,`subTriggerProps`,`subContentProps`,`separatorProps`,`shortcutProps`]),L=e(N),R=p(()=>o(P).filter(e=>e!==`trigger`)),z=a(),B=p(()=>({...M.triggerProps,disabled:M.disabled??M.triggerProps?.disabled})),V=p(()=>({...M.contentProps,popupProps:M.popupProps??M.contentProps?.popupProps,placement:M.placement??M.contentProps?.placement,sideOffset:M.contentProps?.sideOffset??(M.showArrow?0:8)}));return(e,t)=>(C(),m(c,x(O(F),D(O(L))),{default:A(()=>[(C(!0),g(f,null,w(b.items,t=>(C(),m(l,{key:t.value,value:t.value},{default:A(()=>[t.to||t.href?(C(),m(u,x({key:0,ref_for:!0},B.value,{"as-child":``}),{default:A(()=>[y(i,x({ref_for:!0},b.linkProps,{disabled:t.disabled,to:t.to,href:t.href,target:t.target,external:t.external}),{default:A(({isHref:r})=>[T(e.$slots,`trigger`,{item:t},()=>[T(e.$slots,`item-leading`,{item:t},()=>[t.icon?(C(),m(n,{key:0,icon:t.icon,class:S(O(z).itemIcon)},null,8,[`icon`,`class`])):h(`v-if`,!0)]),_(`span`,null,E(t.label),1),r?T(e.$slots,`item-link-icon`,{key:0,item:t},()=>[y(n,{icon:`lucide:arrow-up-right`,class:S(O(z).itemLinkIcon)},null,8,[`class`])]):h(`v-if`,!0),T(e.$slots,`item-trailing`,{item:t})])]),_:2},1040,[`disabled`,`to`,`href`,`target`,`external`])]),_:2},1040)):(C(),g(f,{key:1},[y(u,x({ref_for:!0},B.value),{default:A(()=>[T(e.$slots,`trigger`,{item:t},()=>[T(e.$slots,`item-leading`,{item:t},()=>[t.icon?(C(),m(n,{key:0,icon:t.icon,class:S(O(z).itemIcon)},null,8,[`icon`,`class`])):h(`v-if`,!0)]),_(`span`,null,E(t.label),1),T(e.$slots,`item-trailing`,{item:t})])]),_:2},1040),y(O(r),x({ref_for:!0},b.portalProps),{default:A(()=>[y(d,x({ref_for:!0},V.value),{default:A(()=>[y(O(s),x({ref_for:!0},O(I),{items:t.children??[]}),v({_:2},[w(R.value,t=>({name:t,fn:A(n=>[T(e.$slots,t,x({ref_for:!0},n))])}))]),1040,[`items`])]),_:2},1040)]),_:2},1040)],64))]),_:2},1032,[`value`]))),128))]),_:3},16))}});export{j as default};

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

@@ -9,21 +9,21 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   props: _$vue.PublicProps & __VLS_PrettifyLocal<MenubarCompactProps<T> & {
     onSelect?: ((item: MenuOptionData<T>, event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((value: T) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    onCloseAutoFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
+    onCloseAutoFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: MenubarCompactSlots<T>;
-  emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", value: T) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void);
+  emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", value: T) => void) & ((evt: "entryFocus", 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);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -9,21 +9,21 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<MenubarContentProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  closeAutoFocus: (event: Event) => any;
+  entryFocus: (event: Event) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
-  entryFocus: (event: Event) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
+  closeAutoFocus: (event: Event) => any;
 }, string, _$vue.PublicProps, Readonly<MenubarContentProps> & Readonly<{
-  onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  onEntryFocus?: ((event: Event) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
-  onEntryFocus?: ((event: Event) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
+  onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
   align: Align;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

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

@@ -8,21 +8,21 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<MenubarSubContentProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  closeAutoFocus: (event: Event) => any;
+  entryFocus: (event: Event) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
-  entryFocus: (event: Event) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
+  closeAutoFocus: (event: Event) => any;
 }, string, _$vue.PublicProps, Readonly<MenubarSubContentProps> & Readonly<{
-  onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  onEntryFocus?: ((event: Event) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
-  onEntryFocus?: ((event: Event) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
+  onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -1,7 +1,7 @@
 import { DefinedValue, Direction, Placement, UiClass } from "../../types/common.js";
 import { PrimitiveProps } from "../primitive/types.js";
-import { PortalProps } from "../portal/types.js";
 import { PopperArrowProps } from "../popper/types.js";
+import { PortalProps } from "../portal/types.js";
 import { MenuContentEmits, MenuContentProps, MenuOptionData, MenuOptionsCompactEmits, MenuOptionsCompactProps, MenuOptionsCompactSlots, MenuPopupProps, MenuSubContentEmits, MenuSubContentProps, MenuSubTriggerProps, MenuUiSlot } from "../menu/types.js";
 import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, ShallowRef } from "vue";
 

package/dist/components/navigation-menu/context.d.ts

@@ -1,8 +1,9 @@
-import { ClassValue, UiClass } from "../../types/common.js";
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { NavigationMenuUiSlot } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/navigation-menu/context.d.ts
-declare const provideNavigationMenuUi: (ui: _$vue.ComputedRef<Partial<UiClass<NavigationMenuUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<NavigationMenuUiSlot>>>, useNavigationMenuUi: <S extends NavigationMenuUiSlot | undefined = undefined>(slot?: S | undefined) => S extends NavigationMenuUiSlot ? _$vue.ComputedRef<ClassValue> : _$vue.ComputedRef<Partial<UiClass<NavigationMenuUiSlot>>>;
+declare const provideNavigationMenuUi: (ui: _$vue.ComputedRef<Partial<UiClass<NavigationMenuUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<NavigationMenuUiSlot>>>, useNavigationMenuUi: UseUiConsumer<NavigationMenuUiSlot>;
 //#endregion
 export { provideNavigationMenuUi };

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

@@ -16,9 +16,9 @@ declare const __VLS_base: _$vue.DefineComponent<NavigationMenuRootProps, {}, {},
 }>, {
   dir: Direction;
   orientation: DataOrientation;
-  unmountOnHide: boolean;
   delayDuration: number;
   skipDelayDuration: number;
+  unmountOnHide: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/page-tabs/context.d.ts

@@ -1,8 +1,9 @@
-import { ClassValue, UiClass } from "../../types/common.js";
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { PageTabsUiSlot } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/page-tabs/context.d.ts
-declare const providePageTabsUi: (ui: _$vue.ComputedRef<Partial<UiClass<PageTabsUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<PageTabsUiSlot>>>, usePageTabsUi: <S extends PageTabsUiSlot | undefined = undefined>(slot?: S | undefined) => S extends PageTabsUiSlot ? _$vue.ComputedRef<ClassValue> : _$vue.ComputedRef<Partial<UiClass<PageTabsUiSlot>>>;
+declare const providePageTabsUi: (ui: _$vue.ComputedRef<Partial<UiClass<PageTabsUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<PageTabsUiSlot>>>, usePageTabsUi: UseUiConsumer<PageTabsUiSlot>;
 //#endregion
 export { providePageTabsUi };

package/dist/components/pagination/context.d.ts

@@ -1,8 +1,9 @@
-import { ClassValue, UiClass } from "../../types/common.js";
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { PaginationUiSlot } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/pagination/context.d.ts
-declare const providePaginationUi: (ui: _$vue.ComputedRef<Partial<UiClass<PaginationUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<PaginationUiSlot>>>, usePaginationUi: <S extends PaginationUiSlot | undefined = undefined>(slot?: S | undefined) => S extends PaginationUiSlot ? _$vue.ComputedRef<ClassValue> : _$vue.ComputedRef<Partial<UiClass<PaginationUiSlot>>>;
+declare const providePaginationUi: (ui: _$vue.ComputedRef<Partial<UiClass<PaginationUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<PaginationUiSlot>>>, usePaginationUi: UseUiConsumer<PaginationUiSlot>;
 //#endregion
 export { providePaginationUi };

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

@@ -16,11 +16,11 @@ declare const __VLS_base: _$vue.DefineComponent<PaginationRootProps, {}, {}, {},
   "onUpdate:page"?: ((value: number) => any) | undefined;
   "onUpdate:pageSize"?: ((value: number) => any) | undefined;
 }>, {
-  defaultPage: number;
-  defaultPageSize: number;
   total: number;
   siblingCount: number;
   showEdges: boolean;
+  defaultPage: number;
+  defaultPageSize: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/popover/index.d.ts

@@ -1,9 +1,9 @@
+import { PopperAnchorProps, PopperArrowProps, PopperUi, PopperUiSlot } from "../popper/types.js";
 import { PortalProps } from "../portal/types.js";
 import { _default as _default$4 } from "../portal/portal.vue.js";
-import { PopperAnchorProps, PopperArrowProps, PopperUi, PopperUiSlot } from "../popper/types.js";
-import { PopoverCloseEmits, PopoverCloseProps, PopoverPopupProps, PopoverPositionerEmits, PopoverPositionerProps, PopoverRootEmits, PopoverRootProps, PopoverTriggerProps } from "./types.js";
 import { _default as _default$1 } from "../popper/popper-arrow.vue.js";
 import { providePopperUi } from "../popper/context.js";
+import { PopoverCloseEmits, PopoverCloseProps, PopoverPopupProps, PopoverPositionerEmits, PopoverPositionerProps, PopoverRootEmits, PopoverRootProps, PopoverTriggerProps } from "./types.js";
 import { _default as _default$6 } from "./popover-root.vue.js";
 import { _default as _default$7 } from "./popover-trigger.vue.js";
 import { _default } from "./popover-anchor.vue.js";

package/dist/components/popover/index.js

@@ -1 +1 @@
-import e from"../portal/portal.js";import{providePopperUi as t}from"../popper/context.js";import n from"../popper/popper-arrow.js";import r from"./popover-root.js";import i from"./popover-trigger.js";import a from"./popover-anchor.js";import o from"./popover-positioner.js";import s from"./popover-popup.js";import c from"./popover-close.js";export{a as PopoverAnchor,n as PopoverArrow,c as PopoverClose,s as PopoverPopup,e as PopoverPortal,o as PopoverPositioner,r as PopoverRoot,i as PopoverTrigger,t as providePopoverUi};
+import{providePopperUi as e}from"../popper/context.js";import t from"../popper/popper-arrow.js";import n from"./popover-root.js";import r from"./popover-trigger.js";import i from"./popover-anchor.js";import a from"../portal/portal.js";import o from"./popover-positioner.js";import s from"./popover-popup.js";import c from"./popover-close.js";export{i as PopoverAnchor,t as PopoverArrow,c as PopoverClose,s as PopoverPopup,a as PopoverPortal,o as PopoverPositioner,n as PopoverRoot,r as PopoverTrigger,e as providePopoverUi};

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

@@ -8,19 +8,19 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_13) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<PopoverPositionerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  closeAutoFocus: (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;
 }, string, _$vue.PublicProps, Readonly<PopoverPositionerProps> & Readonly<{
-  onCloseAutoFocus?: ((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;
 }>, {
   avoidCollisions: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

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

@@ -1 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import n from"../popper/popper-root.js";import"../popper/index.js";import{providePopoverRootContext as r}from"./context.js";import{createBlock as i,defineComponent as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=a({name:`PopoverRoot`,inheritAttrs:!1,__name:`popover-root`,props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:Boolean,default:!1}},emits:[`update:open`],setup(a,{emit:u}){let d=a,f=u,p=t(()=>d.open,e=>{f(`update:open`,e??!1)},d.defaultOpen),m=()=>{p.value=!1};return r({...e(d,[`modal`]),open:p}),(e,t)=>(o(),i(c(n),null,{default:l(()=>[s(e.$slots,`default`,{open:c(p),close:m})]),_:3}))}});export{u as default};
+import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import n from"../popper/popper-root.js";import"../popper/index.js";import{providePopoverRootContext as r}from"./context.js";import{createBlock as i,defineComponent as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=a({name:`PopoverRoot`,inheritAttrs:!1,__name:`popover-root`,props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:Boolean,default:!1},isAlert:{type:Boolean},alertType:{}},emits:[`update:open`],setup(a,{emit:u}){let d=a,f=u,p=t(()=>d.open,e=>{f(`update:open`,e??!1)},d.defaultOpen),m=()=>{p.value=!1};return r({...e(d,[`modal`]),open:p}),(e,t)=>(o(),i(c(n),null,{default:l(()=>[s(e.$slots,`default`,{open:c(p),close:m})]),_:3}))}});export{u as default};

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

@@ -1,8 +1,8 @@
 import { MaybePromise } from "../../types/common.js";
 import { DismissableLayerEmits, FocusScopeEmits, ForceMountProps } from "../../types/component.js";
 import { PrimitiveProps } from "../primitive/types.js";
-import { DialogRootEmits, DialogRootProps } from "../dialog/types.js";
 import { PopperAnchorProps, PopperPopupProps, PopperPositionerProps } from "../popper/types.js";
+import { DialogRootEmits, DialogRootProps } from "../dialog/types.js";
 import { ButtonHTMLAttributes, ComputedRef, ShallowRef } from "vue";
 
 //#region src/components/popover/types.d.ts

package/dist/components/popper/context.d.ts

@@ -1,8 +1,9 @@
-import { ClassValue, UiClass } from "../../types/common.js";
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { PopperUiSlot } from "./types.js";
 import * as _$vue from "vue";
 import { ReferenceElement } from "@floating-ui/dom";
 //#region src/components/popper/context.d.ts
-declare const providePopperUi: (ui: _$vue.ComputedRef<Partial<UiClass<PopperUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<PopperUiSlot>>>, usePopperUi: <S extends PopperUiSlot | undefined = undefined>(slot?: S | undefined) => S extends PopperUiSlot ? _$vue.ComputedRef<ClassValue> : _$vue.ComputedRef<Partial<UiClass<PopperUiSlot>>>;
+declare const providePopperUi: (ui: _$vue.ComputedRef<Partial<UiClass<PopperUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<PopperUiSlot>>>, usePopperUi: UseUiConsumer<PopperUiSlot>;
 //#endregion
 export { providePopperUi };

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

@@ -183,7 +183,7 @@ declare const __VLS_base: _$vue.DefineComponent<PopperPositionerProps, {}, {}, {
   'aria-modal': boolean | "true" | "false";
   'aria-multiline': boolean | "true" | "false";
   'aria-multiselectable': boolean | "true" | "false";
-  'aria-orientation': "horizontal" | "vertical";
+  'aria-orientation': "vertical" | "horizontal";
   'aria-owns': string;
   'aria-placeholder': string;
   'aria-posinset': string | number;
@@ -202,12 +202,12 @@ declare const __VLS_base: _$vue.DefineComponent<PopperPositionerProps, {}, {}, {
   'aria-valuemin': string | number;
   'aria-valuenow': string | number;
   'aria-valuetext': string;
-  align: Align;
+  side: _$_floating_ui_utils0.Side;
   reference: _$_floating_ui_dom0.ReferenceElement;
   placement: Placement$1;
-  side: _$_floating_ui_utils0.Side;
   sideOffset: number;
   sideFlip: boolean;
+  align: Align;
   alignOffset: number;
   alignFlip: boolean;
   avoidCollisions: boolean;