@soybeanjs/headless 0.29.0-beta.9 → 0.29.1

package/dist/components/menu/menu-radio-item.vue.d.ts

@@ -0,0 +1,23 @@
+import { MenuRadioItemProps } from "./types.js";
+
+//#region src/components/menu/menu-radio-item.vue.d.ts
+declare var __VLS_13: {
+  modelValue: boolean;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<MenuRadioItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  select: (event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<MenuRadioItemProps> & Readonly<{
+  onSelect?: ((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;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

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

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

@@ -0,0 +1,22 @@
+import { AcceptableBooleanValue } from "../../types/common.js";
+import { MenuRadioOptionData, MenuRadioOptionsCompactProps, MenuRadioOptionsCompactSlots } from "./types.js";
+
+//#region src/components/menu/menu-radio-options-compact.vue.d.ts
+declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: import("vue").PublicProps & __VLS_PrettifyLocal<MenuRadioOptionsCompactProps<T> & {
+    onSelect?: ((item: MenuRadioOptionData<T>, event: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((payload: Exclude<T, undefined>) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: MenuRadioOptionsCompactSlots<T>;
+  emit: ((evt: "select", item: MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", payload: Exclude<T, undefined>) => void);
+}>) => import("vue").VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+//#endregion
+export { _default };

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

@@ -0,0 +1 @@
+import{transformPropsToContext as e}from"../../shared/vue.js";import{useDirection as t}from"../config-provider/context.js";import"../../shared/index.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import{useIsUsingKeyboard as r}from"../../composables/use-is-using-keyboard.js";import"../../composables/index.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=n(()=>m.open,e=>{h(`update:open`,e)},m.defaultOpen),_=t(()=>m.dir),v=r(),y=()=>{g.value=!1};return a({dir:_,open:g,isRoot:!0}),o({...e(m,[`modal`]),dir:_,onClose:y,isUsingKeyboard:v}),(e,t)=>(l(),s(d(i),{dir:d(_)},{default:f(()=>[u(e.$slots,`default`,{open:d(g)})]),_:3},8,[`dir`]))}});export{p as default};

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

@@ -0,0 +1,26 @@
+import { MenuRootProps } from "./types.js";
+
+//#region src/components/menu/menu-root.vue.d.ts
+declare var __VLS_8: {
+  open: boolean;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<MenuRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<MenuRootProps> & Readonly<{
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+  open: boolean;
+  modal: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/menu/menu-sub-content.js

@@ -0,0 +1 @@
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{usePresence as t}from"../../composables/use-presence.js";import"../../composables/index.js";import{useMenuContext as n,useMenuRootContext as r,useMenuSubAttributeContext as i}from"./context.js";import{SUB_CLOSE_KEYS as a}from"./shared.js";import o from"./menu-content-impl.js";import{computed as s,createBlock as c,createCommentVNode as l,defineComponent as u,mergeProps as d,openBlock as f,renderSlot as p,shallowRef as m,toHandlers as h,unref as g,withCtx as _,withModifiers as v}from"vue";const y=u({name:`MenuSubContent`,__name:`menu-sub-content`,props:{popupProps:{},placement:{},sideOffset:{},sideFlip:{type:Boolean},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean,default:!0},reference:{},forceMount:{type:Boolean},loop:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(u,{emit:y}){let b=u,x=e(y),{open:S,popupElement:C,triggerId:w,triggerElement:T,onOpenChange:E}=n(`MenuSubContent`),{dir:D,isUsingKeyboard:O,onClose:k}=r(`MenuSubContent`),A=i(),j=s(()=>d(b,{...A?.subContent?.value})),M=b.forceMount?m(!0):t(C,S),N=s(()=>D.value===`rtl`?`left`:`right`),P=()=>{O.value&&C.value?.focus()},F=e=>{e.defaultPrevented||e.target!==T.value&&E(!1)},I=e=>{k(),e.preventDefault()},L=e=>{let t=e.currentTarget?.contains(e.target),n=a[D.value].includes(e.key);t&&n&&(E(!1),T.value?.focus(),e.preventDefault())};return(e,t)=>g(M)?(f(),c(o,d({key:0,"data-soybean-menu-sub-content":``},j.value,{"trap-focus":!1,"disable-outside-pointer-events":!1,"aria-labelledby":g(w),align:`start`,side:N.value},h(g(x)),{onOpenAutoFocus:v(P,[`prevent`]),onCloseAutoFocus:t[0]||(t[0]=v(()=>{},[`prevent`])),onEscapeKeyDown:I,onFocusOutside:F,onKeydown:L}),{default:_(()=>[p(e.$slots,`default`)]),_:3},16,[`aria-labelledby`,`side`])):l(`v-if`,!0)}});export{y as default};

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

@@ -0,0 +1,35 @@
+import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
+import { MenuSubContentProps } from "./types.js";
+//#region src/components/menu/menu-sub-content.vue.d.ts
+declare var __VLS_14: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<MenuSubContentProps, {}, {}, {}, {}, 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;
+}, string, import("vue").PublicProps, Readonly<MenuSubContentProps> & 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;
+}>, {
+  prioritizePosition: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/menu/menu-sub-trigger.js

@@ -0,0 +1 @@
+import{isMouseEvent as e}from"../../shared/event.js";import"../../shared/index.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import"../../composables/index.js";import n from"../popper/popper-anchor.js";import"../popper/index.js";import{useMenuContentContext as r,useMenuContext as i,useMenuRootContext as a,useMenuSubAttributeContext as o,useMenuUi as s}from"./context.js";import{SUB_OPEN_KEYS as c}from"./shared.js";import l from"./menu-item-impl.js";import{computed as u,createBlock as d,createVNode as f,defineComponent as p,mergeProps as m,nextTick as h,openBlock as g,renderSlot as _,unref as v,withCtx as y}from"vue";const b=p({__name:`menu-sub-trigger`,props:{disabled:{type:Boolean},textValue:{},asChild:{type:Boolean},as:{}},setup(p){let b=p,{open:x,dataState:S,popupElement:C,popupId:w,triggerId:T,onTriggerElementChange:E,initTriggerId:D,onOpenChange:O}=i(`MenuSubTrigger`),{dir:k}=a(`MenuSubTrigger`),A=o(),{pointerGraceTimer:j,searchRef:M,onPointerGraceIntentChange:N,resetPointerGraceIntent:P,onItemEnter:F,onTriggerLeave:I}=r(`MenuSubTrigger`),[L,R]=t(E),z=u(()=>m(b,{...A?.subTrigger?.value})),B=s(`subTrigger`),V=null,H=()=>{V&&window.clearTimeout(V),V=null},U=e=>{b.disabled||e.defaultPrevented||(e.currentTarget.focus(),x.value||O(!0))},W=t=>{e(t)&&(F(t)||b.disabled||x.value||V||(P(),V=window.setTimeout(()=>{O(!0),H()},100)))},G=t=>{if(!e(t))return;H();let n=C.value?.getBoundingClientRect();if(n?.width){let e=C.value?.dataset.side,r=e===`right`,i=r?-5:5,a=n[r?`left`:`right`],o=n[r?`right`:`left`];N({area:[{x:t.clientX+i,y:t.clientY},{x:a,y:n.top},{x:o,y:n.top},{x:o,y:n.bottom},{x:a,y:n.bottom}],side:e}),window.clearTimeout(j.value),j.value=window.setTimeout(()=>N(null),300)}else{if(I(t))return;P()}},K=async e=>{b.disabled||M.value!==``&&e.key===` `||c[k.value].includes(e.key)&&(O(!0),await h(),C.value?.focus(),e.preventDefault())};return D(),(e,t)=>(g(),d(v(n),{"as-child":``},{default:y(()=>[f(l,m(z.value,{id:v(T),ref:v(R),"data-soybean-menu-sub-trigger":``,class:v(B),"aria-haspopup":`menu`,"aria-expanded":v(x),"aria-controls":v(w),"data-state":v(S),onClick:U,onPointermove:W,onPointerleave:G,onKeydown:K}),{default:y(()=>[_(e.$slots,`default`)]),_:3},16,[`id`,`class`,`aria-expanded`,`aria-controls`,`data-state`])]),_:3}))}});export{b as default};

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

@@ -0,0 +1,17 @@
+import { MenuSubTriggerProps } from "./types.js";
+
+//#region src/components/menu/menu-sub-trigger.vue.d.ts
+declare var __VLS_19: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_19) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<MenuSubTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MenuSubTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1 @@
+import{useControllableState as e}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import t from"../popper/popper-root.js";import"../popper/index.js";import{provideMenuContext as n,useMenuContext as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,onWatcherCleanup as s,openBlock as c,renderSlot as l,unref as u,watchEffect as d,withCtx as f}from"vue";const p=o({name:`MenuSub`,inheritAttrs:!1,__name:`menu-sub`,props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean}},emits:[`update:open`],setup(o,{emit:p}){let m=o,h=p,g=e(()=>m.open,e=>{h(`update:open`,e)},m.defaultOpen),_=r(`MenuSub`),v=i(()=>_.dir.value);return d(()=>{_.open.value===!1&&(g.value=!1),s(()=>{g.value=!1})}),n({dir:v,open:g}),(e,n)=>(c(),a(u(t),{dir:v.value},{default:f(()=>[l(e.$slots,`default`)]),_:3},8,[`dir`]))}});export{p as default};

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

@@ -0,0 +1,23 @@
+import { MenuSubProps } from "./types.js";
+
+//#region src/components/menu/menu-sub.vue.d.ts
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<MenuSubProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<MenuSubProps> & Readonly<{
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+  open: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/menu/shared.js

@@ -0,0 +1 @@
+import{SELECTION_KEYS as e}from"../../constants/common.js";const t={popupTransformOrigin:`--soybean-menu-popup-transform-origin`,popupAvailableWidth:`--soybean-menu-popup-available-width`,popupAvailableHeight:`--soybean-menu-popup-available-height`,triggerWidth:`--soybean-menu-trigger-width`,triggerHeight:`--soybean-menu-trigger-height`},n={popupTransformOrigin:`--soybean-sub-menu-popup-transform-origin`,popupAvailableWidth:`--soybean-sub-menu-popup-available-width`,popupAvailableHeight:`--soybean-sub-menu-popup-available-height`,triggerWidth:`--soybean-sub-menu-trigger-width`,triggerHeight:`--soybean-sub-menu-trigger-height`},r=`data-soybean-menu-popup`,i=`menu.itemSelect`,a=[`ArrowDown`,`PageUp`,`Home`],o=[`ArrowUp`,`PageDown`,`End`],s=[...a,...o],c={ltr:[...e,`ArrowRight`],rtl:[...e,`ArrowLeft`]},l={ltr:[`ArrowLeft`],rtl:[`ArrowRight`]},u=[`item`,`item-leading`,`item-trailing`];export{u as COMMON_SLOTS,s as FIRST_LAST_KEYS,i as ITEM_SELECT,o as LAST_KEYS,r as MENU_POPUP_DATA_ATTRIBUTE,l as SUB_CLOSE_KEYS,c as SUB_OPEN_KEYS,t as menuCssVars,n as subMenuCssVars};

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

@@ -0,0 +1,482 @@
+import { AcceptableBooleanValue, CheckedState, DefinedValue, Direction, UiClass } from "../../types/common.js";
+import { DismissableLayerEmits, FocusScopeEmits, ForceMountProps } from "../../types/component.js";
+import { BaseProps } from "../../types/vue.js";
+import { IconValue } from "../_icon/types.js";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
+import { ButtonProps } from "../button/types.js";
+import { LinkBaseProps, LinkProps } from "../link/types.js";
+import { PopperPopupProps, PopperPositionerProps } from "../popper/types.js";
+import { PortalProps } from "../portal/types.js";
+import { DialogBaseProps, DialogRootEmits } from "../dialog/types.js";
+import { RovingFocusGroupEmits, RovingFocusGroupProps } from "../roving-focus/types.js";
+import { KbdProps, KbdValue } from "../kbd/types.js";
+import { SeparatorRootProps } from "../separator/types.js";
+import { ComputedRef, ShallowRef } from "vue";
+
+//#region src/components/menu/types.d.ts
+/**
+ * Properties for the MenuRoot component.
+ */
+interface MenuRootProps extends DialogBaseProps {
+  /**
+   * The reading direction of the combobox when applicable.
+   *
+   * If omitted, inherits globally from `ConfigProvider` or assumes LTR (left-to-right) reading mode.
+   */
+  dir?: Direction;
+}
+/**
+ * Events for the MenuRoot component.
+ */
+type MenuRootEmits = DialogRootEmits;
+/**
+ * Properties for the MenuPopup component.
+ */
+interface MenuPopupProps extends PopperPopupProps {}
+/**
+ * Events for the MenuContentImpl component.
+ */
+type MenuContentImplEmits = DismissableLayerEmits & FocusScopeEmits & Pick<RovingFocusGroupEmits, 'entryFocus'>;
+/**
+ * Properties for the MenuContent component.
+ */
+interface MenuContentProps extends PopperPositionerProps, ForceMountProps, Pick<RovingFocusGroupProps, 'loop'> {
+  /**
+   * Properties forwarded to the popup element.
+   */
+  popupProps?: MenuPopupProps;
+}
+/**
+ * Events for the MenuContent component.
+ */
+type MenuContentEmits = MenuContentImplEmits;
+/**
+ * Properties for the MenuTrigger component.
+ */
+interface MenuTriggerProps extends ButtonProps {}
+/**
+ * Properties for the MenuSub component.
+ */
+interface MenuSubProps extends Pick<MenuRootProps, 'open' | 'defaultOpen'> {}
+/**
+ * Events for the MenuSub component.
+ */
+type MenuSubEmits = MenuRootEmits;
+/**
+ * Properties for the MenuSubContent component.
+ */
+interface MenuSubContentProps extends Omit<MenuContentProps, 'side' | 'align'> {}
+/**
+ * Events for the MenuSubContent component.
+ */
+type MenuSubContentEmits = MenuContentEmits;
+/**
+ * Properties for the MenuGroup component.
+ */
+interface MenuGroupProps extends Omit<PrimitiveWithBaseProps, 'dir' | 'onSelect'> {}
+/**
+ * Properties for the MenuGroupLabel component.
+ */
+interface MenuGroupLabelProps extends BaseProps {}
+/**
+ * Properties for the MenuItemImpl component.
+ */
+interface MenuItemImplProps extends PrimitiveWithBaseProps {
+  /** When `true`, prevents the user from interacting with the item. */
+  disabled?: boolean;
+  /**
+   * Optional text used for typeahead purposes. By default the typeahead behavior will use the `.textContent` of the
+   * item. <br> Use this when the content is complex, or you have non-textual content inside.
+   */
+  textValue?: string;
+}
+/**
+ * Properties for the MenuItem component.
+ */
+interface MenuItemProps extends MenuItemImplProps {}
+/**
+ * Events for the MenuItem component.
+ */
+type MenuItemEmits = {
+  /**
+   * Event handler called when the user selects an item (via mouse or keyboard). <br> Calling `event.preventDefault` in
+   * this handler will prevent the menu from closing when selecting that item.
+   */
+  select: [event: Event];
+};
+/**
+ * Properties for the MenuCheckboxItem component.
+ */
+interface MenuCheckboxItemProps extends MenuItemImplProps {
+  /** The controlled checked state of the item. Can be used as `v-model`. */
+  modelValue?: CheckedState;
+  /**
+   * The value given as data when submitted with a `name`.
+   *
+   * @defaultValue on
+   */
+  value?: DefinedValue;
+}
+/**
+ * Events for the MenuCheckboxItem component.
+ */
+type MenuCheckboxItemEmits = MenuItemEmits & {
+  /** Event handler called when the checked state of the item changes. */'update:modelValue': [value: CheckedState];
+};
+/**
+ * Properties for the MenuCheckboxGroup component.
+ */
+interface MenuCheckboxGroupProps<T extends DefinedValue = DefinedValue> extends MenuGroupProps {
+  /** The controlled value of the checkbox. Can be bound with v-model. */
+  modelValue?: T[];
+  /** The value of the checkbox when it is initially rendered. Use when you do not need to control its value. */
+  defaultValue?: T[];
+  /**
+   * When `true`, prevents the user from interacting with the checkboxes
+   *
+   * @defaultValue false
+   */
+  disabled?: boolean;
+}
+/**
+ * Events for the MenuCheckboxGroup component.
+ */
+type MenuCheckboxGroupEmits<T extends DefinedValue = DefinedValue> = {
+  /** Event handler called when the value of the checkbox group changes. */'update:modelValue': [value: T[]];
+};
+/**
+ * Properties for the MenuRadioItem component.
+ */
+interface MenuRadioItemProps extends MenuItemImplProps {
+  /** The value given as data when submitted with a `name`. */
+  value: NonNullable<AcceptableBooleanValue>;
+}
+/**
+ * Events for the MenuRadioItem component.
+ */
+type MenuRadioItemEmits = MenuItemEmits;
+/**
+ * Properties for the MenuRadioGroup component.
+ */
+interface MenuRadioGroupProps<T = AcceptableBooleanValue> extends MenuGroupProps {
+  /** The controlled value of the radio item to check. Can be bound as `v-model`. */
+  modelValue?: T;
+  /**
+   * The value of the radio item that should be checked when initially rendered. Use when you do not need to control the
+   * state of the radio items.
+   */
+  defaultValue?: T;
+  /** When `true`, prevents the user from interacting with radio items. */
+  disabled?: boolean;
+}
+/**
+ * Events for the MenuRadioGroup component.
+ */
+type MenuRadioGroupEmits<T = AcceptableBooleanValue> = {
+  /** Event handler called when the radio group value changes */'update:modelValue': [payload: Exclude<T, undefined>];
+};
+/**
+ * Properties for the MenuSubTrigger component.
+ */
+interface MenuSubTriggerProps extends MenuItemImplProps {}
+/**
+ * Properties for the MenuItemIndicator component.
+ */
+interface MenuItemIndicatorProps extends ForceMountProps, PrimitiveWithBaseProps {}
+/**
+ * Option data for the Menu component.
+ */
+interface MenuOptionData<T extends DefinedValue = DefinedValue> extends Pick<MenuItemProps, 'disabled' | 'textValue'>, LinkBaseProps {
+  /** The label to display in the menu. */
+  label: string;
+  /** The value of the option. */
+  value: T;
+  /** Whether the option should render as a group label. */
+  isGroupLabel?: boolean;
+  /** The icon rendered before the label. */
+  icon?: IconValue;
+  /** Whether to show a separator after this option. */
+  separator?: boolean;
+  /** The shortcut rendered at the end of the option. */
+  shortcut?: KbdValue | KbdValue[];
+  /** The children of the option. */
+  children?: MenuOptionData<T>[];
+}
+/**
+ * Properties for the MenuShortcut component.
+ */
+interface MenuShortcutProps extends Omit<KbdProps, 'value'> {}
+/**
+ * Properties for the MenuOptionCompact component.
+ */
+interface MenuOptionCompactProps<T extends DefinedValue = DefinedValue> {
+  /**
+   * Current item data.
+   */
+  item: MenuOptionData<T>;
+  /**
+   * Properties forwarded to the item element.
+   */
+  itemProps?: MenuItemProps;
+  /**
+   * Properties forwarded to the link element.
+   */
+  linkProps?: LinkProps;
+  /**
+   * Properties forwarded to the group element.
+   */
+  groupProps?: MenuGroupProps;
+  /**
+   * Properties forwarded to the group label element.
+   */
+  groupLabelProps?: MenuGroupLabelProps;
+  /**
+   * Properties forwarded to the sub element.
+   */
+  subProps?: MenuSubProps;
+  /**
+   * Properties forwarded to the sub trigger element.
+   */
+  subTriggerProps?: MenuSubTriggerProps;
+  /**
+   * Properties forwarded to the portal element.
+   */
+  portalProps?: PortalProps;
+  /**
+   * Properties forwarded to the sub content element.
+   */
+  subContentProps?: MenuSubContentProps;
+  /**
+   * Properties forwarded to the separator element.
+   */
+  separatorProps?: SeparatorRootProps;
+  /**
+   * Properties forwarded to the shortcut element.
+   */
+  shortcutProps?: MenuShortcutProps;
+}
+/**
+ * Events for the MenuOptionCompactSelect component.
+ */
+type MenuOptionCompactSelectEmits<T extends DefinedValue = DefinedValue> = {
+  /**
+   * Emitted when select occurs.
+   */
+  select: [item: MenuOptionData<T>, event: Event];
+};
+/**
+ * Events for the MenuOptionCompact component.
+ */
+type MenuOptionCompactEmits<T extends DefinedValue = DefinedValue> = MenuSubEmits & MenuSubContentEmits & MenuOptionCompactSelectEmits<T>;
+/**
+ * Slots for the MenuOptionCompact component.
+ */
+type MenuOptionCompactSlots<T extends DefinedValue = DefinedValue> = {
+  /**
+   * Custom content for the item slot.
+   */
+  item?: (props: {
+    item: MenuOptionData<T>;
+    isTrigger?: boolean;
+  }) => any;
+  /**
+   * Custom content for the item leading slot.
+   */
+  'item-leading'?: (props: {
+    item: MenuOptionData<T>;
+  }) => any;
+  /**
+   * Custom content for the item trailing slot.
+   */
+  'item-trailing'?: (props: {
+    item: MenuOptionData<T>;
+  }) => any;
+  /**
+   * Custom content for the item trigger icon slot.
+   */
+  'item-trigger-icon'?: (props: {
+    item: MenuOptionData<T>;
+  }) => any;
+  /**
+   * Custom content for the item link icon slot.
+   */
+  'item-link-icon'?: (props: {
+    item: MenuOptionData<T>;
+  }) => any;
+};
+/**
+ * Properties for the MenuOptionsCompact component.
+ */
+interface MenuOptionsCompactProps<T extends DefinedValue = DefinedValue> extends Omit<MenuOptionCompactProps<T>, 'item'> {
+  /**
+   * Items rendered by the component.
+   */
+  items: MenuOptionData<T>[];
+  /** The active value of the menu. */
+  activeValue?: T;
+}
+/**
+ * Events for the MenuOptionsCompact component.
+ */
+type MenuOptionsCompactEmits<T extends DefinedValue = DefinedValue> = MenuOptionCompactEmits<T>;
+/**
+ * Slots for the MenuOptionsCompact component.
+ */
+type MenuOptionsCompactSlots<T extends DefinedValue = DefinedValue> = MenuOptionCompactSlots<T>;
+/**
+ * Option data for the MenuCheckbox component.
+ */
+interface MenuCheckboxOptionData<T extends DefinedValue = DefinedValue> extends Omit<MenuOptionData<T>, 'children'> {}
+/**
+ * Properties for the MenuCheckboxOptionsCompact component.
+ */
+interface MenuCheckboxOptionsCompactProps<T extends DefinedValue = DefinedValue> extends MenuCheckboxGroupProps<T> {
+  /**
+   * Items rendered by the component.
+   */
+  items: MenuCheckboxOptionData<T>[];
+  /**
+   * Properties forwarded to the group label element.
+   */
+  groupLabelProps?: MenuGroupLabelProps;
+  /**
+   * Properties forwarded to the checkbox item element.
+   */
+  checkboxItemProps?: MenuCheckboxItemProps;
+  /**
+   * Properties forwarded to the indicator element.
+   */
+  indicatorProps?: MenuItemIndicatorProps;
+  /**
+   * Properties forwarded to the shortcut element.
+   */
+  shortcutProps?: MenuShortcutProps;
+  /**
+   * Properties forwarded to the separator element.
+   */
+  separatorProps?: SeparatorRootProps;
+}
+/**
+ * Events for the MenuCheckboxOptionsCompactSelect component.
+ */
+type MenuCheckboxOptionsCompactSelectEmits<T extends DefinedValue = DefinedValue> = {
+  /**
+   * Emitted when select occurs.
+   */
+  select: [item: MenuCheckboxOptionData<T>, event: Event];
+};
+/**
+ * Events for the MenuCheckboxOptionsCompact component.
+ */
+type MenuCheckboxOptionsCompactEmits<T extends DefinedValue = DefinedValue> = MenuCheckboxGroupEmits<T> & MenuCheckboxOptionsCompactSelectEmits<T>;
+/**
+ * Slots for the MenuCheckboxOptionsCompact component.
+ */
+type MenuCheckboxOptionsCompactSlots<T extends DefinedValue = DefinedValue> = {
+  /**
+   * Custom content for the item slot.
+   */
+  item?: (props: MenuCheckboxOptionData<T>) => any;
+  /**
+   * Custom content for the item leading slot.
+   */
+  'item-leading'?: (props: MenuCheckboxOptionData<T>) => any;
+  /**
+   * Custom content for the item trailing slot.
+   */
+  'item-trailing'?: (props: MenuCheckboxOptionData<T>) => any;
+  /**
+   * Custom content for the item indicator icon slot.
+   */
+  'item-indicator-icon'?: (props: MenuCheckboxOptionData<T>) => any;
+};
+/**
+ * Option data for the MenuRadio component.
+ */
+interface MenuRadioOptionData<T extends AcceptableBooleanValue = AcceptableBooleanValue> extends Pick<MenuItemProps, 'disabled' | 'textValue'>, LinkBaseProps {
+  /** The label to display in the menu. */
+  label: string;
+  /** The value of the option. */
+  value: NonNullable<T>;
+  /** Whether the option should render as a group label. */
+  isGroupLabel?: boolean;
+  /** The icon rendered before the label. */
+  icon?: IconValue;
+  /** Whether to show a separator after this option. */
+  separator?: boolean;
+  /** The shortcut rendered at the end of the option. */
+  shortcut?: KbdValue | KbdValue[];
+}
+/**
+ * Properties for the MenuRadioOptionsCompact component.
+ */
+interface MenuRadioOptionsCompactProps<T extends AcceptableBooleanValue = AcceptableBooleanValue> extends MenuRadioGroupProps<T> {
+  /**
+   * Items rendered by the component.
+   */
+  items: MenuRadioOptionData<T>[];
+  /**
+   * Properties forwarded to the group label element.
+   */
+  groupLabelProps?: MenuGroupLabelProps;
+  /**
+   * Properties forwarded to the radio item element.
+   */
+  radioItemProps?: MenuRadioItemProps;
+  /**
+   * Properties forwarded to the indicator element.
+   */
+  indicatorProps?: MenuItemIndicatorProps;
+  /**
+   * Properties forwarded to the shortcut element.
+   */
+  shortcutProps?: MenuShortcutProps;
+  /**
+   * Properties forwarded to the separator element.
+   */
+  separatorProps?: SeparatorRootProps;
+}
+/**
+ * Events for the MenuRadioOptionsCompactSelect component.
+ */
+type MenuRadioOptionsCompactSelectEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue> = {
+  /**
+   * Emitted when select occurs.
+   */
+  select: [item: MenuRadioOptionData<T>, event: Event];
+};
+/**
+ * Events for the MenuRadioOptionsCompact component.
+ */
+type MenuRadioOptionsCompactEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue> = MenuRadioGroupEmits<T> & MenuRadioOptionsCompactSelectEmits<T>;
+/**
+ * Slots for the MenuRadioOptionsCompact component.
+ */
+type MenuRadioOptionsCompactSlots<T extends AcceptableBooleanValue = AcceptableBooleanValue> = {
+  /**
+   * Custom content for the item slot.
+   */
+  item?: (props: MenuRadioOptionData<T>) => any;
+  /**
+   * Custom content for the item leading slot.
+   */
+  'item-leading'?: (props: MenuRadioOptionData<T>) => any;
+  /**
+   * Custom content for the item trailing slot.
+   */
+  'item-trailing'?: (props: MenuRadioOptionData<T>) => any;
+  /**
+   * Custom content for the item indicator icon slot.
+   */
+  'item-indicator-icon'?: (props: MenuRadioOptionData<T>) => any;
+};
+/**
+ * Available UI slots for the Menu component.
+ */
+type MenuUiSlot = 'positioner' | 'popup' | 'arrow' | 'subPositioner' | 'subPopup' | 'subTrigger' | 'group' | 'groupLabel' | 'item' | 'itemIcon' | 'itemLink' | 'itemLinkIcon' | 'checkboxGroup' | 'checkboxItem' | 'radioGroup' | 'radioItem' | 'itemIndicator' | 'subTriggerIcon' | 'shortcut' | 'separator';
+/**
+ * UI class overrides for the Menu component.
+ */
+type MenuUi = UiClass<MenuUiSlot>;
+//#endregion
+export { 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 };