@soybeanjs/headless 0.29.0-beta.9 → 0.29.1

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

@@ -0,0 +1,146 @@
+import { DataOrientation, Direction, SelectionEmits, SelectionProps, UiClass } from "../../types/common.js";
+import { SelectEvent } from "../../types/event.js";
+import { FormFieldCommonProps } from "../../types/component.js";
+import { BaseProps } from "../../types/vue.js";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
+import { CollectionItemData } from "../../composables/use-collection.js";
+import { InputControlProps, InputRootEmits, InputRootProps } from "../input/types.js";
+import { ComputedRef, ShallowRef } from "vue";
+import { VirtualItem, Virtualizer } from "@tanstack/vue-virtual";
+
+//#region src/components/listbox/types.d.ts
+/**
+ * Properties for the ListboxRoot component.
+ */
+interface ListboxRootProps<M extends boolean = false> extends SelectionProps<M>, FormFieldCommonProps, BaseProps {
+  /** The orientation of the listbox. <br>Mainly so arrow navigation is done accordingly (left & right vs. up & down) */
+  orientation?: DataOrientation;
+  /**
+   * The reading direction of the listbox when applicable. <br> If omitted, inherits globally from `ConfigProvider` or
+   * assumes LTR (left-to-right) reading mode.
+   */
+  dir?: Direction;
+  /** When `true`, prevents the user from interacting with listbox */
+  disabled?: boolean;
+  /** When `true`, hover over item will trigger highlight */
+  highlightOnHover?: boolean;
+}
+/**
+ * Value associated with the current item.
+ */
+/**
+ * Type information for ListboxCollectionItemData.
+ */
+/**
+ * Value associated with the current item.
+ */
+type ListboxCollectionItemData = {
+  value: string;
+};
+/**
+ * Events for the ListboxRoot component.
+ */
+type ListboxRootEmits<M extends boolean = false> = SelectionEmits<M> & {
+  /** Event handler when highlighted element changes. */highlight: [payload?: CollectionItemData<ListboxCollectionItemData>]; /** Event handler called when container is being focused. Can be prevented. */
+  entryFocus: [event: CustomEvent]; /** Event handler called when the mouse leave the container */
+  leave: [event: Event];
+};
+/**
+ * Properties for the ListboxItem component.
+ */
+interface ListboxItemProps extends Omit<PrimitiveWithBaseProps, 'onSelect'> {
+  /** The value given as data when submitted with a `name`. */
+  value: string;
+  /** When `true`, prevents the user from interacting with the item. */
+  disabled?: boolean;
+}
+/**
+ * Events for the ListboxItem component.
+ */
+type ListboxItemEmits = {
+  /** Event handler called when the selecting item. <br> It can be prevented by calling `event.preventDefault`. */select: [event: SelectEvent<string>];
+};
+/**
+ * Properties for the ListboxItemIndicator component.
+ */
+interface ListboxItemIndicatorProps extends PrimitiveWithBaseProps {}
+/**
+ * Properties for the ListboxGroup component.
+ */
+interface ListboxGroupProps extends BaseProps {}
+/**
+ * Properties for the ListboxGroupLabel component.
+ */
+interface ListboxGroupLabelProps extends BaseProps {}
+/**
+ * Properties for the ListboxFilter component.
+ */
+interface ListboxFilterProps extends InputRootProps {
+  /**
+   * The function to set the input element.
+   *
+   * @param el - The input element.
+   */
+  inputRef?: (el: HTMLInputElement) => void;
+  /**
+   * The props of the input extra props.
+   */
+  controlProps?: InputControlProps;
+}
+/**
+ * Events for the ListboxFilter component.
+ */
+type ListboxFilterEmits = InputRootEmits;
+/**
+ * Properties for the ListboxContent component.
+ */
+interface ListboxContentProps extends BaseProps {}
+/**
+ * Properties for the ListboxVirtualizer component.
+ */
+interface ListboxVirtualizerProps {
+  /** List of items */
+  options: string[];
+  /** Number of items rendered outside the visible area */
+  overscan?: number;
+  /** Estimated size (in px) of each item */
+  estimateSize?: number | ((index: number) => number);
+  /** Text content for each item to achieve type-ahead feature */
+  textContent?: (option: string) => string;
+}
+/**
+ * Properties for the ListboxVirtualizerSlots component.
+ */
+type ListboxVirtualizerSlotsProps = {
+  /**
+   * Option.
+   */
+  option: string;
+  /**
+   * Virtualizer.
+   */
+  virtualizer: Virtualizer<HTMLElement, Element>;
+  /**
+   * Virtual item.
+   */
+  virtualItem: VirtualItem;
+};
+/**
+ * Slots for the ListboxVirtualizer component.
+ */
+type ListboxVirtualizerSlots = {
+  /**
+   * Custom content for the default slot.
+   */
+  default: (props: ListboxVirtualizerSlotsProps) => any;
+};
+/**
+ * Available UI slots for the Listbox component.
+ */
+type ListboxUiSlot = 'root' | 'content' | 'filterRoot' | 'filterControl' | 'item' | 'itemIndicator' | 'group' | 'groupLabel' | 'virtualizer';
+/**
+ * UI class overrides for the Listbox component.
+ */
+type ListboxUi = UiClass<ListboxUiSlot>;
+//#endregion
+export { ListboxCollectionItemData, ListboxContentProps, ListboxFilterEmits, ListboxFilterProps, ListboxGroupLabelProps, ListboxGroupProps, ListboxItemEmits, ListboxItemIndicatorProps, ListboxItemProps, ListboxRootEmits, ListboxRootProps, ListboxUi, ListboxUiSlot, ListboxVirtualizerProps, ListboxVirtualizerSlots };

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

@@ -0,0 +1,7 @@
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import { MenuUiSlot } from "./types.js";
+//#region src/components/menu/context.d.ts
+declare const provideMenuUi: (ui: import("vue").ComputedRef<Partial<UiClass<MenuUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<MenuUiSlot>>>, useMenuUi: UseUiConsumer<MenuUiSlot>;
+//#endregion
+export { provideMenuUi, useMenuUi };

package/dist/components/menu/context.js

@@ -0,0 +1 @@
+import{getDisclosureState as e}from"../../shared/value.js";import{isPointerInGraceArea as t}from"../../shared/geometry.js";import{useContext as n}from"../../composables/use-context.js";import"../../shared/index.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=`${m}-popup-${l()}`,_=()=>{h.value||(h.value=g)},v=c(``),y=`${m}-trigger-${l()}`,b=()=>{v.value||(v.value=y)};return{...t,onOpenChange:i,dataState:a,dataPopupAttr:s,popupElement:u,onPopupElementChange:d,triggerElement:f,onTriggerElementChange:p,popupId:h,initPopupId:_,triggerId:v,initTriggerId:b}}),[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{computed as t}from"vue";import{keysOf as n}from"@soybeanjs/utils";const r=r=>t(()=>n(r).filter(t=>e.includes(t)));export{r as useCommonSlotNames};

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

@@ -0,0 +1,27 @@
+import { PopperAnchorProps, PopperArrowProps } from "../popper/types.js";
+import { PortalProps } from "../portal/types.js";
+import { _default } from "../popper/popper-anchor.vue.js";
+import { _default as _default$12 } from "../portal/portal.vue.js";
+import { _default as _default$1 } from "../popper/popper-arrow.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 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$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$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, 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

@@ -0,0 +1 @@
+import e from"../popper/popper-anchor.js";import t from"../portal/portal.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{e 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,t 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.js

@@ -0,0 +1 @@
+import{useControllableState as e}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{provideMenuCheckboxGroupContext as n,useMenuUi as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=o({name:`MenuCheckboxGroup`,__name:`menu-checkbox-group`,props:{modelValue:{},defaultValue:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(o,{emit:f}){let p=o,m=f,h=r(`checkboxGroup`),g=e(()=>p.modelValue,e=>{m(`update:modelValue`,e)},p.defaultValue??[]);return n({modelValue:g,disabled:i(()=>p.disabled)}),(e,n)=>(c(),a(u(t),{as:o.as,"as-child":o.asChild,"data-soybean-menu-checkbox-group":``,class:s(u(h)),role:`menu-checkbox-group`},{default:d(()=>[l(e.$slots,`default`,{modelValue:u(g)})]),_:3},8,[`as`,`as-child`,`class`]))}});export{f as default};

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

@@ -0,0 +1,25 @@
+import { DefinedValue } from "../../types/common.js";
+import { MenuCheckboxGroupProps } from "./types.js";
+
+//#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: import("vue").PublicProps & __VLS_PrettifyLocal<MenuCheckboxGroupProps<T> & {
+    "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    default?: (props: {
+      modelValue: T[];
+    }) => any;
+  };
+  emit: (evt: "update:modelValue", value: T[]) => 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-checkbox-item.js

@@ -0,0 +1 @@
+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),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),"data-soybean-menu-checkbox-item":``,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

@@ -0,0 +1,26 @@
+import { CheckedState } from "../../types/common.js";
+import { MenuCheckboxItemProps } from "./types.js";
+
+//#region src/components/menu/menu-checkbox-item.vue.d.ts
+declare var __VLS_13: {
+  modelValue: CheckedState;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<MenuCheckboxItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  select: (event: Event) => any;
+  "update:modelValue": (value: CheckedState) => any;
+}, string, import("vue").PublicProps, Readonly<MenuCheckboxItemProps> & Readonly<{
+  onSelect?: ((event: Event) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: CheckedState) => 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-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.js";import n from"../kbd/kbd.js";import r from"../separator/separator-root.js";import{useMenuUi as i}from"./context.js";import a from"./menu-group-label.js";import o from"./menu-item-indicator.js";import s from"./menu-checkbox-item.js";import c from"./menu-checkbox-group.js";import{useCommonSlotNames as l}from"./hooks.js";import u from"./menu-item-slot-compact.js";import{Fragment as d,createBlock as f,createCommentVNode as p,createElementBlock as m,createSlots as h,createVNode as g,defineComponent as _,mergeProps as v,openBlock as y,renderList as b,renderSlot as x,unref as S,useSlots as C,withCtx as w}from"vue";const T=_({name:`MenuCheckboxOptionsCompact`,__name:`menu-checkbox-options-compact`,props:{items:{},groupLabelProps:{},checkboxItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`select`],setup(_,{emit:T}){let E=_,D=T,O=C(),k=e(E,[`items`,`groupLabelProps`,`checkboxItemProps`,`indicatorProps`,`shortcutProps`,`separatorProps`]),A=l(O),j=i();return(e,i)=>(y(),f(c,v(S(k),{"onUpdate:modelValue":i[0]||(i[0]=e=>D(`update:modelValue`,e))}),{default:w(()=>[(y(!0),m(d,null,b(_.items,i=>(y(),m(d,{key:i.value},[i.isGroupLabel?(y(),f(a,v({key:0,ref_for:!0},_.groupLabelProps),{default:w(()=>[g(u,{icon:i.icon,label:i.label},{default:w(()=>[(y(!0),m(d,null,b(S(A),t=>x(e.$slots,t,v({ref_for:!0},i))),256))]),_:2},1032,[`icon`,`label`])]),_:2},1040)):(y(),f(s,v({key:1,ref_for:!0},_.checkboxItemProps,{value:i.value,disabled:i.disabled,"text-value":i.textValue,onSelect:e=>D(`select`,i,e)}),{default:w(()=>[g(u,{icon:i.icon,label:i.label},h({indicator:w(()=>[g(o,v({ref_for:!0},_.indicatorProps),{default:w(()=>[x(e.$slots,`item-indicator-icon`,v({ref_for:!0},i),()=>[g(t,{icon:`lucide:check`})])]),_:2},1040)]),default:w(()=>[(y(!0),m(d,null,b(S(A),t=>x(e.$slots,t,v({ref_for:!0},i))),256))]),_:2},[i.shortcut?{name:`shortcut`,fn:w(()=>[g(n,v({ref_for:!0},_.shortcutProps,{value:i.shortcut,class:S(j).shortcut}),null,16,[`value`,`class`])]),key:`0`}:void 0]),1032,[`icon`,`label`])]),_:2},1040,[`value`,`disabled`,`text-value`,`onSelect`])),i.separator?(y(),f(r,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,22 @@
+import { DefinedValue } from "../../types/common.js";
+import { MenuCheckboxOptionData, MenuCheckboxOptionsCompactProps, MenuCheckboxOptionsCompactSlots } from "./types.js";
+
+//#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: import("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);
+}>) => 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-content-impl.js

@@ -0,0 +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 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),"data-soybean-menu-content-impl":``,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.js

@@ -0,0 +1 @@
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{usePresence as t}from"../../composables/use-presence.js";import{useOmitProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import{useMenuContext as r,useMenuRootContext as i}from"./context.js";import a from"./menu-content-impl.js";import{computed as o,createBlock as s,createCommentVNode as c,defineComponent as l,mergeProps as u,openBlock as d,renderSlot as f,shallowRef as p,toHandlers as m,unref as h,withCtx as g}from"vue";const _=l({name:`MenuContent`,__name:`menu-content`,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:{},forceMount:{type:Boolean},loop:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(l,{emit:_}){let v=l,y=_,b=n(v,[`forceMount`]),x=e(y),{open:S,popupElement:C}=r(`MenuContent`),{modal:w}=i(`MenuContent`),T=v.forceMount?p(!0):t(C,S),E=o(()=>w.value&&S.value),D=e=>{w.value&&e.preventDefault()};return(e,t)=>h(T)?(d(),s(a,u({key:0},h(b),{"data-soybean-menu-content":``,"trap-focus":E.value,"disable-outside-pointer-events":E.value},m(h(x)),{onFocusOutside:D}),{default:g(()=>[f(e.$slots,`default`)]),_:3},16,[`trap-focus`,`disable-outside-pointer-events`])):c(`v-if`,!0)}});export{_ as default};

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

@@ -0,0 +1,33 @@
+import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
+import { MenuContentProps } from "./types.js";
+//#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: import("vue").DefineComponent<MenuContentProps, {}, {}, {}, {}, 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<MenuContentProps> & 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;
+}>, {}, {}, {}, {}, 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-group-label.js

@@ -0,0 +1 @@
+import{useMenuUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`MenuGroupLabel`,__name:`menu-group-label`,setup(n){let s=e(`groupLabel`);return(e,n)=>(i(),t(`div`,{"data-soybean-menu-group-label":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -0,0 +1,17 @@
+import { MenuGroupLabelProps } from "./types.js";
+
+//#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: import("vue").DefineComponent<MenuGroupLabelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MenuGroupLabelProps> & 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-group.js

@@ -0,0 +1 @@
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useMenuUi as t}from"./context.js";import{createBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o,unref as s,withCtx as c}from"vue";const l=r({name:`MenuGroup`,__name:`menu-group`,props:{asChild:{type:Boolean},as:{}},setup(r){let l=t(`group`);return(t,u)=>(a(),n(s(e),{as:r.as,"as-child":r.asChild,"data-soybean-menu-group":``,class:i(s(l)),role:`group`},{default:c(()=>[o(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`]))}});export{l as default};

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

@@ -0,0 +1,17 @@
+import { MenuGroupProps } from "./types.js";
+
+//#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: import("vue").DefineComponent<MenuGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MenuGroupProps> & 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-item-impl.js

@@ -0,0 +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,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}=r(()=>({textValue:h.textValue})),b=t(h,[`disabled`,`textValue`]),x=f(!1),S=t=>{if(!(t.defaultPrevented||!e(t)||!g.value)){if(h.disabled){v(t);return}_(t)||t.currentTarget?.focus({preventScroll:!0})}},C=async t=>{await l(),!(t.defaultPrevented||!e(t))&&v(t)},w=async e=>{await l(),!(e.defaultPrevented||h.disabled)&&(x.value=!0)},T=async e=>{await l(),!e.defaultPrevented&&(x.value=!1)};return(e,t)=>(u(),o(p(n),c(p(b),{ref:p(y),"data-soybean-menu-item-impl":``,"data-soybean-collection-item":``,role:`menuitem`,tabindex:`-1`,"aria-disabled":s.disabled||void 0,"data-disabled":s.disabled?``:void 0,"data-highlighted":x.value?``:void 0,onPointermove:S,onPointerleave:C,onFocus:w,onBlur:T}),{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.js

@@ -0,0 +1 @@
+import{isIndeterminate as e}from"../../shared/value.js";import"../../shared/index.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import{usePresence as n}from"../../composables/use-presence.js";import"../../composables/index.js";import{Primitive as r}from"../primitive/primitive.js";import"../primitive/index.js";import{useMenuItemIndicatorContext as i,useMenuUi as a}from"./context.js";import{computed as o,createBlock as s,createCommentVNode as c,defineComponent as l,normalizeClass as u,openBlock as d,renderSlot as f,shallowRef as p,unref as m,withCtx as h}from"vue";const g=l({name:`MenuItemIndicator`,__name:`menu-item-indicator`,props:{forceMount:{type:Boolean},asChild:{type:Boolean},as:{default:`span`}},setup(l){let g=l,_=a(`itemIndicator`),[v,y]=t(),{modelValue:b}=i(`MenuItemIndicator`),x=o(()=>e(b.value)||b.value===!0),S=g.forceMount?p(!0):n(v,x);return(e,t)=>m(S)?(d(),s(m(r),{key:0,ref:m(y),as:l.as,"as-child":l.asChild,"data-soybean-menu-item-indicator":``,class:u(m(_))},{default:h(()=>[f(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`])):c(`v-if`,!0)}});export{g as default};

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

@@ -0,0 +1,20 @@
+import { AsTag } from "../primitive/types.js";
+import { MenuItemIndicatorProps } from "./types.js";
+
+//#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: import("vue").DefineComponent<MenuItemIndicatorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MenuItemIndicatorProps> & Readonly<{}>, {
+  as: AsTag | import("vue").Component;
+}, {}, {}, {}, 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-item-slot-compact.js

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

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

@@ -0,0 +1 @@
+import{SELECTION_KEYS as e}from"../../constants/common.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{useMenuContentContext as n,useMenuRootContext as r,useMenuUi as i}from"./context.js";import{ITEM_SELECT as a}from"./shared.js";import o from"./menu-item-impl.js";import{createBlock as s,defineComponent as c,mergeProps as l,nextTick as u,openBlock as d,renderSlot as f,unref as p,withCtx as m}from"vue";const h=c({name:`MenuItem`,__name:`menu-item`,props:{disabled:{type:Boolean},textValue:{},asChild:{type:Boolean},as:{}},emits:[`select`],setup(c,{emit:h}){let g=c,_=h,[v,y]=t(),{onClose:b}=r(`MenuItem`),{searchRef:x}=n(`MenuItem`),S=i(`item`),C=!1,w=async()=>{if(g.disabled||!v.value)return;let e=new CustomEvent(a,{bubbles:!0,cancelable:!0});_(`select`,e),await u(),e.defaultPrevented?C=!1:b()},T=()=>{C=!0},E=async e=>{await u(),!e.defaultPrevented&&(C||e.currentTarget?.click())},D=async t=>{g.disabled||x.value!==``&&t.key===` `||e.includes(t.key)&&(t.currentTarget?.click(),t.preventDefault())};return(e,t)=>(d(),s(o,l(g,{ref:p(y),"data-soybean-menu-item":``,class:p(S),onClick:w,onPointerdown:T,onPointerup:E,onKeydown:D}),{default:m(()=>[f(e.$slots,`default`)]),_:3},16,[`class`]))}});export{h as default};

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

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

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

@@ -0,0 +1,29 @@
+import { DefinedValue } from "../../types/common.js";
+import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
+import { MenuOptionCompactProps, MenuOptionCompactSlots, MenuOptionData } from "./types.js";
+//#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: import("vue").PublicProps & __VLS_PrettifyLocal<MenuOptionCompactProps<T> & {
+    onSelect?: ((item: MenuOptionData<T>, event: Event) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    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;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: MenuOptionCompactSlots<T>;
+  emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", 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: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => 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-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 o from"./menu-option-compact.js";import{Fragment as s,computed as c,createBlock as l,createElementBlock as u,createSlots as d,defineComponent as f,guardReactiveProps as p,mergeProps as m,normalizeProps as h,openBlock as g,renderList as _,renderSlot as v,toHandlers as y,unref as b,useSlots as x,withCtx as S}from"vue";import{keysOf as C}from"@soybeanjs/utils";const w=f({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(f,{emit:w}){let T=f,E=w,D=x(),O=r(T,[`items`]),k=n(E),A=c(()=>C(D)),j=c(()=>T.activeValue===void 0?[]:t(T.activeValue,T.items));return i({...e(T,[`activeValue`]),activePaths:j}),(e,t)=>(g(),l(a,h(p(f.groupProps)),{default:S(()=>[(g(!0),u(s,null,_(f.items,t=>(g(),l(o,m({key:t.value},{ref_for:!0},b(O),{item:t},y(b(k))),d({_:2},[_(A.value,t=>({name:t,fn:S(n=>[v(e.$slots,t,m({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,29 @@
+import { DefinedValue } from "../../types/common.js";
+import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
+import { MenuOptionData, MenuOptionsCompactProps, MenuOptionsCompactSlots } from "./types.js";
+//#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: import("vue").PublicProps & __VLS_PrettifyLocal<MenuOptionsCompactProps<T> & {
+    onSelect?: ((item: MenuOptionData<T>, event: Event) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    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;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: MenuOptionsCompactSlots<T>;
+  emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", 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: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => 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-radio-group.js

@@ -0,0 +1 @@
+import{useControllableState as e}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{provideMenuRadioGroupContext as n,useMenuUi as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=o({name:`MenuRadioGroup`,__name:`menu-radio-group`,props:{modelValue:{},defaultValue:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(o,{emit:f}){let p=o,m=f,h=r(`radioGroup`),g=e(()=>p.modelValue,e=>{m(`update:modelValue`,e)},p.defaultValue??null);return n({modelValue:g,disabled:i(()=>p.disabled)}),(e,n)=>(c(),a(u(t),{as:o.as,"as-child":o.asChild,"data-soybean-menu-radio-group":``,class:s(u(h)),role:`menu-radio-group`},{default:d(()=>[l(e.$slots,`default`,{modelValue:u(g)})]),_:3},8,[`as`,`as-child`,`class`]))}});export{f as default};

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

@@ -0,0 +1,25 @@
+import { AcceptableBooleanValue } from "../../types/common.js";
+import { MenuRadioGroupProps } from "./types.js";
+
+//#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: import("vue").PublicProps & __VLS_PrettifyLocal<MenuRadioGroupProps<T> & {
+    "onUpdate:modelValue"?: ((payload: Exclude<T, undefined>) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    default?: (props: {
+      modelValue: (T | undefined) & Exclude<T, undefined>;
+    }) => any;
+  };
+  emit: (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-radio-item.js

@@ -0,0 +1 @@
+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),"data-soybean-menu-radio-item":``,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};