@soybeanjs/headless 0.13.8 → 0.15.0-beta.1

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

@@ -1,9 +1,9 @@
 import { ListboxVirtualizerProps, ListboxVirtualizerSlots } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 
 //#region src/components/listbox/listbox-virtualizer.vue.d.ts
 type __VLS_Slots = ListboxVirtualizerSlots;
-declare const __VLS_base: vue.DefineComponent<ListboxVirtualizerProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<ListboxVirtualizerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<ListboxVirtualizerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ListboxVirtualizerProps> & Readonly<{}>, {}, {}, {}, {}, string, _$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 & {

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

@@ -2,8 +2,8 @@ import { DataOrientation, Direction, SelectionEmits, SelectionProps, UiClass } f
 import { SelectEvent } from "../../types/event.js";
 import { FormFieldCommonProps } from "../../types/component.js";
 import { PrimitiveProps } from "../primitive/types.js";
-import { InputControlProps, InputRootEmits, InputRootProps } from "../input/types.js";
 import { CollectionItemData } from "../../composables/use-collection.js";
+import { InputControlProps, InputRootEmits, InputRootProps } from "../input/types.js";
 import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
 import { VirtualItem, Virtualizer } from "@tanstack/vue-virtual";
 

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

@@ -1,8 +1,8 @@
 import { ClassValue, UiClass } from "../../types/common.js";
 import { MenuUiSlot } from "./types.js";
-import * as vue from "vue";
+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: <S extends MenuUiSlot | undefined = undefined>(slot?: S | undefined) => S extends MenuUiSlot ? _$vue.ComputedRef<ClassValue> : _$vue.ComputedRef<Partial<UiClass<MenuUiSlot>>>;
 //#endregion
 export { provideMenuUi, useMenuUi };

package/dist/components/menu/context.js

@@ -1 +1 @@
-import{getDisclosureState as e}from"../../shared/value.js";import{isPointerInGraceArea as t}from"../../shared/geometry.js";import"../../shared/index.js";import{useContext as n}from"../../composables/use-context.js";import{useUiContext as r}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{useDirection as i}from"../config-provider/context.js";import{providePopperUi as a}from"../popper/context.js";import{provideSeparatorUi as o}from"../separator/context.js";import{computed as s,ref as c,shallowRef as l,useId as u}from"vue";const[d,f]=n(`Menu`,t=>{let{isRoot:n,open:r}=t,i=e=>{r.value=e},a=s(()=>e(r.value)),o=n?`data-soybean-menu-popup`:`data-soybean-menu-sub-popup`,c=l(),d=e=>{c.value=e},f=l(),p=e=>{f.value=e},m=n?`soybean-menu`:`soybean-menu-sub`,h=l(``),g=()=>{h.value||(h.value=`${m}-popup-${u()}`)},_=l(``);return{isRoot:n,open:r,onOpenChange:i,dataState:a,dataPopupAttr:o,popupElement:c,onPopupElementChange:d,triggerElement:f,onTriggerElementChange:p,popupId:h,initPopupId:g,triggerId:_,initTriggerId:()=>{_.value||(_.value=`${m}-trigger-${u()}`)}}}),[p,m]=n(`MenuRoot`,e=>{let t=i(e.dir);return{...e,dir:t}}),[h,g]=n(`MenuContent`,e=>{let{popupElement:n}=e,r=l(``),i=c(null),a=l(0),o=l(`right`),s=c(null),u=e=>{s.value=e},d=()=>{s.value=null},f=e=>{let n=o.value===s.value?.side,r=t(e,s.value?.area);return n&&r};return{searchRef:r,currentItemId:i,popupElement:n,pointerSide:o,pointerGraceTimer:a,pointerGraceIntent:s,onPointerGraceIntentChange:u,resetPointerGraceIntent:d,onItemEnter:f,onItemLeave:e=>{f(e)||(n.value?.focus(),i.value=null)},onTriggerLeave:f}}),[_,v]=n(`MenuCheckboxGroup`,e=>{let{modelValue:t}=e,n=e=>{t.value||(t.value=[]),t.value.includes(e)?t.value=t.value.filter(t=>t!==e):t.value.push(e)};return{...e,onModelValueChange:n}}),[y,b]=n(`MenuRadioGroup`,e=>{let{modelValue:t}=e,n=e=>{t.value=e};return{...e,onModelValueChange:n}}),[x,S]=n(`MenuItemIndicator`,e=>e),[C,w]=r(`MenuUi`,e=>(a(s(()=>({arrow:e.value?.arrow}))),o(s(()=>({root:e.value?.separator}))),e));export{_ as provideMenuCheckboxGroupContext,h as provideMenuContentContext,d as provideMenuContext,x as provideMenuItemIndicatorContext,y as provideMenuRadioGroupContext,p as provideMenuRootContext,C as provideMenuUi,v as useMenuCheckboxGroupContext,g as useMenuContentContext,f as useMenuContext,S as useMenuItemIndicatorContext,b as useMenuRadioGroupContext,m as useMenuRootContext,w as useMenuUi};
+import{getDisclosureState as e}from"../../shared/value.js";import{isPointerInGraceArea as t}from"../../shared/geometry.js";import"../../shared/index.js";import{useContext as n}from"../../composables/use-context.js";import{useUiContext as r}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{providePopperUi as i}from"../popper/context.js";import{provideSeparatorUi as a}from"../separator/context.js";import{computed as o,ref as s,shallowRef as c,useId as l}from"vue";const[u,d]=n(`Menu`,t=>{let{isRoot:n,open:r}=t,i=e=>{r.value=e},a=o(()=>e(r.value)),s=n?`data-soybean-menu-popup`:`data-soybean-menu-sub-popup`,u=c(),d=e=>{u.value=e},f=c(),p=e=>{f.value=e},m=n?`soybean-menu`:`soybean-menu-sub`,h=c(``),g=()=>{h.value||(h.value=`${m}-popup-${l()}`)},_=c(``);return{isRoot:n,open:r,onOpenChange:i,dataState:a,dataPopupAttr:s,popupElement:u,onPopupElementChange:d,triggerElement:f,onTriggerElementChange:p,popupId:h,initPopupId:g,triggerId:_,initTriggerId:()=>{_.value||(_.value=`${m}-trigger-${l()}`)}}}),[f,p]=n(`MenuRoot`),[m,h]=n(`MenuContent`,e=>{let{popupElement:n}=e,r=c(``),i=s(null),a=c(0),o=c(`right`),l=s(null),u=e=>{l.value=e},d=()=>{l.value=null},f=e=>{let n=o.value===l.value?.side,r=t(e,l.value?.area);return n&&r};return{searchRef:r,currentItemId:i,popupElement:n,pointerSide:o,pointerGraceTimer:a,pointerGraceIntent:l,onPointerGraceIntentChange:u,resetPointerGraceIntent:d,onItemEnter:f,onItemLeave:e=>{f(e)||(n.value?.focus(),i.value=null)},onTriggerLeave:f}}),[g,_]=n(`MenuCheckboxGroup`,e=>{let{modelValue:t}=e,n=e=>{t.value||(t.value=[]),t.value.includes(e)?t.value=t.value.filter(t=>t!==e):t.value.push(e)};return{...e,onModelValueChange:n}}),[v,y]=n(`MenuRadioGroup`,e=>{let{modelValue:t}=e,n=e=>{t.value=e};return{...e,onModelValueChange:n}}),[b,x]=n(`MenuItemIndicator`),[S,C]=n(`MenuOptionsCompact`),[w,T]=r(`MenuUi`,e=>(i(o(()=>({arrow:e.value?.arrow}))),a(o(()=>({root:e.value?.separator}))),e)),[E,D]=n(`MenuSubAttribute`);export{g as provideMenuCheckboxGroupContext,m as provideMenuContentContext,u as provideMenuContext,b as provideMenuItemIndicatorContext,S as provideMenuOptionsCompactContext,v as provideMenuRadioGroupContext,f as provideMenuRootContext,E as provideMenuSubAttributeContext,w as provideMenuUi,_ as useMenuCheckboxGroupContext,h as useMenuContentContext,d as useMenuContext,x as useMenuItemIndicatorContext,C as useMenuOptionsCompactContext,y as useMenuRadioGroupContext,p as useMenuRootContext,D as useMenuSubAttributeContext,T as useMenuUi};

package/dist/components/menu/hooks.js

@@ -0,0 +1 @@
+import{COMMON_SLOTS as e}from"./shared.js";import{e as t}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.0/node_modules/@soybeanjs/utils/dist/index.js";import{computed as n}from"vue";const r=r=>n(()=>t(r).filter(t=>e.includes(t)));export{r as useCommonSlotNames};

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

@@ -1,23 +1,27 @@
 import { PortalProps } from "../portal/types.js";
-import { _default as _default$9 } from "../portal/portal.vue.js";
+import { _default as _default$12 } from "../portal/portal.vue.js";
 import { PopperAnchorProps, PopperArrowProps } from "../popper/types.js";
-import { MenuCheckboxGroupEmits, MenuCheckboxGroupProps, MenuCheckboxItemEmits, MenuCheckboxItemProps, MenuContentEmits, MenuContentProps, MenuGroupLabelProps, MenuGroupProps, MenuItemEmits, MenuItemIndicatorProps, MenuItemProps, MenuPopupProps, MenuRadioGroupEmits, MenuRadioGroupProps, MenuRadioItemEmits, MenuRadioItemProps, MenuRootEmits, MenuRootProps, MenuSubContentEmits, MenuSubContentProps, MenuSubEmits, MenuSubProps, MenuSubTriggerProps, MenuTriggerProps, MenuUi, MenuUiSlot } from "./types.js";
-import { _default as _default$12 } from "./menu-root.vue.js";
-import { _default as _default$4 } from "./menu-content.vue.js";
+import { SeparatorRootProps } from "../separator/types.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";
 import { _default } from "../popper/popper-anchor.vue.js";
 import { _default as _default$1 } from "../popper/popper-arrow.vue.js";
-import { _default as _default$5 } from "./menu-group.vue.js";
-import { _default as _default$6 } from "./menu-group-label.vue.js";
-import { _default as _default$7 } from "./menu-item.vue.js";
-import { _default as _default$8 } from "./menu-item-indicator.vue.js";
+import { _default as _default$6 } from "./menu-group.vue.js";
+import { _default as _default$7 } from "./menu-group-label.vue.js";
+import { _default as _default$8 } from "./menu-item.vue.js";
+import { _default as _default$9 } from "./menu-item-indicator.vue.js";
 import { _default as _default$3 } from "./menu-checkbox-item.vue.js";
-import { _default as _default$11 } from "./menu-radio-item.vue.js";
-import { _default as _default$14 } from "./menu-sub.vue.js";
-import { _default as _default$16 } from "./menu-sub-trigger.vue.js";
-import { _default as _default$15 } from "./menu-sub-content.vue.js";
-import { SeparatorRootProps } from "../separator/types.js";
-import { _default as _default$13 } from "../separator/separator-root.vue.js";
+import { _default as _default$14 } from "./menu-radio-item.vue.js";
+import { _default as _default$18 } from "./menu-sub.vue.js";
+import { _default as _default$20 } from "./menu-sub-trigger.vue.js";
+import { _default as _default$19 } from "./menu-sub-content.vue.js";
+import { _default as _default$17 } from "../separator/separator-root.vue.js";
 import { _default as _default$2 } from "./menu-checkbox-group.vue.js";
-import { _default as _default$10 } from "./menu-radio-group.vue.js";
+import { _default as _default$13 } from "./menu-radio-group.vue.js";
+import { _default as _default$10 } from "./menu-option-compact.vue.js";
+import { _default as _default$11 } from "./menu-options-compact.vue.js";
+import { _default as _default$4 } from "./menu-checkbox-options-compact.vue.js";
+import { _default as _default$15 } from "./menu-radio-options-compact.vue.js";
 import { provideMenuUi, useMenuUi } from "./context.js";
-export { _default as MenuAnchor, type PopperAnchorProps as MenuAnchorProps, _default$1 as MenuArrow, type PopperArrowProps as MenuArrowProps, _default$2 as MenuCheckboxGroup, type MenuCheckboxGroupEmits, type MenuCheckboxGroupProps, _default$3 as MenuCheckboxItem, type MenuCheckboxItemEmits, type MenuCheckboxItemProps, _default$4 as MenuContent, type MenuContentEmits, type MenuContentProps, _default$5 as MenuGroup, _default$6 as MenuGroupLabel, type MenuGroupLabelProps, type MenuGroupProps, _default$7 as MenuItem, type MenuItemEmits, _default$8 as MenuItemIndicator, type MenuItemIndicatorProps, type MenuItemProps, type MenuPopupProps, _default$9 as MenuPortal, type PortalProps as MenuPortalProps, _default$10 as MenuRadioGroup, type MenuRadioGroupEmits, type MenuRadioGroupProps, _default$11 as MenuRadioItem, type MenuRadioItemEmits, type MenuRadioItemProps, _default$12 as MenuRoot, type MenuRootEmits, type MenuRootProps, _default$13 as MenuSeparator, type SeparatorRootProps as MenuSeparatorProps, _default$14 as MenuSub, _default$15 as MenuSubContent, type MenuSubContentEmits, type MenuSubContentProps, type MenuSubEmits, type MenuSubProps, _default$16 as MenuSubTrigger, type MenuSubTriggerProps, type MenuTriggerProps, type MenuUi, type MenuUiSlot, provideMenuUi, useMenuUi };
+export { _default as MenuAnchor, type PopperAnchorProps as MenuAnchorProps, _default$1 as MenuArrow, type PopperArrowProps as MenuArrowProps, _default$2 as MenuCheckboxGroup, type MenuCheckboxGroupEmits, type MenuCheckboxGroupProps, _default$3 as MenuCheckboxItem, type MenuCheckboxItemEmits, type MenuCheckboxItemProps, type MenuCheckboxOptionData, _default$4 as MenuCheckboxOptionsCompact, type MenuCheckboxOptionsCompactEmits, type MenuCheckboxOptionsCompactProps, type MenuCheckboxOptionsCompactSelectEmits, type MenuCheckboxOptionsCompactSlots, _default$5 as MenuContent, type MenuContentEmits, type MenuContentProps, _default$6 as MenuGroup, _default$7 as MenuGroupLabel, type MenuGroupLabelProps, type MenuGroupProps, _default$8 as MenuItem, type MenuItemEmits, _default$9 as MenuItemIndicator, type MenuItemIndicatorProps, type MenuItemProps, _default$10 as MenuOptionCompact, type MenuOptionCompactEmits, type MenuOptionCompactProps, type MenuOptionCompactSelectEmits, type MenuOptionCompactSlots, type MenuOptionData, _default$11 as MenuOptionsCompact, type MenuOptionsCompactEmits, type MenuOptionsCompactProps, type MenuOptionsCompactSlots, type MenuPopupProps, _default$12 as MenuPortal, type PortalProps as MenuPortalProps, _default$13 as MenuRadioGroup, type MenuRadioGroupEmits, type MenuRadioGroupProps, _default$14 as MenuRadioItem, type MenuRadioItemEmits, type MenuRadioItemProps, type MenuRadioOptionData, _default$15 as MenuRadioOptionsCompact, type MenuRadioOptionsCompactEmits, type MenuRadioOptionsCompactProps, type MenuRadioOptionsCompactSelectEmits, type MenuRadioOptionsCompactSlots, _default$16 as MenuRoot, type MenuRootEmits, type MenuRootProps, _default$17 as MenuSeparator, type SeparatorRootProps as MenuSeparatorProps, type MenuShortcutProps, _default$18 as MenuSub, _default$19 as MenuSubContent, type MenuSubContentEmits, type MenuSubContentProps, type MenuSubEmits, type MenuSubProps, _default$20 as MenuSubTrigger, type MenuSubTriggerProps, type MenuTriggerProps, type MenuUi, type MenuUiSlot, provideMenuUi, useMenuUi };

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{provideMenuUi as r,useMenuUi as i}from"./context.js";import a from"./menu-root.js";import o from"./menu-content.js";import s from"./menu-group.js";import c from"./menu-group-label.js";import l from"./menu-item.js";import u from"./menu-item-indicator.js";import d from"./menu-checkbox-item.js";import f from"./menu-radio-item.js";import p from"./menu-sub.js";import m from"./menu-sub-trigger.js";import h from"./menu-sub-content.js";import g from"../separator/separator-root.js";import _ from"./menu-checkbox-group.js";import v from"./menu-radio-group.js";export{t as MenuAnchor,n as MenuArrow,_ as MenuCheckboxGroup,d as MenuCheckboxItem,o as MenuContent,s as MenuGroup,c as MenuGroupLabel,l as MenuItem,u as MenuItemIndicator,e as MenuPortal,v as MenuRadioGroup,f as MenuRadioItem,a as MenuRoot,g as MenuSeparator,p as MenuSub,h as MenuSubContent,m as MenuSubTrigger,r as provideMenuUi,i as useMenuUi};
+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};

package/dist/components/menu/menu-checkbox-group.vue.d.ts

@@ -1,10 +1,10 @@
 import { DefinedValue } from "../../types/common.js";
 import { MenuCheckboxGroupProps } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 
 //#region src/components/menu/menu-checkbox-group.vue.d.ts
 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<MenuCheckboxGroupProps<T> & {
+  props: _$vue.PublicProps & __VLS_PrettifyLocal<MenuCheckboxGroupProps<T> & {
     "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -17,7 +17,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
     }) => any;
   };
   emit: (evt: "update:modelValue", value: T[]) => void;
-}>) => vue.VNode & {
+}>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/menu/menu-checkbox-item.js

@@ -1 +1 @@
-import{isNullish as e}from"../../shared/guard.js";import{isValueEqualOrExist as t}from"../../shared/comparison.js";import{getCheckedState as n,isIndeterminate as r}from"../../shared/value.js";import"../../shared/index.js";import{useControllableState as i}from"../../composables/use-controllable-state.js";import{useOmitProps as a}from"../../composables/use-props.js";import"../../composables/index.js";import{provideMenuItemIndicatorContext as o,useMenuCheckboxGroupContext as s,useMenuUi as c}from"./context.js";import l from"./menu-item.js";import{computed as u,createBlock as d,defineComponent as f,mergeProps as p,openBlock as m,renderSlot as h,unref as g,withCtx as _}from"vue";const v=f({name:`MenuCheckboxItem`,__name:`menu-checkbox-item`,props:{modelValue:{type:[Boolean,String]},value:{},disabled:{type:Boolean},textValue:{},asChild:{type:Boolean},as:{}},emits:[`select`,`update:modelValue`],setup(f,{emit:v}){let y=f,b=v,x=a(y,[`modelValue`,`value`,`disabled`]),S=c(`checkboxItem`),C=i(()=>y.modelValue,e=>{b(`update:modelValue`,e??!1)},!1),w=s(),T=u(()=>w?.disabled.value||y.disabled),E=u(()=>e(w?.modelValue?.value)?e(C.value)?!1:C.value===`indeterminate`?`indeterminate`:C.value:t(w?.modelValue.value,y.value)),D=u(()=>n(E.value)),O=u(()=>r(E.value)?`mixed`:E.value),k=e=>{if(b(`select`,e),r(C.value)){C.value=!0;return}C.value=!C.value,y.value&&w?.onModelValueChange(y.value)};return o({modelValue:E}),(e,t)=>(m(),d(l,p(g(x),{class:g(S),role:`menu-checkbox-item`,disabled:T.value,"data-state":D.value,"aria-checked":O.value,onSelect:k}),{default:_(()=>[h(e.$slots,`default`,{modelValue:E.value})]),_:3},16,[`class`,`disabled`,`data-state`,`aria-checked`]))}});export{v as default};
+import{SELECTION_KEYS as e}from"../../constants/common.js";import{isNullish as t}from"../../shared/guard.js";import{isValueEqualOrExist as n}from"../../shared/comparison.js";import{getCheckedState as r,isIndeterminate as i}from"../../shared/value.js";import"../../shared/index.js";import{useControllableState as a}from"../../composables/use-controllable-state.js";import{useForwardElement as o}from"../../composables/use-forward-element.js";import{useOmitProps as s}from"../../composables/use-props.js";import"../../composables/index.js";import{provideMenuItemIndicatorContext as c,useMenuCheckboxGroupContext as l,useMenuContentContext as u,useMenuRootContext as d,useMenuUi as f}from"./context.js";import{ITEM_SELECT as p}from"./shared.js";import m from"./menu-item-impl.js";import{computed as h,createBlock as g,defineComponent as _,mergeProps as v,nextTick as y,openBlock as b,renderSlot as x,unref as S,withCtx as C}from"vue";const w=_({name:`MenuCheckboxItem`,__name:`menu-checkbox-item`,props:{modelValue:{type:[Boolean,String]},value:{},disabled:{type:Boolean},textValue:{},asChild:{type:Boolean},as:{}},emits:[`select`,`update:modelValue`],setup(_,{emit:w}){let T=_,E=w,D=s(T,[`modelValue`,`value`,`disabled`]),[O,k]=o(),{onClose:A}=d(`MenuItem`),{searchRef:j}=u(`MenuItem`),M=f(`checkboxItem`),N=a(()=>T.modelValue,e=>{E(`update:modelValue`,e??!1)},!1),P=l(),F=h(()=>P?.disabled.value||T.disabled),I=h(()=>t(P?.modelValue?.value)?t(N.value)?!1:N.value===`indeterminate`?`indeterminate`:N.value:n(P?.modelValue.value,T.value)),L=h(()=>r(I.value)),R=h(()=>i(I.value)?`mixed`:I.value),z=e=>{if(E(`select`,e),i(N.value)){N.value=!0;return}N.value=!N.value,T.value&&P?.onModelValueChange(T.value)},B=!1,V=async()=>{if(T.disabled||!O.value)return;let e=new CustomEvent(p,{bubbles:!0,cancelable:!0});z(e),await y(),e.defaultPrevented?B=!1:A()},H=()=>{B=!0},U=async e=>{await y(),!e.defaultPrevented&&(B||e.currentTarget?.click())},W=async t=>{T.disabled||j.value!==``&&t.key===` `||e.includes(t.key)&&(t.currentTarget?.click(),t.preventDefault())};return c({modelValue:I}),(e,t)=>(b(),g(m,v(S(D),{ref:S(k),class:S(M),role:`menu-checkbox-item`,disabled:F.value,"data-state":L.value,"aria-checked":R.value,onClick:V,onPointerdown:H,onPointerup:U,onKeydown:W}),{default:C(()=>[x(e.$slots,`default`,{modelValue:I.value})]),_:3},16,[`class`,`disabled`,`data-state`,`aria-checked`]))}});export{w as default};

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

@@ -1,21 +1,21 @@
 import { CheckedState } from "../../types/common.js";
 import { MenuCheckboxItemProps } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 
 //#region src/components/menu/menu-checkbox-item.vue.d.ts
-declare var __VLS_10: {
+declare var __VLS_13: {
   modelValue: CheckedState;
 };
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_10) => any;
+  default?: (props: typeof __VLS_13) => any;
 };
-declare const __VLS_base: vue.DefineComponent<MenuCheckboxItemProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+declare const __VLS_base: _$vue.DefineComponent<MenuCheckboxItemProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   select: (event: Event) => any;
   "update:modelValue": (value: CheckedState) => any;
-}, string, vue.PublicProps, Readonly<MenuCheckboxItemProps> & Readonly<{
+}, string, _$vue.PublicProps, Readonly<MenuCheckboxItemProps> & Readonly<{
   onSelect?: ((event: Event) => any) | undefined;
   "onUpdate:modelValue"?: ((value: CheckedState) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, _$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 & {

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

@@ -0,0 +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};

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

@@ -0,0 +1,23 @@
+import { DefinedValue } from "../../types/common.js";
+import { MenuCheckboxOptionData, MenuCheckboxOptionsCompactProps, MenuCheckboxOptionsCompactSlots } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/menu/menu-checkbox-options-compact.vue.d.ts
+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<MenuCheckboxOptionsCompactProps<T> & {
+    onSelect?: ((item: MenuCheckboxOptionData<T>, event: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: MenuCheckboxOptionsCompactSlots<T>;
+  emit: ((evt: "select", item: MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void);
+}>) => _$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-content-impl.js

@@ -1 +1 @@
-import{COLLECTION_ITEM_ATTRIBUTE as e}from"../../constants/attr.js";import{useArrowNavigation as t}from"../../composables/use-arrow-navigation.js";import{getActiveElement as n}from"../../shared/dom.js";import{tryFocusFirst as ee}from"../../shared/focus.js";import{isMouseEvent as r}from"../../shared/event.js";import"../../shared/index.js";import{useBodyScrollLock as i}from"../../composables/use-body-scroll-lock.js";import{useDismissableLayer as a}from"../../composables/use-dismissable-layer.js";import{useForwardElement as o}from"../../composables/use-forward-element.js";import{useFocusGuards as s}from"../../composables/use-focus-guards.js";import{useFocusScope as c}from"../../composables/use-focus-scope.js";import{useHideOthers as l}from"../../composables/use-hide-others.js";import{useOmitProps as te}from"../../composables/use-props.js";import{useTypeahead as ne}from"../../composables/use-typeahead.js";import"../../composables/index.js";import u from"../roving-focus/roving-focus-group.js";import"../roving-focus/index.js";import{popperCssVars as d}from"../popper/shared.js";import re from"../popper/popper-positioner.js";import ie from"../popper/popper-popup.js";import"../popper/index.js";import{provideMenuContentContext as f,useMenuContext as p,useMenuRootContext as m,useMenuUi as h}from"./context.js";import{FIRST_LAST_KEYS as g,LAST_KEYS as _,MENU_POPUP_DATA_ATTRIBUTE as v,menuCssVars as y,subMenuCssVars as b}from"./shared.js";import{computed as x,createBlock as ae,createVNode as S,defineComponent as C,isRef as w,mergeProps as T,onWatcherCleanup as E,openBlock as D,renderSlot as O,unref as k,useTemplateRef as A,watchEffect as j,withCtx as M}from"vue";const N=C({name:`MenuContentImpl`,__name:`menu-content-impl`,props:{popupProps:{},placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{},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},reference:{},trapFocus:{type:Boolean},disableOutsidePointerEvents:{type:Boolean},loop:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(C,{emit:N}){let P=C,F=N,{modal:I,dir:L,isUsingKeyboard:R}=m(`MenuContentImpl`),{isRoot:z,dataState:B,popupId:V,triggerId:H,dataPopupAttr:oe,initPopupId:U,onOpenChange:W,onPopupElementChange:G}=p(`MenuContentImpl`),[K,q]=o(),[J,se]=o(e=>{G(e)}),{currentItemId:Y,searchRef:ce,pointerSide:le}=f({popupElement:J}),X=h(),Z=x(()=>z?X.value?.positioner:X.value?.subPositioner),ue=x(()=>z?X.value?.popup:X.value?.subPopup),{handleTypeaheadSearch:de}=ne(),Q=A(`rovingFocusGroupRef`),{pointerEvents:fe}=a(J,{disableOutsidePointerEvents:()=>P.disableOutsidePointerEvents,onEscapeKeyDown:e=>{F(`escapeKeyDown`,e)},onPointerDownOutside:e=>{F(`pointerDownOutside`,e)},onFocusOutside:e=>{F(`focusOutside`,e)},onInteractOutside:e=>{F(`interactOutside`,e)},onDismiss:()=>{z&&W(!1)}}),{onKeydown:pe}=c(K,{trapped:()=>P.trapFocus,onOpenAutoFocus:e=>{F(`openAutoFocus`,e),!e.defaultPrevented&&(e.preventDefault(),J.value?.focus({preventScroll:!0}))},onCloseAutoFocus:e=>{F(`closeAutoFocus`,e)}}),me=te(P,[`disableOutsidePointerEvents`,`trapFocus`,`loop`,`popupProps`]),he=x(()=>({...P.popupProps,[oe]:``})),ge=x(()=>{let e=z?y:b;return{[e.popupTransformOrigin]:`var(${d.transformOrigin})`,[e.popupAvailableWidth]:`var(${d.availableWidth})`,[e.popupAvailableHeight]:`var(${d.availableHeight})`,[e.triggerWidth]:`var(${d.anchorWidth})`,[e.triggerHeight]:`var(${d.anchorHeight})`,pointerEvents:fe.value}}),_e=e=>{F(`entryFocus`,e),R.value||e.preventDefault()},ve=r=>{if(pe(r),r.defaultPrevented)return;let i=r.target.closest(`[${v}]`)===r.currentTarget,a=r.ctrlKey||r.altKey||r.metaKey,o=r.key.length===1,s=t(r,n(),J.value,{loop:P.loop,arrowKeyOptions:`vertical`,dir:L.value,focus:!0,attributeName:`[${e}]:not([data-disabled])`});if(s){s.focus();return}if(r.code===`Space`)return;let c=Q.value?.getItems()??[];if(i&&(r.key===`Tab`&&r.preventDefault(),!a&&o&&de(r.key,c)),r.target!==J.value||!g.includes(r.key))return;r.preventDefault();let l=c.map(e=>e.element);_.includes(r.key)&&l.reverse(),ee(l)};function ye(e){if(!e)return;let{currentTarget:t,target:n}=e;t?.contains(n)||(ce.value=``)}let $=0;function be(e){if(!r(e))return;let t=e.target,n=$!==e.clientX;(e?.currentTarget)?.contains(t)&&n&&(le.value=e.clientX>$?`right`:`left`,$=e.clientX)}return U(),s(),l(K,()=>I.value&&z),j(()=>{P.disableOutsidePointerEvents&&E(i())}),(e,t)=>(D(),ae(k(u),{ref_key:`rovingFocusGroupRef`,ref:Q,"current-tab-stop-id":k(Y),"onUpdate:currentTabStopId":t[0]||(t[0]=e=>w(Y)?Y.value=e:null),"as-child":``,orientation:`vertical`,dir:k(L),loop:C.loop,onEntryFocus:_e},{default:M(()=>[S(k(re),T(k(me),{ref:k(q),class:Z.value,onKeydown:ve,onBlur:ye,onPointermove:be}),{default:M(()=>[S(k(ie),T(he.value,{id:k(V),ref:k(se),class:ue.value,"aria-labelledby":k(H),"aria-orientation":`vertical`,"data-dismissable-layer":``,"data-state":k(B),dir:k(L),role:`menu`,tabindex:`-1`,style:ge.value}),{default:M(()=>[O(e.$slots,`default`)]),_:3},16,[`id`,`class`,`aria-labelledby`,`data-state`,`dir`,`style`])]),_:3},16,[`class`])]),_:3},8,[`current-tab-stop-id`,`dir`,`loop`]))}});export{N as default};
+import{COLLECTION_ITEM_ATTRIBUTE as e}from"../../constants/attr.js";import{useArrowNavigation as t}from"../../composables/use-arrow-navigation.js";import{getActiveElement as n}from"../../shared/dom.js";import{tryFocusFirst as r}from"../../shared/focus.js";import{isMouseEvent as i}from"../../shared/event.js";import"../../shared/index.js";import{useBodyScrollLock as a}from"../../composables/use-body-scroll-lock.js";import{useDismissableLayer as o}from"../../composables/use-dismissable-layer.js";import{useForwardElement as s}from"../../composables/use-forward-element.js";import{useFocusGuards as c}from"../../composables/use-focus-guards.js";import{useFocusScope as l}from"../../composables/use-focus-scope.js";import{useHideOthers as u}from"../../composables/use-hide-others.js";import{useOmitProps as ee}from"../../composables/use-props.js";import{useTypeahead as te}from"../../composables/use-typeahead.js";import"../../composables/index.js";import{popperCssVars as d}from"../popper/shared.js";import ne from"../popper/popper-positioner.js";import re from"../popper/popper-popup.js";import"../popper/index.js";import f from"../roving-focus/roving-focus-group.js";import"../roving-focus/index.js";import{provideMenuContentContext as p,useMenuContext as m,useMenuRootContext as h,useMenuUi as g}from"./context.js";import{FIRST_LAST_KEYS as _,LAST_KEYS as v,MENU_POPUP_DATA_ATTRIBUTE as y,menuCssVars as b,subMenuCssVars as ie}from"./shared.js";import{computed as x,createBlock as ae,createVNode as S,defineComponent as C,isRef as w,mergeProps as T,onWatcherCleanup as E,openBlock as D,renderSlot as O,unref as k,useTemplateRef as A,watchEffect as j,withCtx as M}from"vue";const N=C({name:`MenuContentImpl`,__name:`menu-content-impl`,props:{popupProps:{},placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{},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},reference:{},trapFocus:{type:Boolean},disableOutsidePointerEvents:{type:Boolean},loop:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(C,{emit:N}){let P=C,F=N,{modal:I,dir:L,isUsingKeyboard:R}=h(`MenuContentImpl`),{isRoot:z,dataState:B,popupId:V,triggerId:oe,dataPopupAttr:H,initPopupId:U,onOpenChange:W,onPopupElementChange:G}=m(`MenuContentImpl`),[K,q]=s(),[J,se]=s(e=>{G(e)}),{currentItemId:Y,searchRef:ce,pointerSide:le}=p({popupElement:J}),X=g(),Z=x(()=>z?X.value?.positioner:X.value?.subPositioner),ue=x(()=>z?X.value?.popup:X.value?.subPopup),{handleTypeaheadSearch:de}=te(),Q=A(`rovingFocusGroupRef`),{pointerEvents:fe}=o(J,{disableOutsidePointerEvents:()=>P.disableOutsidePointerEvents,onEscapeKeyDown:e=>{F(`escapeKeyDown`,e)},onPointerDownOutside:e=>{F(`pointerDownOutside`,e)},onFocusOutside:e=>{F(`focusOutside`,e)},onInteractOutside:e=>{F(`interactOutside`,e)},onDismiss:()=>{z&&W(!1)}}),{onKeydown:pe}=l(J,{trapped:()=>P.trapFocus,onOpenAutoFocus:e=>{F(`openAutoFocus`,e),!e.defaultPrevented&&(e.preventDefault(),J.value?.focus({preventScroll:!0}))},onCloseAutoFocus:e=>{F(`closeAutoFocus`,e)}}),me=ee(P,[`disableOutsidePointerEvents`,`trapFocus`,`loop`,`popupProps`]),he=x(()=>({...P.popupProps,[H]:``})),ge=x(()=>{let e=z?b:ie;return{[e.popupTransformOrigin]:`var(${d.transformOrigin})`,[e.popupAvailableWidth]:`var(${d.availableWidth})`,[e.popupAvailableHeight]:`var(${d.availableHeight})`,[e.triggerWidth]:`var(${d.anchorWidth})`,[e.triggerHeight]:`var(${d.anchorHeight})`,pointerEvents:fe.value}}),_e=e=>{F(`entryFocus`,e),R.value||e.preventDefault()},ve=i=>{if(pe(i),i.defaultPrevented)return;let a=i.target.closest(`[${y}]`)===i.currentTarget,o=i.ctrlKey||i.altKey||i.metaKey,s=i.key.length===1,c=t(i,n(),J.value,{loop:P.loop,arrowKeyOptions:`vertical`,dir:L.value,focus:!0,attributeName:`[${e}]:not([data-disabled])`});if(c){c.focus();return}if(i.code===`Space`)return;let l=Q.value?.getItems()??[];if(a&&(i.key===`Tab`&&i.preventDefault(),!o&&s&&de(i.key,l)),i.target!==J.value||!_.includes(i.key))return;i.preventDefault();let u=l.map(e=>e.element);v.includes(i.key)&&u.reverse(),r(u)};function ye(e){if(!e)return;let{currentTarget:t,target:n}=e;t?.contains(n)||(ce.value=``)}let $=0;function be(e){if(!i(e))return;let t=e.target,n=$!==e.clientX;(e?.currentTarget)?.contains(t)&&n&&(le.value=e.clientX>$?`right`:`left`,$=e.clientX)}return U(),c(),u(K,()=>I.value&&z),j(()=>{P.disableOutsidePointerEvents&&E(a())}),(e,t)=>(D(),ae(k(ne),T(k(me),{ref:k(q),class:Z.value}),{default:M(()=>[S(k(f),{ref_key:`rovingFocusGroupRef`,ref:Q,"current-tab-stop-id":k(Y),"onUpdate:currentTabStopId":t[0]||(t[0]=e=>w(Y)?Y.value=e:null),"as-child":``,orientation:`vertical`,dir:k(L),loop:C.loop,onEntryFocus:_e},{default:M(()=>[S(k(re),T(he.value,{id:k(V),ref:k(se),class:ue.value,"aria-labelledby":k(oe),"aria-orientation":`vertical`,"data-dismissable-layer":``,"data-state":k(B),dir:k(L),role:`menu`,tabindex:`-1`,style:ge.value,onKeydown:ve,onBlur:ye,onPointermove:be}),{default:M(()=>[O(e.$slots,`default`)]),_:3},16,[`id`,`class`,`aria-labelledby`,`data-state`,`dir`,`style`])]),_:3},8,[`current-tab-stop-id`,`dir`,`loop`])]),_:3},16,[`class`]))}});export{N as default};

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

@@ -1,29 +1,29 @@
 import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
 import { MenuContentProps } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 
 //#region src/components/menu/menu-content.vue.d.ts
 declare var __VLS_10: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
-declare const __VLS_base: vue.DefineComponent<MenuContentProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+declare const __VLS_base: _$vue.DefineComponent<MenuContentProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   escapeKeyDown: (event: KeyboardEvent) => any;
-  closeAutoFocus: (event: Event) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
-  entryFocus: (event: Event) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
+  entryFocus: (event: Event) => any;
   openAutoFocus: (event: Event) => any;
-}, string, vue.PublicProps, Readonly<MenuContentProps> & Readonly<{
+  closeAutoFocus: (event: Event) => any;
+}, string, _$vue.PublicProps, Readonly<MenuContentProps> & Readonly<{
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-  onCloseAutoFocus?: ((event: Event) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
-  onEntryFocus?: ((event: Event) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
+  onEntryFocus?: ((event: Event) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+  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;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/menu/menu-group-label.vue.d.ts

@@ -1,12 +1,12 @@
 import { MenuGroupLabelProps } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 
 //#region src/components/menu/menu-group-label.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue.DefineComponent<MenuGroupLabelProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<MenuGroupLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<MenuGroupLabelProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<MenuGroupLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, _$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 & {

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

@@ -1,12 +1,12 @@
 import { MenuGroupProps } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 
 //#region src/components/menu/menu-group.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue.DefineComponent<MenuGroupProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<MenuGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<MenuGroupProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<MenuGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, _$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 & {

package/dist/components/menu/menu-item-impl.js

@@ -1 +1 @@
-import{isMouseEvent as e}from"../../shared/event.js";import"../../shared/index.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.js";import{useCollectionItem as r}from"../roving-focus/context.js";import{useMenuContentContext as i}from"./context.js";import{createBlock as a,defineComponent as o,mergeProps as s,nextTick as c,openBlock as l,renderSlot as u,shallowRef as d,unref as f,withCtx as p}from"vue";const m=o({name:`MenuItemImpl`,__name:`menu-item-impl`,props:{disabled:{type:Boolean},textValue:{},asChild:{type:Boolean},as:{}},setup(o){let m=o,{onItemEnter:h,onItemLeave:g}=i(`MenuItemImpl`),{setItemElement:_,itemProps:v}=r(()=>({textValue:m.textValue})),y=t(m,[`disabled`,`textValue`],v),b=d(!1),x=t=>{if(!(t.defaultPrevented||!e(t))){if(m.disabled){g(t);return}h(t)||t.currentTarget?.focus({preventScroll:!0})}},S=async t=>{await c(),!(t.defaultPrevented||!e(t))&&g(t)},C=async e=>{await c(),!(e.defaultPrevented||m.disabled)&&(b.value=!0)},w=async e=>{await c(),!e.defaultPrevented&&(b.value=!1)};return(e,t)=>(l(),a(f(n),s(f(y),{ref:f(_),role:`menuitem`,tabindex:`-1`,"aria-disabled":o.disabled||void 0,"data-disabled":o.disabled?``:void 0,"data-highlighted":b.value?``:void 0,onPointermove:x,onPointerleave:S,onFocus:C,onBlur:w}),{default:p(()=>[u(e.$slots,`default`)]),_:3},16,[`aria-disabled`,`data-disabled`,`data-highlighted`]))}});export{m as default};
+import{isMouseEvent as e}from"../../shared/event.js";import"../../shared/index.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.js";import{useCollectionItem as r}from"../roving-focus/context.js";import{useMenuContentContext as i,useMenuContext as a}from"./context.js";import{createBlock as o,defineComponent as s,mergeProps as c,nextTick as l,openBlock as u,renderSlot as d,shallowRef as f,unref as p,withCtx as m}from"vue";const h=s({name:`MenuItemImpl`,__name:`menu-item-impl`,props:{disabled:{type:Boolean},textValue:{},asChild:{type:Boolean},as:{}},setup(s){let h=s,{open:g}=a(`MenuItemImpl`),{onItemEnter:_,onItemLeave:v}=i(`MenuItemImpl`),{setItemElement:y,itemProps:b}=r(()=>({textValue:h.textValue})),x=t(h,[`disabled`,`textValue`],b),S=f(!1),C=t=>{if(!(t.defaultPrevented||!e(t)||!g.value)){if(h.disabled){v(t);return}_(t)||t.currentTarget?.focus({preventScroll:!0})}},w=async t=>{await l(),!(t.defaultPrevented||!e(t))&&v(t)},T=async e=>{await l(),!(e.defaultPrevented||h.disabled)&&(S.value=!0)},E=async e=>{await l(),!e.defaultPrevented&&(S.value=!1)};return(e,t)=>(u(),o(p(n),c(p(x),{ref:p(y),role:`menuitem`,tabindex:`-1`,"aria-disabled":s.disabled||void 0,"data-disabled":s.disabled?``:void 0,"data-highlighted":S.value?``:void 0,onPointermove:C,onPointerleave:w,onFocus:T,onBlur:E}),{default:m(()=>[d(e.$slots,`default`)]),_:3},16,[`aria-disabled`,`data-disabled`,`data-highlighted`]))}});export{h as default};

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

@@ -1,15 +1,15 @@
 import { AsTag } from "../primitive/types.js";
 import { MenuItemIndicatorProps } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 
 //#region src/components/menu/menu-item-indicator.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue.DefineComponent<MenuItemIndicatorProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<MenuItemIndicatorProps> & Readonly<{}>, {
-  as: AsTag | vue.Component;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<MenuItemIndicatorProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<MenuItemIndicatorProps> & Readonly<{}>, {
+  as: AsTag | _$vue.Component;
+}, {}, {}, {}, string, _$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 & {

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

@@ -0,0 +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};

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

@@ -1,16 +1,16 @@
 import { MenuItemProps } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 
 //#region src/components/menu/menu-item.vue.d.ts
 declare var __VLS_13: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_13) => any;
 };
-declare const __VLS_base: vue.DefineComponent<MenuItemProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+declare const __VLS_base: _$vue.DefineComponent<MenuItemProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   select: (event: Event) => any;
-}, string, vue.PublicProps, Readonly<MenuItemProps> & Readonly<{
+}, string, _$vue.PublicProps, Readonly<MenuItemProps> & Readonly<{
   onSelect?: ((event: Event) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, _$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 & {

package/dist/components/menu/menu-option-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-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};

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

@@ -0,0 +1,31 @@
+import { DefinedValue } from "../../types/common.js";
+import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
+import { MenuOptionCompactProps, MenuOptionCompactSlots, MenuOptionData } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/menu/menu-option-compact.vue.d.ts
+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;
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onEntryFocus?: ((event: Event) => 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: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+}>) => _$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-options-compact.js

@@ -0,0 +1 @@
+import{transformPropsToContext as e}from"../../shared/vue.js";import{getTreePaths as t}from"../../shared/tree.js";import"../../shared/index.js";import{useForwardListeners as n}from"../../composables/use-forward-listeners.js";import{useOmitProps as r}from"../../composables/use-props.js";import"../../composables/index.js";import{provideMenuOptionsCompactContext as i}from"./context.js";import a from"./menu-group.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-option-compact.js";import{Fragment as c,computed as l,createBlock as u,createElementBlock as d,createSlots as f,defineComponent as p,guardReactiveProps as m,mergeProps as h,normalizeProps as g,openBlock as _,renderList as v,renderSlot as y,toHandlers as b,unref as x,useSlots as S,withCtx as C}from"vue";const w=p({name:`MenuOptionsCompact`,inheritAttrs:!1,__name:`menu-options-compact`,props:{items:{},activeValue:{},itemProps:{},linkProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},portalProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`select`],setup(p,{emit:w}){let T=p,E=w,D=S(),O=r(T,[`items`]),k=n(E),A=l(()=>o(D)),j=l(()=>T.activeValue===void 0?[]:t(T.activeValue,T.items));return i({...e(T,[`activeValue`]),activePaths:j}),(e,t)=>(_(),u(a,g(m(p.groupProps)),{default:C(()=>[(_(!0),d(c,null,v(p.items,t=>(_(),u(s,h({key:t.value},{ref_for:!0},x(O),{item:t},b(x(k))),f({_:2},[v(A.value,t=>({name:t,fn:C(n=>[y(e.$slots,t,h({ref_for:!0},n))])}))]),1040,[`item`]))),128))]),_:3},16))}});export{w as default};

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

@@ -0,0 +1,31 @@
+import { DefinedValue } from "../../types/common.js";
+import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
+import { MenuOptionData, MenuOptionsCompactProps, MenuOptionsCompactSlots } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/menu/menu-options-compact.vue.d.ts
+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;
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onEntryFocus?: ((event: Event) => 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: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+}>) => _$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-radio-group.vue.d.ts

@@ -1,10 +1,10 @@
 import { AcceptableBooleanValue } from "../../types/common.js";
 import { MenuRadioGroupProps } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 
 //#region src/components/menu/menu-radio-group.vue.d.ts
 declare const __VLS_export: <T extends 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: vue.PublicProps & __VLS_PrettifyLocal<MenuRadioGroupProps<T> & {
+  props: _$vue.PublicProps & __VLS_PrettifyLocal<MenuRadioGroupProps<T> & {
     "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -17,7 +17,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue>(__VLS_props: NonN
     }) => any;
   };
   emit: (evt: "update:modelValue", payload: NonNullable<T>) => void;
-}>) => vue.VNode & {
+}>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/menu/menu-radio-item.js

@@ -1 +1 @@
-import{getCheckedState as e,isIndeterminate as t}from"../../shared/value.js";import"../../shared/index.js";import{useOmitProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import{provideMenuItemIndicatorContext as r,useMenuRadioGroupContext as i,useMenuUi as a}from"./context.js";import o from"./menu-item.js";import{computed as s,createBlock as c,defineComponent as l,mergeProps as u,openBlock as d,renderSlot as f,unref as p,withCtx as m}from"vue";const h=l({name:`MenuRadioItem`,__name:`menu-radio-item`,props:{value:{type:[String,Number,Boolean]},disabled:{type:Boolean},textValue:{},asChild:{type:Boolean},as:{}},emits:[`select`],setup(l,{emit:h}){let g=l,_=h,v=n(g,[`value`,`disabled`]),y=a(`radioItem`),{modelValue:b,onModelValueChange:x,disabled:S}=i(`MenuRadioItem`),C=s(()=>b.value===g.value),w=s(()=>S.value||g.disabled),T=s(()=>t(C.value)?`mixed`:C.value),E=s(()=>e(C.value)),D=e=>{_(`select`,e),x(g.value)};return r({modelValue:C}),(e,t)=>(d(),c(o,u(p(v),{class:p(y),role:`menu-checkbox-item`,disabled:w.value,"aria-checked":T.value,"data-state":E.value,onSelect:D}),{default:m(()=>[f(e.$slots,`default`,{modelValue:C.value})]),_:3},16,[`class`,`disabled`,`aria-checked`,`data-state`]))}});export{h as default};
+import{SELECTION_KEYS as e}from"../../constants/common.js";import{getCheckedState as t,isIndeterminate as n}from"../../shared/value.js";import"../../shared/index.js";import{useForwardElement as r}from"../../composables/use-forward-element.js";import{useOmitProps as i}from"../../composables/use-props.js";import"../../composables/index.js";import{provideMenuItemIndicatorContext as a,useMenuContentContext as o,useMenuRadioGroupContext as s,useMenuRootContext as c,useMenuUi as l}from"./context.js";import{ITEM_SELECT as u}from"./shared.js";import d from"./menu-item-impl.js";import{computed as f,createBlock as p,defineComponent as m,mergeProps as h,nextTick as g,openBlock as _,renderSlot as v,unref as y,withCtx as b}from"vue";const x=m({name:`MenuRadioItem`,__name:`menu-radio-item`,props:{value:{type:[String,Number,Boolean]},disabled:{type:Boolean},textValue:{},asChild:{type:Boolean},as:{}},emits:[`select`],setup(m,{emit:x}){let S=m,C=x,w=i(S,[`value`,`disabled`]),[T,E]=r(),{onClose:D}=c(`MenuItem`),{searchRef:O}=o(`MenuItem`),k=l(`radioItem`),{modelValue:A,onModelValueChange:j,disabled:M}=s(`MenuRadioItem`),N=f(()=>A.value===S.value),P=f(()=>M.value||S.disabled),F=f(()=>n(N.value)?`mixed`:N.value),I=f(()=>t(N.value)),L=!1,R=async()=>{if(S.disabled||!T.value)return;let e=new CustomEvent(u,{bubbles:!0,cancelable:!0});C(`select`,e),j(S.value),await g(),e.defaultPrevented?L=!1:D()},z=()=>{L=!0},B=async e=>{await g(),!e.defaultPrevented&&(L||e.currentTarget?.click())},V=async t=>{S.disabled||O.value!==``&&t.key===` `||e.includes(t.key)&&(t.currentTarget?.click(),t.preventDefault())};return a({modelValue:N}),(e,t)=>(_(),p(d,h(y(w),{ref:y(E),class:y(k),role:`menu-radio-item`,disabled:P.value,"aria-checked":F.value,"data-state":I.value,onClick:R,onPointerdown:z,onPointerup:B,onKeydown:V}),{default:b(()=>[v(e.$slots,`default`,{modelValue:N.value})]),_:3},16,[`class`,`disabled`,`aria-checked`,`data-state`]))}});export{x as default};

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

@@ -1,18 +1,18 @@
 import { MenuRadioItemProps } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 
 //#region src/components/menu/menu-radio-item.vue.d.ts
-declare var __VLS_10: {
+declare var __VLS_13: {
   modelValue: boolean;
 };
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_10) => any;
+  default?: (props: typeof __VLS_13) => any;
 };
-declare const __VLS_base: vue.DefineComponent<MenuRadioItemProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+declare const __VLS_base: _$vue.DefineComponent<MenuRadioItemProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   select: (event: Event) => any;
-}, string, vue.PublicProps, Readonly<MenuRadioItemProps> & Readonly<{
+}, string, _$vue.PublicProps, Readonly<MenuRadioItemProps> & Readonly<{
   onSelect?: ((event: Event) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, _$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 & {

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

@@ -0,0 +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};

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

@@ -0,0 +1,23 @@
+import { AcceptableBooleanValue } from "../../types/common.js";
+import { MenuRadioOptionData, MenuRadioOptionsCompactProps, MenuRadioOptionsCompactSlots } from "./types.js";
+import * as _$vue from "vue";
+
+//#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: _$vue.PublicProps & __VLS_PrettifyLocal<MenuRadioOptionsCompactProps<T> & {
+    onSelect?: ((item: MenuRadioOptionData<T>, event: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((payload: NonNullable<T>) => 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: NonNullable<T>) => void);
+}>) => _$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 };