@soybeanjs/headless 0.17.0 → 0.19.0

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

@@ -1,7 +1,9 @@
-import { IconValue } from "../_icon/types.js";
 import { AcceptableBooleanValue, CheckedState, DefinedValue, Direction, UiClass } from "../../types/common.js";
 import { DismissableLayerEmits, FocusScopeEmits, ForceMountProps } from "../../types/component.js";
-import { PrimitiveProps } from "../primitive/types.js";
+import { BaseProps } from "../../types/vue.js";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
+import { ButtonProps } from "../button/types.js";
+import { IconValue } from "../_icon/types.js";
 import { LinkBaseProps, LinkProps } from "../link/types.js";
 import { PopperPopupProps, PopperPositionerProps } from "../popper/types.js";
 import { PortalProps } from "../portal/types.js";
@@ -9,11 +11,11 @@ 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 { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+import { ComputedRef, ShallowRef } from "vue";
 
 //#region src/components/menu/types.d.ts
 /**
- * Props for the menu root component.
+ * Properties for the MenuRoot component.
  */
 interface MenuRootProps extends DialogBaseProps {
   /**
@@ -24,65 +26,62 @@ interface MenuRootProps extends DialogBaseProps {
   dir?: Direction;
 }
 /**
- * Emits for the menu root component.
+ * Events for the MenuRoot component.
  */
 type MenuRootEmits = DialogRootEmits;
 /**
- * Props for the menu popup component.
+ * Properties for the MenuPopup component.
  */
 interface MenuPopupProps extends PopperPopupProps {}
 /**
- * Emits for the menu content impl component.
+ * Events for the MenuContentImpl component.
  */
 type MenuContentImplEmits = DismissableLayerEmits & FocusScopeEmits & Pick<RovingFocusGroupEmits, 'entryFocus'>;
 /**
- * Props for the menu content component.
+ * Properties for the MenuContent component.
  */
 interface MenuContentProps extends PopperPositionerProps, ForceMountProps, Pick<RovingFocusGroupProps, 'loop'> {
   /**
-   * Props forwarded to the popup element.
+   * Properties forwarded to the popup element.
    */
   popupProps?: MenuPopupProps;
 }
 /**
- * Emits for the menu content component.
+ * Events for the MenuContent component.
  */
 type MenuContentEmits = MenuContentImplEmits;
 /**
- * Props for the menu trigger component.
+ * Properties for the MenuTrigger component.
  */
-interface MenuTriggerProps extends PrimitiveProps, /** @vue-ignore */ButtonHTMLAttributes {
-  /** When `true`, the menu would not open when triggered. */
-  disabled?: boolean;
-}
+interface MenuTriggerProps extends ButtonProps {}
 /**
- * Props for the menu sub component.
+ * Properties for the MenuSub component.
  */
 interface MenuSubProps extends Pick<MenuRootProps, 'open' | 'defaultOpen'> {}
 /**
- * Emits for the menu sub component.
+ * Events for the MenuSub component.
  */
 type MenuSubEmits = MenuRootEmits;
 /**
- * Props for the menu sub content component.
+ * Properties for the MenuSubContent component.
  */
 interface MenuSubContentProps extends Omit<MenuContentProps, 'side' | 'align'> {}
 /**
- * Emits for the menu sub content component.
+ * Events for the MenuSubContent component.
  */
 type MenuSubContentEmits = MenuContentEmits;
 /**
- * Props for the menu group component.
+ * Properties for the MenuGroup component.
  */
-interface MenuGroupProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'dir' | 'onSelect'> {}
+interface MenuGroupProps extends Omit<PrimitiveWithBaseProps, 'dir' | 'onSelect'> {}
 /**
- * Props for the menu group label component.
+ * Properties for the MenuGroupLabel component.
  */
-interface MenuGroupLabelProps extends /** @vue-ignore */HTMLAttributes {}
+interface MenuGroupLabelProps extends BaseProps {}
 /**
- * Props for the menu item impl component.
+ * Properties for the MenuItemImpl component.
  */
-interface MenuItemImplProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+interface MenuItemImplProps extends PrimitiveWithBaseProps {
   /** When `true`, prevents the user from interacting with the item. */
   disabled?: boolean;
   /**
@@ -92,11 +91,11 @@ interface MenuItemImplProps extends PrimitiveProps, /** @vue-ignore */HTMLAttrib
   textValue?: string;
 }
 /**
- * Props for the menu item component.
+ * Properties for the MenuItem component.
  */
 interface MenuItemProps extends MenuItemImplProps {}
 /**
- * Emits for the menu item component.
+ * Events for the MenuItem component.
  */
 type MenuItemEmits = {
   /**
@@ -106,7 +105,7 @@ type MenuItemEmits = {
   select: [event: Event];
 };
 /**
- * Props for the menu checkbox item component.
+ * Properties for the MenuCheckboxItem component.
  */
 interface MenuCheckboxItemProps extends MenuItemImplProps {
   /** The controlled checked state of the item. Can be used as `v-model`. */
@@ -119,13 +118,13 @@ interface MenuCheckboxItemProps extends MenuItemImplProps {
   value?: DefinedValue;
 }
 /**
- * Emits for the menu checkbox item component.
+ * Events for the MenuCheckboxItem component.
  */
 type MenuCheckboxItemEmits = MenuItemEmits & {
   /** Event handler called when the checked state of the item changes. */'update:modelValue': [value: CheckedState];
 };
 /**
- * Props for the menu checkbox group component.
+ * Properties for the MenuCheckboxGroup component.
  */
 interface MenuCheckboxGroupProps<T extends DefinedValue = DefinedValue> extends MenuGroupProps {
   /** The controlled value of the checkbox. Can be bound with v-model. */
@@ -140,24 +139,24 @@ interface MenuCheckboxGroupProps<T extends DefinedValue = DefinedValue> extends
   disabled?: boolean;
 }
 /**
- * Emits for the menu checkbox group component.
+ * Events for the MenuCheckboxGroup component.
  */
 type MenuCheckboxGroupEmits<T extends DefinedValue = DefinedValue> = {
   /** Event handler called when the value of the checkbox group changes. */'update:modelValue': [value: T[]];
 };
 /**
- * Props for the menu radio item component.
+ * Properties for the MenuRadioItem component.
  */
 interface MenuRadioItemProps extends MenuItemImplProps {
   /** The value given as data when submitted with a `name`. */
   value: NonNullable<AcceptableBooleanValue>;
 }
 /**
- * Emits for the menu radio item component.
+ * Events for the MenuRadioItem component.
  */
 type MenuRadioItemEmits = MenuItemEmits;
 /**
- * Props for the menu radio group component.
+ * Properties for the MenuRadioGroup component.
  */
 interface MenuRadioGroupProps<T = AcceptableBooleanValue> extends MenuGroupProps {
   /** The controlled value of the radio item to check. Can be bound as `v-model`. */
@@ -171,21 +170,21 @@ interface MenuRadioGroupProps<T = AcceptableBooleanValue> extends MenuGroupProps
   disabled?: boolean;
 }
 /**
- * Emits for the menu radio group component.
+ * Events for the MenuRadioGroup component.
  */
 type MenuRadioGroupEmits<T = AcceptableBooleanValue> = {
-  /** Event handler called when the radio group value changes */'update:modelValue': [payload: NonNullable<T>];
+  /** Event handler called when the radio group value changes */'update:modelValue': [payload: Exclude<T, undefined>];
 };
 /**
- * Props for the menu sub trigger component.
+ * Properties for the MenuSubTrigger component.
  */
 interface MenuSubTriggerProps extends MenuItemImplProps {}
 /**
- * Props for the menu item indicator component.
+ * Properties for the MenuItemIndicator component.
  */
-interface MenuItemIndicatorProps extends PrimitiveProps, ForceMountProps, /** @vue-ignore */HTMLAttributes {}
+interface MenuItemIndicatorProps extends ForceMountProps, PrimitiveWithBaseProps {}
 /**
- * Option data for the menu component.
+ * Option data for the Menu component.
  */
 interface MenuOptionData<T extends DefinedValue = DefinedValue> extends Pick<MenuItemProps, 'disabled' | 'textValue'>, LinkBaseProps {
   /** The label to display in the menu. */
@@ -204,11 +203,11 @@ interface MenuOptionData<T extends DefinedValue = DefinedValue> extends Pick<Men
   children?: MenuOptionData<T>[];
 }
 /**
- * Props for the menu shortcut component.
+ * Properties for the MenuShortcut component.
  */
 interface MenuShortcutProps extends Omit<KbdProps, 'value'> {}
 /**
- * Props for the menu option compact component.
+ * Properties for the MenuOptionCompact component.
  */
 interface MenuOptionCompactProps<T extends DefinedValue = DefinedValue> {
   /**
@@ -216,48 +215,48 @@ interface MenuOptionCompactProps<T extends DefinedValue = DefinedValue> {
    */
   item: MenuOptionData<T>;
   /**
-   * Props forwarded to the item element.
+   * Properties forwarded to the item element.
    */
   itemProps?: MenuItemProps;
   /**
-   * Props forwarded to the link element.
+   * Properties forwarded to the link element.
    */
   linkProps?: LinkProps;
   /**
-   * Props forwarded to the group element.
+   * Properties forwarded to the group element.
    */
   groupProps?: MenuGroupProps;
   /**
-   * Props forwarded to the group label element.
+   * Properties forwarded to the group label element.
    */
   groupLabelProps?: MenuGroupLabelProps;
   /**
-   * Props forwarded to the sub element.
+   * Properties forwarded to the sub element.
    */
   subProps?: MenuSubProps;
   /**
-   * Props forwarded to the sub trigger element.
+   * Properties forwarded to the sub trigger element.
    */
   subTriggerProps?: MenuSubTriggerProps;
   /**
-   * Props forwarded to the portal element.
+   * Properties forwarded to the portal element.
    */
   portalProps?: PortalProps;
   /**
-   * Props forwarded to the sub content element.
+   * Properties forwarded to the sub content element.
    */
   subContentProps?: MenuSubContentProps;
   /**
-   * Props forwarded to the separator element.
+   * Properties forwarded to the separator element.
    */
   separatorProps?: SeparatorRootProps;
   /**
-   * Props forwarded to the shortcut element.
+   * Properties forwarded to the shortcut element.
    */
   shortcutProps?: MenuShortcutProps;
 }
 /**
- * Emits for the menu option compact select component.
+ * Events for the MenuOptionCompactSelect component.
  */
 type MenuOptionCompactSelectEmits<T extends DefinedValue = DefinedValue> = {
   /**
@@ -266,11 +265,11 @@ type MenuOptionCompactSelectEmits<T extends DefinedValue = DefinedValue> = {
   select: [item: MenuOptionData<T>, event: Event];
 };
 /**
- * Emits for the menu option compact component.
+ * Events for the MenuOptionCompact component.
  */
 type MenuOptionCompactEmits<T extends DefinedValue = DefinedValue> = MenuSubEmits & MenuSubContentEmits & MenuOptionCompactSelectEmits<T>;
 /**
- * Slots for the menu option compact component.
+ * Slots for the MenuOptionCompact component.
  */
 type MenuOptionCompactSlots<T extends DefinedValue = DefinedValue> = {
   /**
@@ -306,7 +305,7 @@ type MenuOptionCompactSlots<T extends DefinedValue = DefinedValue> = {
   }) => any;
 };
 /**
- * Props for the menu options compact component.
+ * Properties for the MenuOptionsCompact component.
  */
 interface MenuOptionsCompactProps<T extends DefinedValue = DefinedValue> extends Omit<MenuOptionCompactProps<T>, 'item'> {
   /**
@@ -317,19 +316,19 @@ interface MenuOptionsCompactProps<T extends DefinedValue = DefinedValue> extends
   activeValue?: T;
 }
 /**
- * Emits for the menu options compact component.
+ * Events for the MenuOptionsCompact component.
  */
 type MenuOptionsCompactEmits<T extends DefinedValue = DefinedValue> = MenuOptionCompactEmits<T>;
 /**
- * Slots for the menu options compact component.
+ * Slots for the MenuOptionsCompact component.
  */
 type MenuOptionsCompactSlots<T extends DefinedValue = DefinedValue> = MenuOptionCompactSlots<T>;
 /**
- * Option data for the menu checkbox component.
+ * Option data for the MenuCheckbox component.
  */
 interface MenuCheckboxOptionData<T extends DefinedValue = DefinedValue> extends Omit<MenuOptionData<T>, 'children'> {}
 /**
- * Props for the menu checkbox options compact component.
+ * Properties for the MenuCheckboxOptionsCompact component.
  */
 interface MenuCheckboxOptionsCompactProps<T extends DefinedValue = DefinedValue> extends MenuCheckboxGroupProps<T> {
   /**
@@ -337,28 +336,28 @@ interface MenuCheckboxOptionsCompactProps<T extends DefinedValue = DefinedValue>
    */
   items: MenuCheckboxOptionData<T>[];
   /**
-   * Props forwarded to the group label element.
+   * Properties forwarded to the group label element.
    */
   groupLabelProps?: MenuGroupLabelProps;
   /**
-   * Props forwarded to the checkbox item element.
+   * Properties forwarded to the checkbox item element.
    */
   checkboxItemProps?: MenuCheckboxItemProps;
   /**
-   * Props forwarded to the indicator element.
+   * Properties forwarded to the indicator element.
    */
   indicatorProps?: MenuItemIndicatorProps;
   /**
-   * Props forwarded to the shortcut element.
+   * Properties forwarded to the shortcut element.
    */
   shortcutProps?: MenuShortcutProps;
   /**
-   * Props forwarded to the separator element.
+   * Properties forwarded to the separator element.
    */
   separatorProps?: SeparatorRootProps;
 }
 /**
- * Emits for the menu checkbox options compact select component.
+ * Events for the MenuCheckboxOptionsCompactSelect component.
  */
 type MenuCheckboxOptionsCompactSelectEmits<T extends DefinedValue = DefinedValue> = {
   /**
@@ -367,11 +366,11 @@ type MenuCheckboxOptionsCompactSelectEmits<T extends DefinedValue = DefinedValue
   select: [item: MenuCheckboxOptionData<T>, event: Event];
 };
 /**
- * Emits for the menu checkbox options compact component.
+ * Events for the MenuCheckboxOptionsCompact component.
  */
 type MenuCheckboxOptionsCompactEmits<T extends DefinedValue = DefinedValue> = MenuCheckboxGroupEmits<T> & MenuCheckboxOptionsCompactSelectEmits<T>;
 /**
- * Slots for the menu checkbox options compact component.
+ * Slots for the MenuCheckboxOptionsCompact component.
  */
 type MenuCheckboxOptionsCompactSlots<T extends DefinedValue = DefinedValue> = {
   /**
@@ -392,7 +391,7 @@ type MenuCheckboxOptionsCompactSlots<T extends DefinedValue = DefinedValue> = {
   'item-indicator-icon'?: (props: MenuCheckboxOptionData<T>) => any;
 };
 /**
- * Option data for the menu radio component.
+ * Option data for the MenuRadio component.
  */
 interface MenuRadioOptionData<T extends AcceptableBooleanValue = AcceptableBooleanValue> extends Pick<MenuItemProps, 'disabled' | 'textValue'>, LinkBaseProps {
   /** The label to display in the menu. */
@@ -409,7 +408,7 @@ interface MenuRadioOptionData<T extends AcceptableBooleanValue = AcceptableBoole
   shortcut?: KbdValue | KbdValue[];
 }
 /**
- * Props for the menu radio options compact component.
+ * Properties for the MenuRadioOptionsCompact component.
  */
 interface MenuRadioOptionsCompactProps<T extends AcceptableBooleanValue = AcceptableBooleanValue> extends MenuRadioGroupProps<T> {
   /**
@@ -417,28 +416,28 @@ interface MenuRadioOptionsCompactProps<T extends AcceptableBooleanValue = Accept
    */
   items: MenuRadioOptionData<T>[];
   /**
-   * Props forwarded to the group label element.
+   * Properties forwarded to the group label element.
    */
   groupLabelProps?: MenuGroupLabelProps;
   /**
-   * Props forwarded to the radio item element.
+   * Properties forwarded to the radio item element.
    */
   radioItemProps?: MenuRadioItemProps;
   /**
-   * Props forwarded to the indicator element.
+   * Properties forwarded to the indicator element.
    */
   indicatorProps?: MenuItemIndicatorProps;
   /**
-   * Props forwarded to the shortcut element.
+   * Properties forwarded to the shortcut element.
    */
   shortcutProps?: MenuShortcutProps;
   /**
-   * Props forwarded to the separator element.
+   * Properties forwarded to the separator element.
    */
   separatorProps?: SeparatorRootProps;
 }
 /**
- * Emits for the menu radio options compact select component.
+ * Events for the MenuRadioOptionsCompactSelect component.
  */
 type MenuRadioOptionsCompactSelectEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue> = {
   /**
@@ -447,11 +446,11 @@ type MenuRadioOptionsCompactSelectEmits<T extends AcceptableBooleanValue = Accep
   select: [item: MenuRadioOptionData<T>, event: Event];
 };
 /**
- * Emits for the menu radio options compact component.
+ * Events for the MenuRadioOptionsCompact component.
  */
 type MenuRadioOptionsCompactEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue> = MenuRadioGroupEmits<T> & MenuRadioOptionsCompactSelectEmits<T>;
 /**
- * Slots for the menu radio options compact component.
+ * Slots for the MenuRadioOptionsCompact component.
  */
 type MenuRadioOptionsCompactSlots<T extends AcceptableBooleanValue = AcceptableBooleanValue> = {
   /**
@@ -472,11 +471,11 @@ type MenuRadioOptionsCompactSlots<T extends AcceptableBooleanValue = AcceptableB
   'item-indicator-icon'?: (props: MenuRadioOptionData<T>) => any;
 };
 /**
- * Available UI slots for the menu component.
+ * Available UI slots for the Menu component.
  */
 type MenuUiSlot = 'positioner' | 'popup' | 'arrow' | 'subPositioner' | 'subPopup' | 'subTrigger' | 'group' | 'groupLabel' | 'item' | 'itemIcon' | 'itemLink' | 'itemLinkIcon' | 'checkboxGroup' | 'checkboxItem' | 'radioGroup' | 'radioItem' | 'itemIndicator' | 'subTriggerIcon' | 'shortcut' | 'separator';
 /**
- * UI class overrides for the menu component.
+ * UI class overrides for the Menu component.
  */
 type MenuUi = UiClass<MenuUiSlot>;
 //#endregion

package/dist/components/menubar/context.js

@@ -1 +1 @@
-import{useContext as e}from"../../composables/use-context.js";import{useCollection as t}from"../../composables/use-collection.js";import{useUiContext as n}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{useDirection as r}from"../config-provider/context.js";import{provideMenuUi as i}from"../menu/context.js";import{shallowRef as a}from"vue";const{provideCollectionContext:o,useCollectionContext:s,useCollectionItem:c}=t(`Menubar`),[l,u]=e(`MenubarRoot`,e=>{let{modelValue:t,currentTabStopId:n}=e,i=r(e.dir),o=a(!1),s=e=>{o.value=!1,t.value=e,n.value=String(e)},c=()=>{o.value=!1,t.value=``},l=e=>{o.value=!1,t.value=t.value?``:e,n.value=String(e)},u=()=>{o.value=!0,t.value=``};return{...e,dir:i,isLinkTriggerHovered:o,onMenuOpen:s,onMenuClose:c,onMenuToggle:l,setTriggerLink:u}}),[d,f]=e(`MenubarMenu`,e=>e),[p,m]=n(`MenubarUi`,e=>(i(e),e));export{o as provideMenubarCollectionContext,d as provideMenubarMenuContext,l as provideMenubarRootContext,p as provideMenubarUi,s as useMenubarCollectionContext,c as useMenubarCollectionItem,f as useMenubarMenuContext,u as useMenubarRootContext,m 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"../../composables/index.js";import{provideMenuUi as i}from"../menu/context.js";import{shallowRef as a}from"vue";const{provideCollectionContext:o,useCollectionContext:s,useCollectionItem:c}=n(`Menubar`),[l,u]=e(`MenubarRoot`,e=>{let{modelValue:n,currentTabStopId:r}=e,i=t(e.dir),o=a(!1),s=e=>{o.value=!1,n.value=e,r.value=String(e)},c=()=>{o.value=!1,n.value=``},l=e=>{o.value=!1,n.value=n.value?``:e,r.value=String(e)},u=()=>{o.value=!0,n.value=``};return{...e,dir:i,isLinkTriggerHovered:o,onMenuOpen:s,onMenuClose:c,onMenuToggle:l,setTriggerLink:u}}),[d,f]=e(`MenubarMenu`,e=>e),[p,m]=r(`MenubarUi`,e=>(i(e),e));export{o as provideMenubarCollectionContext,d as provideMenubarMenuContext,l as provideMenubarRootContext,p as provideMenubarUi,s as useMenubarCollectionContext,c as useMenubarCollectionItem,f as useMenubarMenuContext,u as useMenubarRootContext,m as useMenubarUi};

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

@@ -8,8 +8,8 @@ import * as _$vue from "vue";
 declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: _$vue.PublicProps & __VLS_PrettifyLocal<MenubarCompactProps<T> & {
     onSelect?: ((item: MenuOptionData<T>, event: Event) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: T) => 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;
@@ -23,7 +23,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   expose: (exposed: {}) => void;
   attrs: any;
   slots: MenubarCompactSlots<T>;
-  emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", value: T) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "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);
+  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);
 }>) => _$vue.VNode & {
   __ctx?: 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"../../composables/index.js";import n from"../menu/menu-content.js";import"../menu/index.js";import{useMenubarCollectionContext as r,useMenubarMenuContext as i,useMenubarRootContext as a}from"./context.js";import{isTriggerLink as o}from"./shared.js";import{createBlock as s,defineComponent as c,mergeProps as l,openBlock as u,renderSlot as d,shallowRef as f,toHandlers as p,unref as m,withCtx as h,withKeys as g}from"vue";const _=c({name:`MenubarContent`,__name:`menubar-content`,props:{popupProps:{},placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{default:`start`},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(c,{emit:_}){let v=c,y=t(_),{dir:b,loop:x,modelValue:S,onMenuOpen:C,setTriggerLink:w}=a(`MenubarContent`),{value:T,triggerId:E,contentId:D,triggerElement:O,wasKeyboardTriggerOpen:k}=i(`MenubarContent`),{getOrderedItems:A}=r(`MenubarContent`),j=f(!1),M=e=>{!S.value&&!j.value&&O.value?.focus(),j.value=!1,e.preventDefault()},N=e=>{let t=e.target;A().some(e=>e.element.contains(t))&&e.preventDefault()},P=()=>{j.value=!0},F=e=>{k.value||e.preventDefault()},I=t=>{let n=t.target.hasAttribute(`data-soybean-menubar-subtrigger`),r=b.value===`rtl`?`ArrowRight`:`ArrowLeft`,i=t.key===r;if(!i&&n)return;let a=A(),s=a.map(e=>e.data.value);i&&s.reverse();let c=s.findIndex(e=>e===T.value),l=(x.value?e(s,c+1):s.slice(c+1))[0],u=a.find(e=>e.data.value===l);!l||!u||(o(u.element)?(w(),u.element.focus()):C(l))};return(e,t)=>(u(),s(m(n),l(v,{id:m(D),"aria-labelledby":m(E),"data-slot":`content`},p(m(y)),{onCloseAutoFocus:M,onFocusOutside:N,onInteractOutside:P,onEntryFocus:F,onKeydown:g(I,[`arrow-right`,`arrow-left`])}),{default:h(()=>[d(e.$slots,`default`)]),_:3},16,[`id`,`aria-labelledby`]))}});export{_ as default};
+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-content.js";import"../menu/index.js";import{useMenubarCollectionContext as r,useMenubarMenuContext as i,useMenubarRootContext as a}from"./context.js";import{isTriggerLink as o}from"./shared.js";import{createBlock as s,defineComponent as c,mergeProps as l,openBlock as u,renderSlot as d,shallowRef as f,toHandlers as p,unref as m,withCtx as h,withKeys as g}from"vue";const _=c({name:`MenubarContent`,__name:`menubar-content`,props:{popupProps:{},placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{default:`start`},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(c,{emit:_}){let v=c,y=t(_),{dir:b,loop:x,modelValue:S,onMenuOpen:C,setTriggerLink:w}=a(`MenubarContent`),{value:T,triggerId:E,contentId:D,triggerElement:O,wasKeyboardTriggerOpen:k}=i(`MenubarContent`),{getOrderedItems:A}=r(`MenubarContent`),j=f(!1),M=e=>{!S.value&&!j.value&&O.value?.focus(),j.value=!1,e.preventDefault()},N=e=>{let t=e.target;A().some(e=>e.element.contains(t))&&e.preventDefault()},P=()=>{j.value=!0},F=e=>{k.value||e.preventDefault()},I=t=>{let n=t.target.hasAttribute(`data-soybean-menubar-sub-trigger`),r=b.value===`rtl`?`ArrowRight`:`ArrowLeft`,i=t.key===r;if(!i&&n)return;let a=A(),s=a.map(e=>e.data.value);i&&s.reverse();let c=s.findIndex(e=>e===T.value),l=(x.value?e(s,c+1):s.slice(c+1))[0],u=a.find(e=>e.data.value===l);!l||!u||(o(u.element)?(w(),u.element.focus()):C(l))};return(e,t)=>(u(),s(m(n),l(v,{id:m(D),"data-soybean-menubar-content":``,"aria-labelledby":m(E)},p(m(y)),{onCloseAutoFocus:M,onFocusOutside:N,onInteractOutside:P,onEntryFocus:F,onKeydown:g(I,[`arrow-right`,`arrow-left`])}),{default:h(()=>[d(e.$slots,`default`)]),_:3},16,[`id`,`aria-labelledby`]))}});export{_ as default};

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-subtrigger`))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-subtrigger":``})),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"../../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};

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{computed as l,createBlock as u,createVNode as d,defineComponent as f,mergeProps as p,openBlock as m,renderSlot as h,shallowRef as g,unref as _,withCtx as v}from"vue";const y=f({name:`MenubarRoot`,__name:`menubar-root`,props:{modelValue:{default:void 0},defaultValue:{},dir:{},loop:{type:Boolean,default:!1},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(f,{emit:y}){let b=f,x=y,S=c(`root`),C=r(b,[`class`,`modelValue`,`defaultValue`,`dir`,`loop`]),w=l(()=>[S.value,b.class]),T=t(()=>b.modelValue,e=>{x(`update:modelValue`,e??``)},b.defaultValue??``),E=g(null);s({modelValue:T,currentTabStopId:E,...e(b,[`dir`,`loop`])});let{onContainerElementChange:D}=o(),[O,k]=n(D);return(e,t)=>(m(),u(_(a),{"current-tab-stop-id":E.value,"onUpdate:currentTabStopId":t[0]||(t[0]=e=>E.value=e),"as-child":``,orientation:`horizontal`,dir:f.dir,loop:f.loop},{default:v(()=>[d(_(i),p(_(C),{ref:_(k),as:f.as,"as-child":f.asChild,class:w.value,role:`menubar`,dir:f.dir,"data-slot":`root`}),{default:v(()=>[h(e.$slots,`default`,{modelValue:_(T)})]),_:3},16,[`as`,`as-child`,`class`,`dir`])]),_:3},8,[`current-tab-stop-id`,`dir`,`loop`]))}});export{y as default};
+import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import{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{computed as l,createBlock as u,createVNode as d,defineComponent as f,mergeProps as p,openBlock as m,renderSlot as h,shallowRef as g,unref as _,withCtx as v}from"vue";const y=f({name:`MenubarRoot`,__name:`menubar-root`,props:{modelValue:{default:void 0},defaultValue:{},dir:{},loop:{type:Boolean,default:!1},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(f,{emit:y}){let b=f,x=y,S=c(`root`),C=r(b,[`class`,`modelValue`,`defaultValue`,`dir`,`loop`]),w=l(()=>[S.value,b.class]),T=t(()=>b.modelValue,e=>{x(`update:modelValue`,e)},b.defaultValue??``),E=g(null);s({modelValue:T,currentTabStopId:E,...e(b,[`dir`,`loop`])});let{onContainerElementChange:D}=o(),[O,k]=n(D);return(e,t)=>(m(),u(_(a),{"current-tab-stop-id":E.value,"onUpdate:currentTabStopId":t[0]||(t[0]=e=>E.value=e),"as-child":``,orientation:`horizontal`,dir:f.dir,loop:f.loop},{default:v(()=>[d(_(i),p(_(C),{ref:_(k),as:f.as,"as-child":f.asChild,"data-soybean-menubar-root":``,class:w.value,role:`menubar`,dir:f.dir}),{default:v(()=>[h(e.$slots,`default`,{modelValue:_(T)})]),_:3},16,[`as`,`as-child`,`class`,`dir`])]),_:3},8,[`current-tab-stop-id`,`dir`,`loop`]))}});export{y as default};

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

@@ -5,7 +5,7 @@ import * as _$vue from "vue";
 //#region src/components/menubar/menubar-root.vue.d.ts
 type __VLS_Props = MenubarRootProps;
 declare var __VLS_14: {
-  modelValue: string;
+  modelValue: DefinedValue;
 };
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_14) => any;

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-subtrigger`))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-slot":`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"../../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};

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

@@ -1 +1 @@
-import e from"../menu/menu-sub-trigger.js";import"../menu/index.js";import{createBlock as t,defineComponent as n,mergeProps as r,openBlock as i,renderSlot as a,unref as o,withCtx as s}from"vue";const c=n({name:`MenubarSubTrigger`,__name:`menubar-sub-trigger`,props:{disabled:{type:Boolean},textValue:{},asChild:{type:Boolean},as:{}},setup(n){let c=n;return(n,l)=>(i(),t(o(e),r(c,{"data-slot":`sub-trigger`,"data-soybean-menubar-subtrigger":``}),{default:s(()=>[a(n.$slots,`default`)]),_:3},16))}});export{c as default};
+import e from"../menu/menu-sub-trigger.js";import"../menu/index.js";import{createBlock as t,defineComponent as n,mergeProps as r,openBlock as i,renderSlot as a,unref as o,withCtx as s}from"vue";const c=n({name:`MenubarSubTrigger`,__name:`menubar-sub-trigger`,props:{disabled:{type:Boolean},textValue:{},asChild:{type:Boolean},as:{}},setup(n){let c=n;return(n,l)=>(i(),t(o(e),r(c,{"data-soybean-menubar-sub-trigger":``}),{default:s(()=>[a(n.$slots,`default`)]),_:3},16))}});export{c as default};

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

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import n from"../popper/popper-anchor.js";import r from"../roving-focus/roving-focus-item.js";import"../roving-focus/index.js";import"../menu/index.js";import{useMenubarCollectionItem as i,useMenubarMenuContext as a,useMenubarRootContext as o,useMenubarUi as s}from"./context.js";import{isTriggerLink as c}from"./shared.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 _,withKeys as v}from"vue";const y=d({name:`MenubarTrigger`,__name:`menubar-trigger`,props:{disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},setup(d){let y=d,{isLinkTriggerHovered:b,modelValue:x,onMenuOpen:S,onMenuToggle:C,setTriggerLink:w}=o(`MenubarTrigger`),{value:T,triggerId:E,contentId:D,triggerElement:O,wasKeyboardTriggerOpen:k,open:A}=a(`MenubarTrigger`),j=s(`trigger`),{itemProps:M,onItemElementChange:N}=i(()=>({value:T.value})),[P,F]=e(e=>{O.value=e,N(e)}),I=h(!1),L=()=>c(P.value),R=e=>{if(y.disabled||e.button!==0||e.ctrlKey)return;if(L()){w();return}let t=A.value;S(T.value),t||e.preventDefault()},z=()=>{!x.value&&!b.value||A.value||(L()?w():S(T.value),P.value?.focus())},B=()=>{I.value=!0},V=()=>{I.value=!1},H=e=>{y.disabled||L()||([`Enter`,` `].includes(e.key)&&C(T.value),e.key===`ArrowDown`&&S(T.value),[`Enter`,` `,`ArrowDown`].includes(e.key)&&(k.value=!0,e.preventDefault()))};return(e,i)=>(p(),l(g(r),{"as-child":``,focusable:!d.disabled,"tab-stop-id":String(g(T))},{default:_(()=>[u(g(n),{"as-child":``},{default:_(()=>[u(g(t),f(g(M),{id:g(E),ref:g(F),as:d.as,"as-child":d.asChild,class:g(j),type:d.as===`button`?`button`:void 0,role:`menuitem`,"aria-haspopup":`menu`,"aria-expanded":g(A),"aria-controls":g(A)?g(D):void 0,"data-highlighted":I.value?``:void 0,"data-state":g(A)?`open`:`closed`,"data-disabled":d.disabled?``:void 0,disabled:d.disabled,"data-value":g(T),"data-slot":`trigger`,onPointerdown:R,onPointerenter:z,onKeydown:v(H,[`enter`,`space`,`arrow-down`]),onFocus:B,onBlur:V}),{default:_(()=>[m(e.$slots,`default`)]),_:3},16,[`id`,`as`,`as-child`,`class`,`type`,`aria-expanded`,`aria-controls`,`data-highlighted`,`data-state`,`data-disabled`,`disabled`,`data-value`])]),_:3})]),_:3},8,[`focusable`,`tab-stop-id`]))}});export{y as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import t from"../button/button.js";import n from"../popper/popper-anchor.js";import r from"../roving-focus/roving-focus-item.js";import"../roving-focus/index.js";import"../menu/index.js";import{useMenubarCollectionItem as i,useMenubarMenuContext as a,useMenubarRootContext as o,useMenubarUi as s}from"./context.js";import{isTriggerLink as c}from"./shared.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 _,withKeys as v}from"vue";const y=d({name:`MenubarTrigger`,__name:`menubar-trigger`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(d){let y=d,{isLinkTriggerHovered:b,modelValue:x,onMenuOpen:S,onMenuToggle:C,setTriggerLink:w}=o(`MenubarTrigger`),{value:T,triggerId:E,contentId:D,triggerElement:O,wasKeyboardTriggerOpen:k,open:A}=a(`MenubarTrigger`),j=s(`trigger`),{onItemElementChange:M}=i(()=>({value:T.value})),[N,P]=e(e=>{O.value=e,M(e)}),F=h(!1),I=()=>c(N.value),L=e=>{if(y.disabled||e.button!==0||e.ctrlKey)return;if(I()){w();return}let t=A.value;S(T.value),t||e.preventDefault()},R=()=>{!x.value&&!b.value||A.value||(I()?w():S(T.value),N.value?.focus())},z=()=>{F.value=!0},B=()=>{F.value=!1},V=e=>{y.disabled||I()||([`Enter`,` `].includes(e.key)&&C(T.value),e.key===`ArrowDown`&&S(T.value),[`Enter`,` `,`ArrowDown`].includes(e.key)&&(k.value=!0,e.preventDefault()))};return(e,i)=>(p(),l(g(r),{"as-child":``,focusable:!d.disabled,"tab-stop-id":String(g(T))},{default:_(()=>[u(g(n),{"as-child":``},{default:_(()=>[u(t,f(y,{id:g(E),ref:g(P),"data-soybean-menubar-trigger":``,class:g(j),"aria-controls":g(A)?g(D):void 0,"aria-expanded":g(A),"aria-haspopup":`menu`,"data-highlighted":F.value?``:void 0,"data-soybean-collection-item":``,"data-state":g(A)?`open`:`closed`,"data-value":g(T),disabled:d.disabled,role:`menuitem`,onPointerdown:L,onPointerenter:R,onKeydown:v(V,[`enter`,`space`,`arrow-down`]),onFocus:z,onBlur:B}),{default:_(()=>[m(e.$slots,`default`)]),_:3},16,[`id`,`class`,`aria-controls`,`aria-expanded`,`data-highlighted`,`data-state`,`data-value`,`disabled`])]),_:3})]),_:3},8,[`focusable`,`tab-stop-id`]))}});export{y as default};

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

@@ -1,4 +1,3 @@
-import { AsTag } from "../primitive/types.js";
 import { MenubarTriggerProps } from "./types.js";
 import * as _$vue from "vue";
 
@@ -7,9 +6,7 @@ declare var __VLS_26: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_26) => any;
 };
-declare const __VLS_base: _$vue.DefineComponent<MenubarTriggerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<MenubarTriggerProps> & Readonly<{}>, {
-  as: AsTag | _$vue.Component;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<MenubarTriggerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<MenubarTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {