@soybeanjs/headless 0.30.0 → 0.40.0-beta.2

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

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

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

@@ -1,8 +1,8 @@
 import { MenuSubProps } from "./types.js";
 //#region src/components/menu/menu-sub.vue.d.ts
-declare var __VLS_8: {};
+declare var __VLS_10: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_8) => any;
+  default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<MenuSubProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;

package/dist/components/menu/shared.js

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

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

@@ -6,18 +6,19 @@ import { IconValue } from "../_icon/types.js";
 import { PrimitiveWithBaseProps } from "../primitive/types.js";
 import { ButtonProps } from "../button/types.js";
 import { LinkBaseProps, LinkExtraProps } from "../link/types.js";
-import { PopperPopupProps, PopperPositionerProps } from "../popper/types.js";
 import { PortalProps } from "../portal/types.js";
+import { PopperPopupProps, PopperPositionerProps } from "../popper/types.js";
 import { DialogBaseProps, DialogRootEmits } from "../dialog/types.js";
-import { RovingFocusGroupEmits, RovingFocusGroupProps } from "../roving-focus/types.js";
 import { KbdProps, KbdValue } from "../kbd/types.js";
 import { SeparatorRootProps } from "../separator/types.js";
+import { RovingFocusGroupEmits, RovingFocusGroupOptions } from "../../composables/use-roving-focus.js";
+import "../../composables/index.js";
 import { ComputedRef, ShallowRef } from "vue";
 //#region src/components/menu/types.d.ts
 /**
  * Properties for the MenuRoot component.
  */
-interface MenuRootProps extends DialogBaseProps {
+export interface MenuRootProps extends DialogBaseProps {
   /**
    * The reading direction of the combobox when applicable.
    *
@@ -28,19 +29,19 @@ interface MenuRootProps extends DialogBaseProps {
 /**
  * Events for the MenuRoot component.
  */
-type MenuRootEmits = DialogRootEmits;
+export type MenuRootEmits = DialogRootEmits;
 /**
  * Properties for the MenuPopup component.
  */
-interface MenuPopupProps extends PopperPopupProps {}
+export interface MenuPopupProps extends PopperPopupProps {}
 /**
  * Events for the MenuContentImpl component.
  */
-type MenuContentImplEmits = DismissableLayerEmits & FocusScopeEmits & Pick<RovingFocusGroupEmits, 'entryFocus'>;
+export type MenuContentImplEmits = DismissableLayerEmits & FocusScopeEmits & Pick<RovingFocusGroupEmits, 'entryFocus'>;
 /**
  * Properties for the MenuContent component.
  */
-interface MenuContentProps extends PopperPositionerProps, ForceMountProps, Pick<RovingFocusGroupProps, 'loop'> {
+export interface MenuContentProps extends PopperPositionerProps, ForceMountProps, Pick<RovingFocusGroupOptions, 'loop'> {
   /**
    * Properties forwarded to the popup element.
    */
@@ -49,39 +50,39 @@ interface MenuContentProps extends PopperPositionerProps, ForceMountProps, Pick<
 /**
  * Events for the MenuContent component.
  */
-type MenuContentEmits = MenuContentImplEmits;
+export type MenuContentEmits = MenuContentImplEmits;
 /**
  * Properties for the MenuTrigger component.
  */
-interface MenuTriggerProps extends ButtonProps {}
+export interface MenuTriggerProps extends ButtonProps {}
 /**
  * Properties for the MenuSub component.
  */
-interface MenuSubProps extends Pick<MenuRootProps, 'open' | 'defaultOpen'> {}
+export interface MenuSubProps extends Pick<MenuRootProps, 'open' | 'defaultOpen'> {}
 /**
  * Events for the MenuSub component.
  */
-type MenuSubEmits = MenuRootEmits;
+export type MenuSubEmits = MenuRootEmits;
 /**
  * Properties for the MenuSubContent component.
  */
-interface MenuSubContentProps extends Omit<MenuContentProps, 'side' | 'align'> {}
+export interface MenuSubContentProps extends Omit<MenuContentProps, 'side' | 'align'> {}
 /**
  * Events for the MenuSubContent component.
  */
-type MenuSubContentEmits = MenuContentEmits;
+export type MenuSubContentEmits = MenuContentEmits;
 /**
  * Properties for the MenuGroup component.
  */
-interface MenuGroupProps extends Omit<PrimitiveWithBaseProps, 'dir' | 'onSelect'> {}
+export interface MenuGroupProps extends Omit<PrimitiveWithBaseProps, 'dir' | 'onSelect'> {}
 /**
  * Properties for the MenuGroupLabel component.
  */
-interface MenuGroupLabelProps extends BaseProps {}
+export interface MenuGroupLabelProps extends BaseProps {}
 /**
  * Properties for the MenuItemImpl component.
  */
-interface MenuItemImplProps extends PrimitiveWithBaseProps {
+export interface MenuItemImplProps extends PrimitiveWithBaseProps {
   /** When `true`, prevents the user from interacting with the item. */
   disabled?: boolean;
   /**
@@ -93,11 +94,11 @@ interface MenuItemImplProps extends PrimitiveWithBaseProps {
 /**
  * Properties for the MenuItem component.
  */
-interface MenuItemProps extends MenuItemImplProps {}
+export interface MenuItemProps extends MenuItemImplProps {}
 /**
  * Events for the MenuItem component.
  */
-type MenuItemEmits = {
+export type MenuItemEmits = {
   /**
    * Event handler called when the user selects an item (via mouse or keyboard). <br> Calling `event.preventDefault` in
    * this handler will prevent the menu from closing when selecting that item.
@@ -107,7 +108,7 @@ type MenuItemEmits = {
 /**
  * Properties for the MenuCheckboxItem component.
  */
-interface MenuCheckboxItemProps extends MenuItemImplProps {
+export interface MenuCheckboxItemProps extends MenuItemImplProps {
   /** The controlled checked state of the item. Can be used as `v-model`. */
   modelValue?: CheckedState;
   /**
@@ -120,14 +121,14 @@ interface MenuCheckboxItemProps extends MenuItemImplProps {
 /**
  * Events for the MenuCheckboxItem component.
  */
-type MenuCheckboxItemEmits = MenuItemEmits & {
+export type MenuCheckboxItemEmits = MenuItemEmits & {
   /** Event handler called when the checked state of the item changes. */
   'update:modelValue': [value: CheckedState];
 };
 /**
  * Properties for the MenuCheckboxGroup component.
  */
-interface MenuCheckboxGroupProps<T extends DefinedValue = DefinedValue> extends MenuGroupProps {
+export interface MenuCheckboxGroupProps<T extends DefinedValue = DefinedValue> extends MenuGroupProps {
   /** The controlled value of the checkbox. Can be bound with v-model. */
   modelValue?: T[];
   /** The value of the checkbox when it is initially rendered. Use when you do not need to control its value. */
@@ -142,25 +143,25 @@ interface MenuCheckboxGroupProps<T extends DefinedValue = DefinedValue> extends
 /**
  * Events for the MenuCheckboxGroup component.
  */
-type MenuCheckboxGroupEmits<T extends DefinedValue = DefinedValue> = {
+export type MenuCheckboxGroupEmits<T extends DefinedValue = DefinedValue> = {
   /** Event handler called when the value of the checkbox group changes. */
   'update:modelValue': [value: T[]];
 };
 /**
  * Properties for the MenuRadioItem component.
  */
-interface MenuRadioItemProps extends MenuItemImplProps {
+export interface MenuRadioItemProps extends MenuItemImplProps {
   /** The value given as data when submitted with a `name`. */
   value: NonNullable<AcceptableBooleanValue>;
 }
 /**
  * Events for the MenuRadioItem component.
  */
-type MenuRadioItemEmits = MenuItemEmits;
+export type MenuRadioItemEmits = MenuItemEmits;
 /**
  * Properties for the MenuRadioGroup component.
  */
-interface MenuRadioGroupProps<T = AcceptableBooleanValue> extends MenuGroupProps {
+export interface MenuRadioGroupProps<T = AcceptableBooleanValue> extends MenuGroupProps {
   /** The controlled value of the radio item to check. Can be bound as `v-model`. */
   modelValue?: T | null;
   /**
@@ -174,22 +175,22 @@ interface MenuRadioGroupProps<T = AcceptableBooleanValue> extends MenuGroupProps
 /**
  * Events for the MenuRadioGroup component.
  */
-type MenuRadioGroupEmits<T = AcceptableBooleanValue> = {
+export type MenuRadioGroupEmits<T = AcceptableBooleanValue> = {
   /** Event handler called when the radio group value changes */
   'update:modelValue': [payload: Exclude<T, undefined> | null];
 };
 /**
  * Properties for the MenuSubTrigger component.
  */
-interface MenuSubTriggerProps extends MenuItemImplProps {}
+export interface MenuSubTriggerProps extends MenuItemImplProps {}
 /**
  * Properties for the MenuItemIndicator component.
  */
-interface MenuItemIndicatorProps extends ForceMountProps, PrimitiveWithBaseProps {}
+export interface MenuItemIndicatorProps extends ForceMountProps, PrimitiveWithBaseProps {}
 /**
  * Option data for the Menu component.
  */
-interface MenuOptionData<T extends DefinedValue = DefinedValue> extends Pick<MenuItemProps, 'disabled' | 'textValue'>, LinkBaseProps {
+export interface MenuOptionData<T extends DefinedValue = DefinedValue> extends Pick<MenuItemProps, 'disabled' | 'textValue'>, LinkBaseProps {
   /** The label to display in the menu. */
   label: string;
   /** The value of the option. */
@@ -208,11 +209,11 @@ interface MenuOptionData<T extends DefinedValue = DefinedValue> extends Pick<Men
 /**
  * Properties for the MenuShortcut component.
  */
-interface MenuShortcutProps extends Omit<KbdProps, 'value'> {}
+export interface MenuShortcutProps extends Omit<KbdProps, 'value'> {}
 /**
  * Properties for the MenuOptionCompact component.
  */
-interface MenuOptionCompactProps<T extends DefinedValue = DefinedValue> {
+export interface MenuOptionCompactProps<T extends DefinedValue = DefinedValue> {
   /**
    * Current item data.
    */
@@ -261,7 +262,7 @@ interface MenuOptionCompactProps<T extends DefinedValue = DefinedValue> {
 /**
  * Events for the MenuOptionCompactSelect component.
  */
-type MenuOptionCompactSelectEmits<T extends DefinedValue = DefinedValue> = {
+export type MenuOptionCompactSelectEmits<T extends DefinedValue = DefinedValue> = {
   /**
    * Emitted when select occurs.
    */
@@ -270,11 +271,11 @@ type MenuOptionCompactSelectEmits<T extends DefinedValue = DefinedValue> = {
 /**
  * Events for the MenuOptionCompact component.
  */
-type MenuOptionCompactEmits<T extends DefinedValue = DefinedValue> = MenuSubEmits & MenuSubContentEmits & MenuOptionCompactSelectEmits<T>;
+export type MenuOptionCompactEmits<T extends DefinedValue = DefinedValue> = MenuSubEmits & MenuSubContentEmits & MenuOptionCompactSelectEmits<T>;
 /**
  * Slots for the MenuOptionCompact component.
  */
-type MenuOptionCompactSlots<T extends DefinedValue = DefinedValue> = {
+export type MenuOptionCompactSlots<T extends DefinedValue = DefinedValue> = {
   /**
    * Custom content for the item slot.
    */
@@ -310,30 +311,30 @@ type MenuOptionCompactSlots<T extends DefinedValue = DefinedValue> = {
 /**
  * Properties for the MenuOptionsCompact component.
  */
-interface MenuOptionsCompactProps<T extends DefinedValue = DefinedValue> extends Omit<MenuOptionCompactProps<T>, 'item'> {
+export interface MenuOptionsCompactProps<T extends DefinedValue = DefinedValue> extends Omit<MenuOptionCompactProps<T>, 'item'> {
   /**
    * Items rendered by the component.
    */
   items: MenuOptionData<T>[];
-  /** The active value of the menu. */
-  activeValue?: T;
+  /** The selected value of the menu. */
+  selectedValue?: T;
 }
 /**
  * Events for the MenuOptionsCompact component.
  */
-type MenuOptionsCompactEmits<T extends DefinedValue = DefinedValue> = MenuOptionCompactEmits<T>;
+export type MenuOptionsCompactEmits<T extends DefinedValue = DefinedValue> = MenuOptionCompactEmits<T>;
 /**
  * Slots for the MenuOptionsCompact component.
  */
-type MenuOptionsCompactSlots<T extends DefinedValue = DefinedValue> = MenuOptionCompactSlots<T>;
+export type MenuOptionsCompactSlots<T extends DefinedValue = DefinedValue> = MenuOptionCompactSlots<T>;
 /**
  * Option data for the MenuCheckbox component.
  */
-interface MenuCheckboxOptionData<T extends DefinedValue = DefinedValue> extends Omit<MenuOptionData<T>, 'children'> {}
+export interface MenuCheckboxOptionData<T extends DefinedValue = DefinedValue> extends Omit<MenuOptionData<T>, 'children'> {}
 /**
  * Properties for the MenuCheckboxOptionsCompact component.
  */
-interface MenuCheckboxOptionsCompactProps<T extends DefinedValue = DefinedValue> extends MenuCheckboxGroupProps<T> {
+export interface MenuCheckboxOptionsCompactProps<T extends DefinedValue = DefinedValue> extends MenuCheckboxGroupProps<T> {
   /**
    * Items rendered by the component.
    */
@@ -362,7 +363,7 @@ interface MenuCheckboxOptionsCompactProps<T extends DefinedValue = DefinedValue>
 /**
  * Events for the MenuCheckboxOptionsCompactSelect component.
  */
-type MenuCheckboxOptionsCompactSelectEmits<T extends DefinedValue = DefinedValue> = {
+export type MenuCheckboxOptionsCompactSelectEmits<T extends DefinedValue = DefinedValue> = {
   /**
    * Emitted when select occurs.
    */
@@ -371,11 +372,11 @@ type MenuCheckboxOptionsCompactSelectEmits<T extends DefinedValue = DefinedValue
 /**
  * Events for the MenuCheckboxOptionsCompact component.
  */
-type MenuCheckboxOptionsCompactEmits<T extends DefinedValue = DefinedValue> = MenuCheckboxGroupEmits<T> & MenuCheckboxOptionsCompactSelectEmits<T>;
+export type MenuCheckboxOptionsCompactEmits<T extends DefinedValue = DefinedValue> = MenuCheckboxGroupEmits<T> & MenuCheckboxOptionsCompactSelectEmits<T>;
 /**
  * Slots for the MenuCheckboxOptionsCompact component.
  */
-type MenuCheckboxOptionsCompactSlots<T extends DefinedValue = DefinedValue> = {
+export type MenuCheckboxOptionsCompactSlots<T extends DefinedValue = DefinedValue> = {
   /**
    * Custom content for the item slot.
    */
@@ -396,7 +397,7 @@ type MenuCheckboxOptionsCompactSlots<T extends DefinedValue = DefinedValue> = {
 /**
  * Option data for the MenuRadio component.
  */
-interface MenuRadioOptionData<T extends AcceptableBooleanValue = AcceptableBooleanValue> extends Pick<MenuItemProps, 'disabled' | 'textValue'>, LinkBaseProps {
+export interface MenuRadioOptionData<T extends AcceptableBooleanValue = AcceptableBooleanValue> extends Pick<MenuItemProps, 'disabled' | 'textValue'>, LinkBaseProps {
   /** The label to display in the menu. */
   label: string;
   /** The value of the option. */
@@ -413,7 +414,7 @@ interface MenuRadioOptionData<T extends AcceptableBooleanValue = AcceptableBoole
 /**
  * Properties for the MenuRadioOptionsCompact component.
  */
-interface MenuRadioOptionsCompactProps<T extends AcceptableBooleanValue = AcceptableBooleanValue> extends MenuRadioGroupProps<T> {
+export interface MenuRadioOptionsCompactProps<T extends AcceptableBooleanValue = AcceptableBooleanValue> extends MenuRadioGroupProps<T> {
   /**
    * Items rendered by the component.
    */
@@ -442,7 +443,7 @@ interface MenuRadioOptionsCompactProps<T extends AcceptableBooleanValue = Accept
 /**
  * Events for the MenuRadioOptionsCompactSelect component.
  */
-type MenuRadioOptionsCompactSelectEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue> = {
+export type MenuRadioOptionsCompactSelectEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue> = {
   /**
    * Emitted when select occurs.
    */
@@ -451,11 +452,11 @@ type MenuRadioOptionsCompactSelectEmits<T extends AcceptableBooleanValue = Accep
 /**
  * Events for the MenuRadioOptionsCompact component.
  */
-type MenuRadioOptionsCompactEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue> = MenuRadioGroupEmits<T> & MenuRadioOptionsCompactSelectEmits<T>;
+export type MenuRadioOptionsCompactEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue> = MenuRadioGroupEmits<T> & MenuRadioOptionsCompactSelectEmits<T>;
 /**
  * Slots for the MenuRadioOptionsCompact component.
  */
-type MenuRadioOptionsCompactSlots<T extends AcceptableBooleanValue = AcceptableBooleanValue> = {
+export type MenuRadioOptionsCompactSlots<T extends AcceptableBooleanValue = AcceptableBooleanValue> = {
   /**
    * Custom content for the item slot.
    */
@@ -476,10 +477,9 @@ type MenuRadioOptionsCompactSlots<T extends AcceptableBooleanValue = AcceptableB
 /**
  * Available UI slots for the Menu component.
  */
-type MenuUiSlot = 'positioner' | 'popup' | 'arrow' | 'subPositioner' | 'subPopup' | 'subTrigger' | 'group' | 'groupLabel' | 'item' | 'itemIcon' | 'itemLink' | 'itemLinkIcon' | 'checkboxGroup' | 'checkboxItem' | 'radioGroup' | 'radioItem' | 'itemIndicator' | 'subTriggerIcon' | 'shortcut' | 'separator';
+export type MenuUiSlot = 'positioner' | 'popup' | 'arrow' | 'subPositioner' | 'subPopup' | 'subTrigger' | 'group' | 'groupLabel' | 'item' | 'itemIcon' | 'itemLink' | 'itemLinkIcon' | 'checkboxGroup' | 'checkboxItem' | 'radioGroup' | 'radioItem' | 'itemIndicator' | 'subTriggerIcon' | 'shortcut' | 'separator';
 /**
  * UI class overrides for the Menu component.
  */
-type MenuUi = UiClass<MenuUiSlot>;
-//#endregion
-export { MenuCheckboxGroupEmits, MenuCheckboxGroupProps, MenuCheckboxItemEmits, MenuCheckboxItemProps, MenuCheckboxOptionData, MenuCheckboxOptionsCompactEmits, MenuCheckboxOptionsCompactProps, MenuCheckboxOptionsCompactSelectEmits, MenuCheckboxOptionsCompactSlots, MenuContentEmits, MenuContentImplEmits, MenuContentProps, MenuGroupLabelProps, MenuGroupProps, MenuItemEmits, MenuItemImplProps, 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 };
+export type MenuUi = UiClass<MenuUiSlot>;
+//#endregion

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

@@ -1,9 +1,9 @@
 import { UiClass } from "../../types/common.js";
 import "../../types/index.js";
-import { UseUiConsumer } from "../../composables/use-ui-context.js";
-import "../../composables/index.js";
 import { MenubarUiSlot } from "./types.js";
 import "../../index.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/index.js";
 //#region src/components/menubar/context.d.ts
 declare const provideMenubarUi: (ui: import("vue").ComputedRef<Partial<UiClass<MenubarUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<MenubarUiSlot>>>, useMenubarUi: UseUiConsumer<MenubarUiSlot>;
 //#endregion

package/dist/components/menubar/context.js

@@ -1 +1 @@
-import{useContext as e}from"../../composables/use-context.js";import{useDirection as t}from"../config-provider/context.js";import{useCollection as n}from"../../composables/use-collection.js";import{useUiContext as r}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{provideMenuUi as i}from"../menu/context.js";import{computed as a,shallowRef as o,watchEffect as s}from"vue";const{provideCollectionContext:c,useCollectionContext:l,useCollectionItem:u}=n(`Menubar`),[d,f]=e(`MenubarRoot`,e=>{let{modelValue:n,currentTabStopId:r}=e,i=t(e.dir),c=a(()=>e.trigger.value===`hover`),l=o(!1),u=o(!0),d=null,f=null,p=()=>{d&&(clearTimeout(d),d=null)},m=()=>{p(),d=setTimeout(()=>{u.value=!0},e.skipDelayDuration.value)},h=()=>{p(),u.value=!1},g=()=>{f&&(clearTimeout(f),f=null)},_=t=>{g(),f=setTimeout(()=>{v(t)},e.delayDuration.value)},v=e=>{g(),l.value=!1,n.value=e,r.value=String(e)},y=()=>{g(),l.value=!1,n.value=``},b=e=>{g(),l.value=!1,n.value=n.value?``:e,r.value=String(e)},x=()=>{g(),l.value=!0,n.value=``},S=e=>{n.value||!u.value?v(e):_(e)},C=()=>{g()};return s(()=>{c.value&&(n.value?h():m())}),{...e,dir:i,hoverable:c,isLinkTriggerHovered:l,onMenuOpen:v,onMenuClose:y,onMenuToggle:b,onHoverPointerEnter:S,onHoverPointerLeave:C,setTriggerLink:x}}),[p,m]=e(`MenubarMenu`,e=>e),[h,g]=r(`MenubarUi`,e=>(i(e),e));export{c as provideMenubarCollectionContext,p as provideMenubarMenuContext,d as provideMenubarRootContext,h as provideMenubarUi,l as useMenubarCollectionContext,u as useMenubarCollectionItem,m as useMenubarMenuContext,f as useMenubarRootContext,g as useMenubarUi};
+import{useContext as e}from"../../composables/use-context.js";import{useDirection as t}from"../config-provider/context.js";import{useCollection as n}from"../../composables/use-collection.js";import{useUiContext as r}from"../../composables/use-ui-context.js";import{provideMenuUi as i}from"../menu/context.js";import{computed as a,shallowRef as o}from"vue";const{provideCollectionContext:s,useCollectionContext:c,useCollectionItem:l}=n(`Menubar`),[u,d]=e(`MenubarRoot`,e=>{let{modelValue:n,currentTabStopId:r}=e,i=t(e.dir),s=a(()=>e.trigger.value===`hover`),c=o(!1),l=e=>{c.value=!1,n.value=e,r.value=String(e)},u=()=>{c.value=!1,n.value=``},d=e=>{c.value=!1,n.value=n.value?``:e,r.value=String(e)},f=()=>{c.value=!0,n.value=``};return{...e,dir:i,hoverable:s,isLinkTriggerHovered:c,onMenuOpen:l,onMenuClose:u,onMenuToggle:d,setTriggerLink:f}}),[f,p]=e(`MenubarMenu`,e=>e),[m,h]=r(`MenubarUi`,e=>(i(e),e));export{s as provideMenubarCollectionContext,f as provideMenubarMenuContext,u as provideMenubarRootContext,m as provideMenubarUi,c as useMenubarCollectionContext,l as useMenubarCollectionItem,p as useMenubarMenuContext,d as useMenubarRootContext,h as useMenubarUi};

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

@@ -1,4 +1,4 @@
-import _default$10 from "../portal/portal.vue.js";
+import _default$10 from "../popper/popper-portal.vue.js";
 import _default from "../popper/popper-arrow.vue.js";
 import _default$5 from "../menu/menu-group.vue.js";
 import _default$6 from "../menu/menu-group-label.vue.js";

package/dist/components/menubar/index.js

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

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

@@ -1 +1 @@
-import{isClient as e}from"../../shared/env.js";import"../../shared/index.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import{usePickProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import r from"./menubar-menus.js";import{computed as i,createBlock as a,createElementBlock as o,createSlots as s,createVNode as c,defineComponent as l,guardReactiveProps as u,nextTick as d,normalizeProps as f,onMounted as p,openBlock as m,renderList as h,renderSlot as g,shallowRef as _,unref as v,useSlots as y,useTemplateRef as b,watch as x,withCtx as S}from"vue";import{keysOf as C}from"@soybeanjs/utils";import{useResizeObserver as w}from"@vueuse/core";const T=l({name:`MenubarCompact`,__name:`menubar-compact`,props:{disabled:{type:Boolean},placement:{},showArrow:{type:Boolean},triggerProps:{},collapsible:{type:Boolean},moreLabel:{},moreIcon:{},moreProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},modelValue:{},defaultValue:{},dir:{},loop:{type:Boolean},trigger:{},delayDuration:{},skipDelayDuration:{},asChild:{type:Boolean},as:{},items:{},activeValue:{},itemProps:{},linkProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:modelValue`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:open`,`select`],setup(l,{emit:T}){let E=l,D=T,O=y(),k=i(()=>C(O).filter(e=>e!==`trigger`&&e!==`more-trigger`)),A=n(E,[`as`,`modelValue`,`defaultValue`,`dir`,`loop`,`trigger`,`delayDuration`,`skipDelayDuration`]),j=i(()=>({...A.value,...E.collapsible?{style:{minWidth:`max-content`}}:{}})),M=n(E,[`items`,`activeValue`,`itemProps`,`linkProps`,`groupProps`,`groupLabelProps`,`portalProps`,`subTriggerProps`,`subContentProps`,`separatorProps`,`shortcutProps`]),N=t(D),P=i(()=>({...E.triggerProps,disabled:E.disabled??E.triggerProps?.disabled})),F=e=>{let t=e.disabled??P.value.disabled;return{...E.triggerProps,disabled:t}},I=i(()=>({...E.contentProps,popupProps:E.popupProps??E.contentProps?.popupProps,placement:E.placement??E.contentProps?.placement,sideOffset:E.contentProps?.sideOffset??(E.showArrow?0:8)})),L=b(`overflowElement`),R=_(0),z=i(()=>Math.min(R.value,E.items.length)),B=i(()=>E.items.slice(0,E.items.length-z.value)),V=i(()=>E.items.slice(E.items.length-z.value)),H=i(()=>({...E.moreProps,disabled:E.disabled??E.moreProps?.disabled})),U=!1,W=!1;function G(e){let t=e.querySelector(`[data-soybean-menubar-root]`);return t?t.scrollWidth>e.clientWidth:!1}async function K(){if(e){if(U){W=!0;return}U=!0;try{let e=L.value;if(!e)return;for(await d();R.value>0;)if(--R.value,await d(),G(e)){R.value+=1,await d();break}for(;R.value<E.items.length&&G(e);)R.value+=1,await d()}finally{U=!1,W&&(W=!1,K())}}}return w(L,()=>{E.collapsible&&K()}),x(()=>E.items,()=>{E.collapsible&&(R.value=0,K())}),x(()=>E.collapsible,e=>{e&&K()}),p(()=>{E.collapsible&&K()}),(e,t)=>l.collapsible?(m(),o(`div`,{key:0,ref_key:`overflowElement`,ref:L,"data-soybean-menubar-overflow":``},[c(r,{items:B.value,"more-items":V.value,"root-props":j.value,listeners:v(N),"options-props":v(M),"link-props":l.linkProps,"content-props":I.value,"portal-props":l.portalProps,"get-trigger-props":F,"more-trigger-props":H.value,"more-label":l.moreLabel,"more-icon":l.moreIcon},s({trigger:S(({item:t})=>[g(e.$slots,`trigger`,{item:t})]),"more-trigger":S(()=>[g(e.$slots,`more-trigger`)]),_:2},[h(k.value,t=>({name:t,fn:S(n=>[g(e.$slots,t,f(u(n)))])}))]),1032,[`items`,`more-items`,`root-props`,`listeners`,`options-props`,`link-props`,`content-props`,`portal-props`,`more-trigger-props`,`more-label`,`more-icon`])],512)):(m(),a(r,{key:1,items:B.value,"more-items":V.value,"root-props":j.value,listeners:v(N),"options-props":v(M),"link-props":l.linkProps,"content-props":I.value,"portal-props":l.portalProps,"get-trigger-props":F,"more-trigger-props":H.value,"more-label":l.moreLabel,"more-icon":l.moreIcon},s({trigger:S(({item:t})=>[g(e.$slots,`trigger`,{item:t})]),"more-trigger":S(()=>[g(e.$slots,`more-trigger`)]),_:2},[h(k.value,t=>({name:t,fn:S(n=>[g(e.$slots,t,f(u(n)))])}))]),1032,[`items`,`more-items`,`root-props`,`listeners`,`options-props`,`link-props`,`content-props`,`portal-props`,`more-trigger-props`,`more-label`,`more-icon`]))}});export{T as default};
+import{keysOf as e}from"../../shared/guard.js";import{isClient as t}from"../../shared/env.js";import{useForwardListeners as n}from"../../composables/use-forward-listeners.js";import{usePickProps as r}from"../../composables/use-props.js";import i from"./menubar-menus.js";import{computed as a,createBlock as o,createElementBlock as s,createSlots as c,createVNode as l,defineComponent as u,guardReactiveProps as d,nextTick as f,normalizeProps as p,onMounted as m,openBlock as h,renderList as g,renderSlot as _,shallowRef as v,unref as y,useSlots as b,useTemplateRef as x,watch as S,withCtx as C}from"vue";import{useResizeObserver as w}from"@vueuse/core";const T=u({name:`MenubarCompact`,__name:`menubar-compact`,props:{disabled:{type:Boolean},placement:{},showArrow:{type:Boolean},triggerProps:{},collapsible:{type:Boolean},moreLabel:{},moreIcon:{},moreProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},modelValue:{},defaultValue:{},dir:{},loop:{type:Boolean},trigger:{},delayDuration:{},skipDelayDuration:{},asChild:{type:Boolean},as:{},items:{},selectedValue:{},itemProps:{},linkProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:modelValue`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:open`,`select`],setup(u,{emit:T}){let E=u,D=T,O=b(),k=a(()=>e(O).filter(e=>e!==`trigger`&&e!==`more-trigger`)),A=r(E,[`as`,`modelValue`,`defaultValue`,`dir`,`loop`,`trigger`,`delayDuration`,`skipDelayDuration`]),j=a(()=>({...A.value,...E.collapsible?{style:{minWidth:`max-content`}}:{}})),M=r(E,[`items`,`selectedValue`,`itemProps`,`linkProps`,`groupProps`,`groupLabelProps`,`portalProps`,`subTriggerProps`,`subContentProps`,`separatorProps`,`shortcutProps`]),N=n(D),P=a(()=>({...E.triggerProps,disabled:E.disabled??E.triggerProps?.disabled})),F=e=>{let t=e.disabled??P.value.disabled;return{...E.triggerProps,disabled:t}},I=a(()=>({...E.contentProps,popupProps:E.popupProps??E.contentProps?.popupProps,placement:E.placement??E.contentProps?.placement,sideOffset:E.contentProps?.sideOffset??(E.showArrow?0:8)})),L=x(`overflowElement`),R=v(0),z=a(()=>Math.min(R.value,E.items.length)),B=a(()=>E.items.slice(0,E.items.length-z.value)),V=a(()=>E.items.slice(E.items.length-z.value)),H=a(()=>({...E.moreProps,disabled:E.disabled??E.moreProps?.disabled})),U=!1,W=!1;function G(e){let t=e.querySelector(`[data-soybean-menubar-root]`);return t?t.scrollWidth>e.clientWidth:!1}async function K(){if(t){if(U){W=!0;return}U=!0;try{let e=L.value;if(!e)return;for(await f();R.value>0;)if(--R.value,await f(),G(e)){R.value+=1,await f();break}for(;R.value<E.items.length&&G(e);)R.value+=1,await f()}finally{U=!1,W&&(W=!1,K())}}}return w(L,()=>{E.collapsible&&K()}),S(()=>E.items,()=>{E.collapsible&&(R.value=0,K())}),S(()=>E.collapsible,e=>{e&&K()}),m(()=>{E.collapsible&&K()}),(e,t)=>u.collapsible?(h(),s(`div`,{key:0,ref_key:`overflowElement`,ref:L,"data-soybean-menubar-overflow":``},[l(i,{items:B.value,"more-items":V.value,"root-props":j.value,listeners:y(N),"options-props":y(M),"link-props":u.linkProps,"content-props":I.value,"portal-props":u.portalProps,"get-trigger-props":F,"more-trigger-props":H.value,"more-label":u.moreLabel,"more-icon":u.moreIcon},c({trigger:C(({item:t})=>[_(e.$slots,`trigger`,{item:t})]),"more-trigger":C(()=>[_(e.$slots,`more-trigger`)]),_:2},[g(k.value,t=>({name:t,fn:C(n=>[_(e.$slots,t,p(d(n)))])}))]),1032,[`items`,`more-items`,`root-props`,`listeners`,`options-props`,`link-props`,`content-props`,`portal-props`,`more-trigger-props`,`more-label`,`more-icon`])],512)):(h(),o(i,{key:1,items:B.value,"more-items":V.value,"root-props":j.value,listeners:y(N),"options-props":y(M),"link-props":u.linkProps,"content-props":I.value,"portal-props":u.portalProps,"get-trigger-props":F,"more-trigger-props":H.value,"more-label":u.moreLabel,"more-icon":u.moreIcon},c({trigger:C(({item:t})=>[_(e.$slots,`trigger`,{item:t})]),"more-trigger":C(()=>[_(e.$slots,`more-trigger`)]),_:2},[g(k.value,t=>({name:t,fn:C(n=>[_(e.$slots,t,p(d(n)))])}))]),1032,[`items`,`more-items`,`root-props`,`listeners`,`options-props`,`link-props`,`content-props`,`portal-props`,`more-trigger-props`,`more-label`,`more-icon`]))}});export{T as default};

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

@@ -11,20 +11,20 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
     onSelect?: ((item: MenuOptionData<T>, event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: T) => 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;
-    onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: MenubarCompactSlots<T>;
-  emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: T) => 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) & ((evt: "entryFocus", event: Event) => void);
+  emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: T) => 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?: NonNullable<Awaited<typeof __VLS_setup>>;
 };

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

@@ -1 +1 @@
-import{wrapArray as e}from"../../shared/object.js";import"../../shared/index.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import{useGraceArea as n}from"../../composables/use-grace-area.js";import"../../composables/index.js";import{useMenuContext as r}from"../menu/context.js";import i from"../menu/menu-content.js";import"../menu/index.js";import{useMenubarCollectionContext as a,useMenubarMenuContext as o,useMenubarRootContext as s}from"./context.js";import{isTriggerLink as c}from"./shared.js";import{computed as l,createBlock as u,defineComponent as d,mergeProps as f,openBlock as p,renderSlot as m,shallowRef as h,toHandlers as g,unref as _,withCtx as v,withKeys as y}from"vue";const b=d({name:`MenubarContent`,__name:`menubar-content`,props:{popupProps:{},placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{default:`start`},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean,default:!0},collisionBoundary:{},collisionPadding:{},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean,default:!0},reference:{},forceMount:{type:Boolean},loop:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(d,{emit:b}){let x=d,S=t(b),{popupElement:C}=r(`MenubarContent`),{containerElement:w,getOrderedItems:T}=a(`MenubarContent`),{dir:E,isLinkTriggerHovered:D,loop:O,modelValue:k,onMenuOpen:A,onMenuClose:j,hoverable:M,setTriggerLink:N}=s(`MenubarContent`),{value:P,triggerId:F,contentId:I,triggerElement:L,wasKeyboardTriggerOpen:R,open:z}=o(`MenubarContent`),B=h(!1);n({triggerElement:w,areaElement:C,onPointerExit:()=>{z.value&&j()},subAreaAttribute:`data-soybean-menu-sub-popup`,disabled:l(()=>!M.value||!z.value)});let V=e=>{!k.value&&!B.value&&!D.value&&L.value?.focus(),B.value=!1,e.preventDefault()},H=e=>T().some(t=>t.element.contains(e)),U=e=>{H(e.target)&&e.preventDefault()},W=e=>{H(e.target)&&e.preventDefault()},G=()=>{B.value=!0},K=e=>{R.value||e.preventDefault()},q=t=>{let n=t.target.hasAttribute(`data-soybean-menubar-sub-trigger`),r=E.value===`rtl`?`ArrowRight`:`ArrowLeft`,i=t.key===r;if(!i&&n)return;let a=T(),o=a.map(e=>e.data.value);i&&o.reverse();let s=o.findIndex(e=>e===P.value),l=(O.value?e(o,s+1):o.slice(s+1))[0],u=a.find(e=>e.data.value===l);!l||!u||(c(u.element)?(N(),u.element.focus()):A(l))};return(e,t)=>(p(),u(_(i),f(x,{id:_(I),"data-soybean-menubar-content":``,"aria-labelledby":_(F)},g(_(S)),{onCloseAutoFocus:V,onPointerDownOutside:U,onFocusOutside:W,onInteractOutside:G,onEntryFocus:K,onKeydown:y(q,[`arrow-right`,`arrow-left`])}),{default:v(()=>[m(e.$slots,`default`)]),_:3},16,[`id`,`aria-labelledby`]))}});export{b as default};
+import{wrapArray as e}from"../../shared/object.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import{usePopperRootContext as n}from"../popper/context.js";import r from"../menu/menu-content.js";import{useMenubarCollectionContext as i,useMenubarMenuContext as a,useMenubarRootContext as o}from"./context.js";import{isTriggerLink as s}from"./shared.js";import{createBlock as c,defineComponent as l,mergeProps as u,onBeforeUnmount as d,openBlock as f,renderSlot as p,shallowRef as m,toHandlers as h,unref as g,watchEffect as _,withCtx as v,withKeys as y}from"vue";const b=l({name:`MenubarContent`,__name:`menubar-content`,props:{popupProps:{},placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{default:`start`},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean,default:!0},collisionBoundary:{},collisionPadding:{},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean,default:!0},reference:{},trapFocus:{type:Boolean},disableHoverableContent:{type:Boolean},onGracePointerExit:{},forceMount:{type:Boolean},loop:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(l,{emit:b}){let x=l,S=t(b),{containerElement:C,getOrderedItems:w}=i(`MenubarContent`),{dir:T,isLinkTriggerHovered:E,loop:D,modelValue:O,onMenuOpen:k,setTriggerLink:A}=o(`MenubarContent`),{value:j,triggerId:M,contentId:N,triggerElement:P,wasKeyboardTriggerOpen:F}=a(`MenubarContent`),I=n(`MenubarContent`),L=m(!1);_(()=>{I.onGraceTriggerElementChange(x.disableHoverableContent?void 0:C.value)}),d(()=>{I.onGraceTriggerElementChange(void 0)});let R=e=>{!O.value&&!L.value&&!E.value&&P.value?.focus(),L.value=!1,e.preventDefault()},z=e=>w().some(t=>t.element.contains(e)),B=e=>{z(e.target)&&e.preventDefault()},V=e=>{z(e.target)&&e.preventDefault()},H=()=>{L.value=!0},U=e=>{F.value||e.preventDefault()},W=t=>{let n=t.target.hasAttribute(`data-soybean-menubar-sub-trigger`),r=T.value===`rtl`?`ArrowRight`:`ArrowLeft`,i=t.key===r;if(!i&&n)return;let a=w(),o=a.map(e=>e.data.value);i&&o.reverse();let c=o.findIndex(e=>e===j.value),l=(D.value?e(o,c+1):o.slice(c+1))[0],u=a.find(e=>e.data.value===l);l&&u&&(s(u.element)?(A(),u.element.focus()):k(l))};return(e,t)=>(f(),c(g(r),u(x,{id:g(N),"data-soybean-menubar-content":``,"aria-labelledby":g(M)},h(g(S)),{onCloseAutoFocus:R,onPointerDownOutside:B,onFocusOutside:V,onInteractOutside:H,onEntryFocus:U,onKeydown:y(W,[`arrow-right`,`arrow-left`])}),{default:v(()=>[p(e.$slots,`default`)]),_:3},16,[`id`,`aria-labelledby`]))}});export{b as default};

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

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

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

@@ -1 +1 @@
-import{wrapArray as e}from"../../shared/object.js";import"../../shared/index.js";import{provideMenuSubAttributeContext as t}from"../menu/context.js";import n from"../menu/menu-root.js";import"../menu/index.js";import{provideMenubarMenuContext as r,useMenubarCollectionContext as i,useMenubarRootContext as a}from"./context.js";import{computed as o,createBlock as s,defineComponent as c,openBlock as l,renderSlot as u,shallowRef as d,unref as f,useId as p,watch as m,withCtx as h}from"vue";const g=c({name:`MenubarMenu`,__name:`menubar-menu`,props:{value:{}},setup(c){let g=c,{dir:_,onMenuClose:v,modelValue:y,loop:b,onMenuOpen:x}=a(`MenubarMenu`),{getOrderedItems:S}=i(`MenubarMenu`),C=`soybean-menubar-menu-${p()}`,w=o(()=>g.value??C),T=d(),E=d(`soybean-menubar-content-${p()}`),D=d(!1),O=o(()=>y.value===w.value),k=`soybean-menubar-trigger-${p()}`,A=e=>{e||v()},j=t=>{let n=t.target,r=_.value===`rtl`?`ArrowLeft`:`ArrowRight`;if(t.key!==r||n.hasAttribute(`data-soybean-menubar-sub-trigger`))return;let i=S().map(e=>e.data.value),a=i.findIndex(e=>e===y.value),o=(b.value?e(i,a+1):i.slice(a+1))[0];o&&x(o)};return m(O,e=>{e||(D.value=!1)}),r({value:w,triggerId:k,contentId:E,triggerElement:T,wasKeyboardTriggerOpen:D,open:O}),t({subTrigger:o(()=>({"data-soybean-menubar-sub-trigger":``})),subContent:o(()=>({onKeydown:j}))}),(e,t)=>(l(),s(f(n),{open:O.value,dir:f(_),modal:!1,"onUpdate:open":A},{default:h(()=>[u(e.$slots,`default`,{open:O.value,value:w.value})]),_:3},8,[`open`,`dir`]))}});export{g as default};
+import{wrapArray as e}from"../../shared/object.js";import{provideMenuSubAttributeContext as t}from"../menu/context.js";import n from"../menu/menu-root.js";import{provideMenubarMenuContext as r,useMenubarCollectionContext as i,useMenubarRootContext as a}from"./context.js";import{computed as o,createBlock as s,defineComponent as c,openBlock as l,renderSlot as u,shallowRef as d,unref as f,useId as p,watch as m,withCtx as h}from"vue";const g=c({name:`MenubarMenu`,__name:`menubar-menu`,props:{value:{}},setup(c){let g=c,{dir:_,onMenuClose:v,modelValue:y,loop:b,onMenuOpen:x}=a(`MenubarMenu`),{getOrderedItems:S}=i(`MenubarMenu`),C=`soybean-menubar-menu-${p()}`,w=o(()=>g.value??C),T=d(),E=d(`soybean-menubar-content-${p()}`),D=d(!1),O=o(()=>y.value===w.value),k=`soybean-menubar-trigger-${p()}`,A=e=>{e?x(w.value):v()},j=t=>{let n=t.target,r=_.value===`rtl`?`ArrowLeft`:`ArrowRight`;if(t.key!==r||n.hasAttribute(`data-soybean-menubar-sub-trigger`))return;let i=S().map(e=>e.data.value),a=i.findIndex(e=>e===y.value),o=(b.value?e(i,a+1):i.slice(a+1))[0];o&&x(o)};return m(O,e=>{e||(D.value=!1)}),r({value:w,triggerId:k,contentId:E,triggerElement:T,wasKeyboardTriggerOpen:D,open:O}),t({subTrigger:o(()=>({"data-soybean-menubar-sub-trigger":``})),subContent:o(()=>({onKeydown:j}))}),(e,t)=>(l(),s(f(n),{open:O.value,dir:f(_),modal:!1,"onUpdate:open":A},{default:h(()=>[u(e.$slots,`default`,{open:O.value,value:w.value})]),_:3},8,[`open`,`dir`]))}});export{g as default};

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

@@ -1 +1 @@
-import e from"../_icon/icon.js";import t from"../portal/portal.js";import n from"../link/link.js";import{useMenuUi as r}from"../menu/context.js";import i from"../menu/menu-options-compact.js";import"../menu/index.js";import a from"./menubar-root.js";import o from"./menubar-menu.js";import s from"./menubar-trigger.js";import c from"./menubar-content.js";import{Fragment as l,computed as u,createBlock as d,createCommentVNode as f,createElementBlock as p,createElementVNode as m,createSlots as h,createVNode as g,defineComponent as _,guardReactiveProps as v,mergeProps as y,normalizeClass as b,normalizeProps as x,openBlock as S,renderList as C,renderSlot as w,toDisplayString as T,toHandlers as E,unref as D,useSlots as O,withCtx as k}from"vue";import{keysOf as A}from"@soybeanjs/utils";const j={key:1},M=_({__name:`menubar-menus`,props:{items:{},moreItems:{},rootProps:{},listeners:{},optionsProps:{},linkProps:{},contentProps:{},portalProps:{},getTriggerProps:{type:Function},moreTriggerProps:{},moreLabel:{},moreIcon:{}},setup(_){let M=_,N=O(),P=r(),F=u(()=>A(N).filter(e=>e!==`trigger`&&e!==`more-trigger`)),I=u(()=>M.moreIcon??`lucide:ellipsis`);return(r,u)=>(S(),d(a,y(_.rootProps,E(_.listeners)),{default:k(()=>[(S(!0),p(l,null,C(_.items,a=>(S(),d(o,{key:a.value,value:a.value},{default:k(()=>[a.to||a.href?(S(),d(s,y({key:0,ref_for:!0},_.getTriggerProps(a),{"as-child":``}),{default:k(()=>[g(n,y({ref_for:!0},_.linkProps,{disabled:_.getTriggerProps(a).disabled??_.linkProps?.disabled,to:a.to,href:a.href,target:a.target,external:a.external}),{default:k(({isHref:t})=>[w(r.$slots,`trigger`,{item:a},()=>[w(r.$slots,`item-leading`,{item:a},()=>[a.icon?(S(),d(e,{key:0,icon:a.icon,class:b(D(P).itemIcon)},null,8,[`icon`,`class`])):f(`v-if`,!0)]),m(`span`,null,T(a.label),1),t?w(r.$slots,`item-link-icon`,{item:a},()=>[g(e,{icon:`lucide:arrow-up-right`,class:b(D(P).itemLinkIcon)},null,8,[`class`])],void 0,0):f(`v-if`,!0),w(r.$slots,`item-trailing`,{item:a})])]),_:2},1040,[`disabled`,`to`,`href`,`target`,`external`])]),_:2},1040)):(S(),p(l,{key:1},[g(s,y({ref_for:!0},_.getTriggerProps(a)),{default:k(()=>[w(r.$slots,`trigger`,{item:a},()=>[w(r.$slots,`item-leading`,{item:a},()=>[a.icon?(S(),d(e,{key:0,icon:a.icon,class:b(D(P).itemIcon)},null,8,[`icon`,`class`])):f(`v-if`,!0)]),m(`span`,null,T(a.label),1),w(r.$slots,`item-trailing`,{item:a})])]),_:2},1040),g(D(t),y({ref_for:!0},_.portalProps),{default:k(()=>[g(c,y({ref_for:!0},_.contentProps),{default:k(()=>[g(D(i),y({ref_for:!0},_.optionsProps,{items:a.children??[]}),h({_:2},[C(F.value,e=>({name:e,fn:k(t=>[w(r.$slots,e,y({ref_for:!0},t))])}))]),1040,[`items`])]),_:2},1040)]),_:2},1040)],64))]),_:2},1032,[`value`]))),128)),_.moreItems.length?(S(),d(o,{key:0},{default:k(()=>[g(s,x(v(_.moreTriggerProps)),{default:k(()=>[w(r.$slots,`more-trigger`,{},()=>[I.value?(S(),d(e,{key:0,icon:I.value,class:b(D(P).itemIcon)},null,8,[`icon`,`class`])):f(`v-if`,!0),_.moreLabel?(S(),p(`span`,j,T(_.moreLabel),1)):f(`v-if`,!0)])]),_:3},16),g(D(t),x(v(_.portalProps)),{default:k(()=>[g(c,x(v(_.contentProps)),{default:k(()=>[g(D(i),y(_.optionsProps,{items:_.moreItems}),h({_:2},[C(F.value,e=>({name:e,fn:k(t=>[w(r.$slots,e,x(v(t)))])}))]),1040,[`items`])]),_:3},16)]),_:3},16)]),_:3})):f(`v-if`,!0)]),_:3},16))}});export{M as default};
+import{keysOf as e}from"../../shared/guard.js";import t from"../_icon/icon.js";import n from"../popper/popper-portal.js";import r from"../link/link.js";import{useMenuUi as i}from"../menu/context.js";import a from"../menu/menu-options-compact.js";import o from"./menubar-root.js";import s from"./menubar-menu.js";import c from"./menubar-trigger.js";import l from"./menubar-content.js";import{Fragment as u,computed as d,createBlock as f,createCommentVNode as p,createElementBlock as m,createElementVNode as h,createSlots as g,createVNode as _,defineComponent as v,guardReactiveProps as y,mergeProps as b,normalizeClass as x,normalizeProps as S,openBlock as C,renderList as w,renderSlot as T,toDisplayString as E,toHandlers as D,unref as O,useSlots as k,withCtx as A}from"vue";const j={key:1},M=v({__name:`menubar-menus`,props:{items:{},moreItems:{},rootProps:{},listeners:{},optionsProps:{},linkProps:{},contentProps:{},portalProps:{},getTriggerProps:{type:Function},moreTriggerProps:{},moreLabel:{},moreIcon:{}},setup(v){let M=v,N=k(),P=i(),F=d(()=>e(N).filter(e=>e!==`trigger`&&e!==`more-trigger`)),I=d(()=>M.moreIcon??`lucide:ellipsis`);return(e,i)=>(C(),f(o,b(v.rootProps,D(v.listeners)),{default:A(()=>[(C(!0),m(u,null,w(v.items,i=>(C(),f(s,{key:i.value,value:i.value},{default:A(()=>[i.to||i.href?(C(),f(c,b({key:0,ref_for:!0},v.getTriggerProps(i),{"as-child":``}),{default:A(()=>[_(r,b({ref_for:!0},v.linkProps,{disabled:v.getTriggerProps(i).disabled??v.linkProps?.disabled,to:i.to,href:i.href,target:i.target,external:i.external}),{default:A(({isHref:n})=>[T(e.$slots,`trigger`,{item:i},()=>[T(e.$slots,`item-leading`,{item:i},()=>[i.icon?(C(),f(t,{key:0,icon:i.icon,class:x(O(P).itemIcon)},null,8,[`icon`,`class`])):p(`v-if`,!0)]),h(`span`,null,E(i.label),1),n?T(e.$slots,`item-link-icon`,{item:i},()=>[_(t,{icon:`lucide:arrow-up-right`,class:x(O(P).itemLinkIcon)},null,8,[`class`])],void 0,0):p(`v-if`,!0),T(e.$slots,`item-trailing`,{item:i})])]),_:2},1040,[`disabled`,`to`,`href`,`target`,`external`])]),_:2},1040)):(C(),m(u,{key:1},[_(c,b({ref_for:!0},v.getTriggerProps(i)),{default:A(()=>[T(e.$slots,`trigger`,{item:i},()=>[T(e.$slots,`item-leading`,{item:i},()=>[i.icon?(C(),f(t,{key:0,icon:i.icon,class:x(O(P).itemIcon)},null,8,[`icon`,`class`])):p(`v-if`,!0)]),h(`span`,null,E(i.label),1),T(e.$slots,`item-trailing`,{item:i})])]),_:2},1040),_(O(n),b({ref_for:!0},v.portalProps),{default:A(()=>[_(l,b({ref_for:!0},v.contentProps),{default:A(()=>[_(O(a),b({ref_for:!0},v.optionsProps,{items:i.children??[]}),g({_:2},[w(F.value,t=>({name:t,fn:A(n=>[T(e.$slots,t,b({ref_for:!0},n))])}))]),1040,[`items`])]),_:2},1040)]),_:2},1040)],64))]),_:2},1032,[`value`]))),128)),v.moreItems.length?(C(),f(s,{key:0},{default:A(()=>[_(c,S(y(v.moreTriggerProps)),{default:A(()=>[T(e.$slots,`more-trigger`,{},()=>[I.value?(C(),f(t,{key:0,icon:I.value,class:x(O(P).itemIcon)},null,8,[`icon`,`class`])):p(`v-if`,!0),v.moreLabel?(C(),m(`span`,j,E(v.moreLabel),1)):p(`v-if`,!0)])]),_:3},16),_(O(n),S(y(v.portalProps)),{default:A(()=>[_(l,S(y(v.contentProps)),{default:A(()=>[_(O(a),b(v.optionsProps,{items:v.moreItems}),g({_:2},[w(F.value,t=>({name:t,fn:A(n=>[T(e.$slots,t,S(y(n)))])}))]),1040,[`items`])]),_:3},16)]),_:3},16)]),_:3})):p(`v-if`,!0)]),_:3},16))}});export{M as default};

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

@@ -1 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import{useOmitProps as r}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as i}from"../primitive/primitive.js";import"../primitive/index.js";import a from"../roving-focus/roving-focus-group.js";import"../roving-focus/index.js";import{provideMenubarCollectionContext as o,provideMenubarRootContext as s,useMenubarUi as c}from"./context.js";import{createBlock as l,createVNode as u,defineComponent as d,mergeProps as f,openBlock as p,renderSlot as m,shallowRef as h,unref as g,withCtx as _}from"vue";const v=d({name:`MenubarRoot`,__name:`menubar-root`,props:{modelValue:{default:void 0},defaultValue:{},dir:{},loop:{type:Boolean,default:!1},trigger:{default:`click`},delayDuration:{default:150},skipDelayDuration:{default:300},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(d,{emit:v}){let y=d,b=v,x=c(`root`),S=r(y,[`class`,`modelValue`,`defaultValue`,`dir`,`loop`,`trigger`,`delayDuration`,`skipDelayDuration`]),C=t(()=>y.modelValue,e=>{b(`update:modelValue`,e)},y.defaultValue??``),w=h(null);s({modelValue:C,currentTabStopId:w,...e(y,[`dir`,`loop`,`trigger`,`delayDuration`,`skipDelayDuration`])});let{onContainerElementChange:T}=o(),[E,D]=n(T);return(e,t)=>(p(),l(g(a),{"current-tab-stop-id":w.value,"onUpdate:currentTabStopId":t[0]||(t[0]=e=>w.value=e),"as-child":``,orientation:`horizontal`,dir:d.dir,loop:d.loop},{default:_(()=>[u(g(i),f(g(S),{ref:g(D),as:d.as,"as-child":d.asChild,"data-soybean-menubar-root":``,class:g(x),role:`menubar`,dir:d.dir}),{default:_(()=>[m(e.$slots,`default`,{modelValue:g(C)})]),_:3},16,[`as`,`as-child`,`class`,`dir`])]),_:3},8,[`current-tab-stop-id`,`dir`,`loop`]))}});export{v as default};
+import{toContext as e}from"../../shared/vue.js";import{useDirection as t}from"../config-provider/context.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import{useForwardElement as r}from"../../composables/use-forward-element.js";import{useOmitProps as i}from"../../composables/use-props.js";import{useRovingFocusGroup as a}from"../../composables/use-roving-focus.js";import{Primitive as o}from"../primitive/primitive.js";import{providePopperDelayGroup as s}from"../popper/context.js";import{provideMenubarCollectionContext as c,provideMenubarRootContext as l,useMenubarUi as u}from"./context.js";import{computed as d,createBlock as f,defineComponent as p,mergeProps as m,openBlock as h,renderSlot as g,shallowRef as _,unref as v,withCtx as y}from"vue";const b=p({name:`MenubarRoot`,__name:`menubar-root`,props:{modelValue:{default:void 0},defaultValue:{},dir:{},loop:{type:Boolean,default:!1},trigger:{default:`click`},delayDuration:{default:150},skipDelayDuration:{default:300},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(p,{emit:b}){let x=p,S=b,C=u(`root`),w=i(x,[`class`,`modelValue`,`defaultValue`,`dir`,`loop`,`trigger`,`delayDuration`,`skipDelayDuration`]),T=n(()=>x.modelValue,e=>{S(`update:modelValue`,e)},x.defaultValue??``),E=_(null),D=t(()=>x.dir);s({skipDelayDuration:d(()=>x.skipDelayDuration)}),l({modelValue:T,currentTabStopId:E,...e(x,[`dir`,`loop`,`trigger`,`delayDuration`,`skipDelayDuration`])});let{onContainerElementChange:O}=c(),{setContainerElement:k,groupProps:A}=a({orientation:d(()=>`horizontal`),dir:D,loop:d(()=>x.loop??!1),currentTabStopId:d(()=>E.value),onUpdateCurrentTabStopId:e=>{E.value=e??null},defaultCurrentTabStopId:d(()=>``),preventScrollOnEntryFocus:d(()=>!1)}),[j,M]=r(O);function N(e){k(e),M(e)}let P=d(()=>({...w.value,...A.value}));return(e,t)=>(h(),f(v(o),m(P.value,{ref:N,as:p.as,"as-child":p.asChild,"data-soybean-menubar-root":``,class:v(C),role:`menubar`,dir:v(D)}),{default:y(()=>[g(e.$slots,`default`,{modelValue:v(T)})]),_:3},16,[`as`,`as-child`,`class`,`dir`]))}});export{b as default};

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

@@ -3,11 +3,11 @@ import { MenubarRootProps, MenubarTriggerType } from "./types.js";
 import "../../index.js";
 //#region src/components/menubar/menubar-root.vue.d.ts
 type __VLS_Props = MenubarRootProps;
-declare var __VLS_14: {
+declare var __VLS_8: {
   modelValue: DefinedValue;
 };
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_14) => any;
+  default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   "update:modelValue": (value: DefinedValue) => any;
@@ -15,10 +15,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
   "onUpdate:modelValue"?: ((value: DefinedValue) => any) | undefined;
 }>, {
   modelValue: DefinedValue;
-  loop: boolean;
   delayDuration: number;
   skipDelayDuration: number;
   trigger: MenubarTriggerType;
+  loop: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -1 +1 @@
-import{wrapArray as e}from"../../shared/object.js";import"../../shared/index.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import"../../composables/index.js";import n from"../menu/menu-sub-content.js";import"../menu/index.js";import{useMenubarCollectionContext as r,useMenubarMenuContext as i,useMenubarRootContext as a}from"./context.js";import{createBlock as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,toHandlers as d,unref as f,withCtx as p}from"vue";const m=s({name:`MenubarSubContent`,__name:`menubar-sub-content`,props:{popupProps:{},placement:{},sideOffset:{},sideFlip:{type:Boolean},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{},forceMount:{type:Boolean},loop:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(s,{emit:m}){let h=s,g=t(m),{dir:_,loop:v,onMenuOpen:y}=a(`MenubarSubContent`),{value:b}=i(`MenubarSubContent`),{getOrderedItems:x}=r(`MenubarSubContent`),S=t=>{let n=t.target,r=_.value===`rtl`?`ArrowLeft`:`ArrowRight`;if(t.key!==r||n.hasAttribute(`data-soybean-menubar-sub-trigger`))return;let i=x().map(e=>e.data.value),a=i.findIndex(e=>e===b.value),o=(v.value?e(i,a+1):i.slice(a+1))[0];o&&y(o)};return(e,t)=>(l(),o(f(n),c(h,{"data-soybean-menubar-sub-content":``},d(f(g)),{onKeydown:S}),{default:p(()=>[u(e.$slots,`default`)]),_:3},16))}});export{m as default};
+import{wrapArray as e}from"../../shared/object.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import n from"../menu/menu-sub-content.js";import{useMenubarCollectionContext as r,useMenubarMenuContext as i,useMenubarRootContext as a}from"./context.js";import{createBlock as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,toHandlers as d,unref as f,withCtx as p}from"vue";const m=s({name:`MenubarSubContent`,__name:`menubar-sub-content`,props:{popupProps:{},placement:{},sideOffset:{},sideFlip:{type:Boolean},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{},trapFocus:{type:Boolean},disableHoverableContent:{type:Boolean},onGracePointerExit:{type:Function},forceMount:{type:Boolean},loop:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(s,{emit:m}){let h=s,g=t(m),{dir:_,loop:v,onMenuOpen:y}=a(`MenubarSubContent`),{value:b}=i(`MenubarSubContent`),{getOrderedItems:x}=r(`MenubarSubContent`),S=t=>{let n=t.target,r=_.value===`rtl`?`ArrowLeft`:`ArrowRight`;if(t.key!==r||n.hasAttribute(`data-soybean-menubar-sub-trigger`))return;let i=x().map(e=>e.data.value),a=i.findIndex(e=>e===b.value),o=(v.value?e(i,a+1):i.slice(a+1))[0];o&&y(o)};return(e,t)=>(l(),o(f(n),c(h,{"data-soybean-menubar-sub-content":``},d(f(g)),{onKeydown:S}),{default:p(()=>[u(e.$slots,`default`)]),_:3},16))}});export{m as default};