@soybeanjs/headless 0.29.3 → 0.30.0-beta.1

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

@@ -1,12 +1,18 @@
 import { DefinedValue, Direction, Placement, UiClass } from "../../types/common.js";
+import "../../types/index.js";
+import { IconValue } from "../_icon/types.js";
 import { PrimitiveWithBaseProps } from "../primitive/types.js";
 import { ButtonProps } from "../button/types.js";
 import { PopperArrowProps } from "../popper/types.js";
 import { PortalProps } from "../portal/types.js";
 import { MenuContentEmits, MenuContentProps, MenuOptionData, MenuOptionsCompactEmits, MenuOptionsCompactProps, MenuOptionsCompactSlots, MenuPopupProps, MenuSubContentEmits, MenuSubContentProps, MenuSubTriggerProps, MenuUiSlot } from "../menu/types.js";
+import "../menu/index.js";
 import { ComputedRef, ShallowRef } from "vue";
-
 //#region src/components/menubar/types.d.ts
+/**
+ * Supported menubar trigger values.
+ */
+type MenubarTriggerType = 'click' | 'hover';
 /**
  * Properties for the MenubarRoot component.
  */
@@ -19,6 +25,30 @@ interface MenubarRootProps<T extends DefinedValue = DefinedValue> extends Omit<P
   dir?: Direction;
   /** When `true`, keyboard navigation loops from last trigger to first and vice versa. */
   loop?: boolean;
+  /**
+   * The trigger type of the menubar.
+   *
+   * - `click`: The menu will be opened when the trigger is clicked (hovering
+   *   an open menubar still switches between menus).
+   * - `hover`: The menu will be opened when the trigger is hovered.
+   *
+   * @defaultValue 'click'
+   */
+  trigger?: MenubarTriggerType;
+  /**
+   * The duration from when the pointer enters the trigger until the menu gets
+   * opened in hover mode.
+   *
+   * @defaultValue 150
+   */
+  delayDuration?: number;
+  /**
+   * How much time a user has to enter another trigger without incurring a
+   * delay again.
+   *
+   * @defaultValue 300
+   */
+  skipDelayDuration?: number;
 }
 /**
  * Events for the MenubarRoot component.
@@ -80,6 +110,26 @@ interface MenubarCompactProps<T extends DefinedValue = DefinedValue> extends Men
    * Properties forwarded to the trigger element.
    */
   triggerProps?: MenubarTriggerProps;
+  /**
+   * When `true`, if the menubar content is wider than its container, the
+   * trailing items collapse into a trailing "more" menu so the content always
+   * fits inside the container.
+   */
+  collapsible?: boolean;
+  /**
+   * Label of the trailing "more" trigger when `collapsible`.
+   *
+   * @defaultValue undefined
+   */
+  moreLabel?: string;
+  /**
+   * Icon of the trailing "more" trigger when `collapsible`.
+   */
+  moreIcon?: IconValue;
+  /**
+   * Properties forwarded to the trailing "more" trigger.
+   */
+  moreProps?: MenubarTriggerProps;
   /**
    * Properties forwarded to the portal element.
    */
@@ -107,10 +157,17 @@ type MenubarCompactEmits<T extends DefinedValue = DefinedValue> = MenubarRootEmi
 type MenubarCompactSlots<T extends DefinedValue = DefinedValue> = MenuOptionsCompactSlots<T> & {
   /**
    * Custom content for the trigger slot.
+   *
+   * Optional: `MenubarCompact` renders full default trigger content (icon,
+   * label, link icon, trailing slot) when the consumer does not provide it.
    */
-  trigger: (data: {
+  trigger?: (data: {
     item: MenuOptionData<T>;
   }) => any;
+  /**
+   * Custom content for the trailing "more" trigger when `collapsible`.
+   */
+  'more-trigger'?: () => any;
 };
 /**
  * Available UI slots for the Menubar component.
@@ -121,4 +178,4 @@ type MenubarUiSlot = 'root' | 'trigger' | MenuUiSlot;
  */
 type MenubarUi = UiClass<MenubarUiSlot>;
 //#endregion
-export { MenubarCompactEmits, MenubarCompactProps, MenubarCompactSlots, MenubarContentEmits, MenubarContentProps, MenubarMenuProps, MenubarRootEmits, MenubarRootProps, MenubarSubContentEmits, MenubarSubContentProps, MenubarSubTriggerProps, MenubarTriggerProps, MenubarUi, MenubarUiSlot };
+export { MenubarCompactEmits, MenubarCompactProps, MenubarCompactSlots, MenubarContentEmits, MenubarContentProps, MenubarMenuProps, MenubarRootEmits, MenubarRootProps, MenubarSubContentEmits, MenubarSubContentProps, MenubarSubTriggerProps, MenubarTriggerProps, MenubarTriggerType, MenubarUi, MenubarUiSlot };

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

@@ -1,6 +1,8 @@
 import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/index.js";
 import { NavigationMenuUiSlot } from "./types.js";
+import "../../index.js";
 //#region src/components/navigation-menu/context.d.ts
 declare const provideNavigationMenuUi: (ui: import("vue").ComputedRef<Partial<UiClass<NavigationMenuUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<NavigationMenuUiSlot>>>, useNavigationMenuUi: UseUiConsumer<NavigationMenuUiSlot>;
 //#endregion

package/dist/components/navigation-menu/context.js

@@ -1 +1 @@
-import{getDisclosureState as e}from"../../shared/value.js";import{useContext as t}from"../../composables/use-context.js";import"../../shared/index.js";import{useCollection as n}from"../../composables/use-collection.js";import{useForwardElement as r}from"../../composables/use-forward-element.js";import{useUiContext as i}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{EVENT_ROOT_CONTENT_DISMISS as a}from"./shared.js";import{computed as o,shallowRef as s}from"vue";import{refAutoReset as c,useDebounceFn as l,useEventListener as u}from"@vueuse/core";const[d,f]=t(`NavigationMenuRoot`,e=>{let{modelValue:t,skipDelayDuration:n,delayDuration:i,disablePointerLeaveClose:d}=e,f=s(),p=e=>{f.value=e},[m,h]=r(),[g,_]=r(),v=s(),y=e=>{v.value=e},b=s(new Set),x=e=>{b.value.add(e)},S=e=>{b.value.delete(e)},C=o(()=>b.value.has(t.value)),w=s(``),T=c(!1,n.value),E=l(e=>{typeof e==`string`&&(w.value=t.value,t.value=e)},o(()=>t.value!==``||T.value?150:i.value)),D=e=>{E(e)},O=()=>{T.value=!0,E(``)},k=e=>{E(e)},A=()=>{d.value||E(``)},j=e=>{w.value=t.value,t.value=e},M=()=>{w.value=t.value,t.value=``};return u(f,a,M),{...e,baseId:`soybean-navigation-menu`,rootElement:f,onRootElementChange:p,viewportElement:m,setViewportElement:h,indicatorTrackElement:g,setIndicatorTrackElement:_,activeTriggerElement:v,values:b,addValue:x,removeValue:S,open:C,previousValue:w,onActiveTriggerElementChange:y,onTriggerEnter:D,onTriggerLeave:O,onContentEnter:k,onContentLeave:A,onItemSelect:j,onItemDismiss:M}}),{provideCollectionContext:p,useCollectionContext:m,useCollectionItem:h}=n(`NavigationMenu`),[g,_]=t(`NavigationMenuItem`,t=>{let[n,i]=r(),{modelValue:a,value:c}=t,l=s(),u=e=>{l.value=e},d=s(!1),f=o(()=>a.value===c),p=o(()=>e(f.value));return{...t,triggerElement:l,onTriggerElementChange:u,focusProxyElement:n,setFocusProxyElement:i,wasEscapeCloseRef:d,open:f,dataState:p}}),[v,y]=i(`NavigationMenuUi`);export{p as provideCollectionContext,g as provideNavigationMenuItemContext,d as provideNavigationMenuRootContext,v as provideNavigationMenuUi,m as useCollectionContext,h as useCollectionItem,_ as useNavigationMenuItemContext,f as useNavigationMenuRootContext,y as useNavigationMenuUi};
+import{getDisclosureState as e}from"../../shared/value.js";import{useContext as t}from"../../composables/use-context.js";import"../../shared/index.js";import{useCollection as n}from"../../composables/use-collection.js";import{useForwardElement as r}from"../../composables/use-forward-element.js";import{useUiContext as i}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{EVENT_ROOT_CONTENT_DISMISS as a}from"./shared.js";import{computed as o,ref as s,shallowRef as c}from"vue";import{refAutoReset as l,useDebounceFn as u,useEventListener as d}from"@vueuse/core";const[f,p]=t(`NavigationMenuRoot`,e=>{let{modelValue:t,skipDelayDuration:n,delayDuration:i,disablePointerLeaveClose:f}=e,p=c(),m=e=>{p.value=e},[h,g]=r(),[_,v]=r(),y=c(),b=e=>{y.value=e},x=c(new Set),S=e=>{x.value.add(e)},C=e=>{x.value.delete(e)},w=o(()=>x.value.has(t.value)),T=c(``),E=l(!1,n.value),D=s(!1),O=o(()=>t.value!==``||E.value?150:i.value),k=u(e=>{if(typeof e==`string`){if(e===``&&D.value){D.value=!1;return}T.value=t.value,t.value=e,e===``&&(E.value=!0)}},O),A=e=>{t.value===``?k(e):(D.value=!0,T.value=t.value,t.value=e)},j=()=>{D.value=!1,k(``)},M=e=>{k(e)},N=()=>{f.value||(D.value=!1,k(``))},P=e=>{T.value=t.value,t.value=e},F=()=>{T.value=t.value,t.value=``};return d(p,a,F),{...e,baseId:`soybean-navigation-menu`,rootElement:p,onRootElementChange:m,viewportElement:h,setViewportElement:g,indicatorTrackElement:_,setIndicatorTrackElement:v,activeTriggerElement:y,values:x,addValue:S,removeValue:C,open:w,previousValue:T,onActiveTriggerElementChange:b,onTriggerEnter:A,onTriggerLeave:j,onContentEnter:M,onContentLeave:N,onItemSelect:P,onItemDismiss:F}}),{provideCollectionContext:m,useCollectionContext:h,useCollectionItem:g}=n(`NavigationMenu`),[_,v]=t(`NavigationMenuItem`,t=>{let[n,i]=r(),{modelValue:a,value:s}=t,l=c(),u=e=>{l.value=e},d=c(!1),f=o(()=>a.value===s),p=o(()=>e(f.value));return{...t,triggerElement:l,onTriggerElementChange:u,focusProxyElement:n,setFocusProxyElement:i,wasEscapeCloseRef:d,open:f,dataState:p}}),[y,b]=i(`NavigationMenuUi`);export{m as provideCollectionContext,_ as provideNavigationMenuItemContext,f as provideNavigationMenuRootContext,y as provideNavigationMenuUi,h as useCollectionContext,g as useCollectionItem,v as useNavigationMenuItemContext,p as useNavigationMenuRootContext,b as useNavigationMenuUi};

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

@@ -1,13 +1,13 @@
 import { NavigationMenuCompactEmits, NavigationMenuCompactProps, NavigationMenuCompactSlots, NavigationMenuContentEmits, NavigationMenuContentProps, NavigationMenuIndicatorProps, NavigationMenuItemProps, NavigationMenuLinkEmits, NavigationMenuLinkProps, NavigationMenuListProps, NavigationMenuOptionData, NavigationMenuRootEmits, NavigationMenuRootProps, NavigationMenuSubEmits, NavigationMenuSubListProps, NavigationMenuSubProps, NavigationMenuTriggerProps, NavigationMenuUi, NavigationMenuUiSlot, NavigationMenuViewportProps } from "./types.js";
-import { _default } from "./navigation-menu-compact.vue.js";
-import { _default as _default$6 } from "./navigation-menu-root.vue.js";
-import { _default as _default$5 } from "./navigation-menu-list.vue.js";
-import { _default as _default$3 } from "./navigation-menu-item.vue.js";
-import { _default as _default$8 } from "./navigation-menu-trigger.vue.js";
-import { _default as _default$1 } from "./navigation-menu-content.vue.js";
-import { _default as _default$4 } from "./navigation-menu-link.vue.js";
-import { _default as _default$7 } from "./navigation-menu-sub-list.vue.js";
-import { _default as _default$9 } from "./navigation-menu-viewport.vue.js";
-import { _default as _default$2 } from "./navigation-menu-indicator.vue.js";
+import _default from "./navigation-menu-compact.vue.js";
+import _default$6 from "./navigation-menu-root.vue.js";
+import _default$5 from "./navigation-menu-list.vue.js";
+import _default$3 from "./navigation-menu-item.vue.js";
+import _default$8 from "./navigation-menu-trigger.vue.js";
+import _default$1 from "./navigation-menu-content.vue.js";
+import _default$4 from "./navigation-menu-link.vue.js";
+import _default$7 from "./navigation-menu-sub-list.vue.js";
+import _default$9 from "./navigation-menu-viewport.vue.js";
+import _default$2 from "./navigation-menu-indicator.vue.js";
 import { provideNavigationMenuUi } from "./context.js";
 export { _default as NavigationMenuCompact, type NavigationMenuCompactEmits, type NavigationMenuCompactProps, type NavigationMenuCompactSlots, _default$1 as NavigationMenuContent, type NavigationMenuContentEmits, type NavigationMenuContentProps, _default$2 as NavigationMenuIndicator, type NavigationMenuIndicatorProps, _default$3 as NavigationMenuItem, type NavigationMenuItemProps, _default$4 as NavigationMenuLink, type NavigationMenuLinkEmits, type NavigationMenuLinkProps, _default$5 as NavigationMenuList, type NavigationMenuListProps, type NavigationMenuOptionData, _default$6 as NavigationMenuRoot, type NavigationMenuRootEmits, type NavigationMenuRootProps, type NavigationMenuSubEmits, _default$7 as NavigationMenuSubList, type NavigationMenuSubListProps, type NavigationMenuSubProps, _default$8 as NavigationMenuTrigger, type NavigationMenuTriggerProps, type NavigationMenuUi, type NavigationMenuUiSlot, _default$9 as NavigationMenuViewport, type NavigationMenuViewportProps, provideNavigationMenuUi };

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

@@ -1,5 +1,6 @@
 import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
 import { NavigationMenuCompactProps, NavigationMenuCompactSlots } from "./types.js";
+import "../../index.js";
 //#region src/components/navigation-menu/navigation-menu-compact.vue.d.ts
 type __VLS_Slots = NavigationMenuCompactSlots;
 declare const __VLS_base: import("vue").DefineComponent<NavigationMenuCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -29,4 +30,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/navigation-menu/navigation-menu-content-impl.js

@@ -1 +1 @@
-import{useArrowNavigation as e}from"../../composables/use-arrow-navigation.js";import{getActiveElement as t}from"../../shared/dom.js";import{getTabbableCandidates as n,tryFocusFirst as r}from"../../shared/focus.js";import"../../shared/index.js";import{useDismissableLayer as i}from"../../composables/use-dismissable-layer.js";import{useExposedElement as a}from"../../composables/use-exposed-element.js";import"../../composables/index.js";import{EVENT_ROOT_CONTENT_DISMISS as o}from"./shared.js";import{useCollectionContext as s,useNavigationMenuItemContext as c,useNavigationMenuRootContext as l,useNavigationMenuUi as u}from"./context.js";import{computed as d,createElementBlock as f,defineComponent as p,normalizeClass as m,normalizeStyle as h,openBlock as g,renderSlot as _,shallowRef as v,unref as y,watchEffect as b}from"vue";const x=[`id`,`aria-labelledby`,`data-orientation`,`data-motion`,`data-state`],S=p({name:`NavigationMenuContentImpl`,__name:`navigation-menu-content-impl`,props:{disableOutsidePointerEvents:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`],setup(p,{emit:S}){let C=p,w=S,{dir:T,orientation:E,modelValue:D,previousValue:O,rootElement:k,viewportElement:A,isRoot:j,onItemDismiss:M}=l(`NavigationMenuContentImpl`),{value:N,triggerId:P,contentId:F,triggerElement:I,dataState:L,wasEscapeCloseRef:R,focusProxyElement:z,onContentFocusOutside:B,onRootContentClose:V}=c(`NavigationMenuContentImpl`),H=u(`content`),{getOrderedElements:U}=s(`NavigationMenuContentImpl`),[W,G]=a(),{pointerEvents:K}=i(W,{disableOutsidePointerEvents:()=>C.disableOutsidePointerEvents,onEscapeKeyDown:e=>{w(`escapeKeyDown`,e),!e.defaultPrevented&&(M(),I.value?.focus(),R.value=!0)},onPointerDownOutside:e=>{if(w(`pointerDownOutside`,e),e.defaultPrevented)return;let t=e.target,n=U().some(e=>e.contains(t)),r=j&&A.value?.contains(t);(n||r||!j)&&e.preventDefault()},onFocusOutside:e=>{w(`focusOutside`,e),w(`interactOutside`,e),e.detail.originalEvent.target.hasAttribute(`data-soybean-navigation-menu-trigger`)&&e.preventDefault(),!e.defaultPrevented&&(B(),k.value?.contains(e.target)&&e.preventDefault())},onDismiss:()=>{let e=new Event(o,{bubbles:!0,cancelable:!0});W.value?.dispatchEvent(e)}}),q=v(null),J=d(()=>{let e=U().map(e=>e.id.split(`trigger-`)[1]);T.value===`rtl`&&e.reverse();let t=e.indexOf(O.value??``),n=N===D.value,r=t===e.indexOf(N);if(!n&&!r)return q.value;let i=e.indexOf(D.value);if(i!==t){if(n&&t!==-1)return i>t?`from-end`:`from-start`;if(r&&i!==-1)return i>t?`to-start`:`to-end`}return null}),Y=d(()=>({pointerEvents:K.value})),X=i=>{if(i.target.closest(`[data-soybean-navigation-menu]`)!==k.value)return;let a=i.altKey||i.ctrlKey||i.metaKey,o=i.key===`Tab`&&!a,s=n(i.currentTarget);if(o){let e=t(),n=s.findIndex(t=>t===e);if(r(i.shiftKey?s.slice(0,n).reverse():s.slice(n+1,s.length)))i.preventDefault();else{z.value?.focus();return}}e(i,t(),void 0,{itemsArray:s,loop:!1,enableIgnoredElement:!0})?.focus()};return b(()=>{q.value=J.value}),b(e=>{let n=W.value;if(j&&n){let r=()=>{M(),V(),n.contains(t())&&I.value?.focus()};n.addEventListener(o,r),e(()=>n.removeEventListener(o,r))}}),(e,t)=>(g(),f(`div`,{id:y(F),ref:y(G),class:m(y(H)),"aria-labelledby":y(P),"data-dismissable-layer":``,"data-orientation":y(E),"data-motion":J.value,"data-state":y(L),style:h(Y.value),onKeydown:X},[_(e.$slots,`default`)],46,x))}});export{S as default};
+import{useArrowNavigation as e}from"../../composables/use-arrow-navigation.js";import{getActiveElement as t}from"../../shared/dom.js";import{getTabbableCandidates as n,tryFocusFirst as r}from"../../shared/focus.js";import"../../shared/index.js";import{useDismissableLayer as i}from"../../composables/use-dismissable-layer.js";import{useExposedElement as a}from"../../composables/use-exposed-element.js";import"../../composables/index.js";import{EVENT_ROOT_CONTENT_DISMISS as o}from"./shared.js";import{useCollectionContext as s,useNavigationMenuItemContext as c,useNavigationMenuRootContext as l,useNavigationMenuUi as u}from"./context.js";import{computed as d,createElementBlock as f,defineComponent as p,normalizeClass as m,normalizeStyle as h,openBlock as g,renderSlot as _,shallowRef as v,unref as y,watchEffect as b}from"vue";const x=[`id`,`aria-labelledby`,`data-orientation`,`data-motion`,`data-state`],S=p({name:`NavigationMenuContentImpl`,__name:`navigation-menu-content-impl`,props:{disableOutsidePointerEvents:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`],setup(p,{emit:S}){let C=p,w=S,{dir:T,orientation:E,modelValue:D,previousValue:O,rootElement:k,viewportElement:A,isRoot:j,onItemDismiss:M}=l(`NavigationMenuContentImpl`),{value:N,triggerId:P,contentId:F,triggerElement:I,dataState:L,wasEscapeCloseRef:R,focusProxyElement:z,onContentFocusOutside:B,onRootContentClose:V}=c(`NavigationMenuContentImpl`),H=u(`content`),{getOrderedElements:U}=s(`NavigationMenuContentImpl`),[W,G]=a(),{pointerEvents:K,onFocusCapture:q,onBlurCapture:J}=i(W,{disableOutsidePointerEvents:()=>C.disableOutsidePointerEvents,onEscapeKeyDown:e=>{w(`escapeKeyDown`,e),!e.defaultPrevented&&(M(),I.value?.focus(),R.value=!0)},onPointerDownOutside:e=>{if(w(`pointerDownOutside`,e),e.defaultPrevented)return;let t=e.target,n=U().some(e=>e.contains(t)),r=j&&A.value?.contains(t);(n||r||!j)&&e.preventDefault()},onFocusOutside:e=>{w(`focusOutside`,e),w(`interactOutside`,e),e.detail.originalEvent.target.hasAttribute(`data-soybean-navigation-menu-trigger`)&&e.preventDefault(),!e.defaultPrevented&&(B(),k.value?.contains(e.target)&&e.preventDefault())},onDismiss:()=>{if(D.value!==N)return;let e=new Event(o,{bubbles:!0,cancelable:!0});W.value?.dispatchEvent(e)}}),Y=v(null),X=d(()=>{let e=U().map(e=>e.id.split(`trigger-`)[1]);T.value===`rtl`&&e.reverse();let t=e.indexOf(O.value??``),n=N===D.value,r=t===e.indexOf(N);if(!n&&!r)return Y.value;let i=e.indexOf(D.value);if(i!==t){if(n&&t!==-1)return i>t?`from-end`:`from-start`;if(r&&i!==-1)return i>t?`to-start`:`to-end`}return null}),Z=d(()=>({pointerEvents:K.value})),Q=i=>{if(i.target.closest(`[data-soybean-navigation-menu]`)!==k.value)return;let a=i.altKey||i.ctrlKey||i.metaKey,o=i.key===`Tab`&&!a,s=n(i.currentTarget);if(o){let e=t(),n=s.findIndex(t=>t===e),a=i.shiftKey?s.slice(0,n).reverse():s.slice(n+1,s.length);if(r(a))i.preventDefault();else{z.value?.focus();return}}e(i,t(),void 0,{itemsArray:s,loop:!1,enableIgnoredElement:!0})?.focus()};return b(()=>{Y.value=X.value}),b(e=>{let n=W.value;if(j&&n){let r=()=>{M(),V(),n.contains(t())&&I.value?.focus()};n.addEventListener(o,r),e(()=>n.removeEventListener(o,r))}}),(e,t)=>(g(),f(`div`,{id:y(F),ref:y(G),class:m(y(H)),"aria-labelledby":y(P),"data-dismissable-layer":``,"data-orientation":y(E),"data-motion":X.value,"data-state":y(L),style:h(Z.value),onFocusCapture:t[0]||(t[0]=(...e)=>y(q)&&y(q)(...e)),onBlurCapture:t[1]||(t[1]=(...e)=>y(J)&&y(J)(...e)),onKeydown:Q},[_(e.$slots,`default`)],46,x))}});export{S as default};

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

@@ -1 +1 @@
-import{isClient as e}from"../../shared/env.js";import{isMouseEvent as t}from"../../shared/event.js";import"../../shared/index.js";import{useExposedElement as n}from"../../composables/use-exposed-element.js";import{useForwardListeners as r}from"../../composables/use-forward-listeners.js";import{usePresence as i}from"../../composables/use-presence.js";import{useOmitProps as a}from"../../composables/use-props.js";import"../../composables/index.js";import{useNavigationMenuItemContext as o,useNavigationMenuRootContext as s}from"./context.js";import c from"./navigation-menu-content-impl.js";import{Teleport as l,computed as u,createBlock as d,createCommentVNode as f,defineComponent as p,mergeProps as m,openBlock as h,renderSlot as g,shallowRef as _,toHandlers as v,unref as y,useAttrs as b,withCtx as x}from"vue";const S=p({name:`NavigationMenuContent`,inheritAttrs:!1,__name:`navigation-menu-content`,props:{disableOutsidePointerEvents:{type:Boolean},forceMount:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`],setup(p,{emit:S}){let C=p,w=S,T=a(C,[`forceMount`],b()),E=r(w),{modelValue:D,viewportElement:O,previousValue:k,unmountOnHide:A,onContentEnter:j,onContentLeave:M}=s(`NavigationMenuContent`),{value:N}=o(`NavigationMenuContent`),[P,F]=n(),I=u(()=>D.value===N),L=u(()=>!O.value||D.value||!k.value?!1:k.value===N),R=C.forceMount?_(!0):i(P,()=>I.value||L.value),z=u(()=>e&&O.value?O.value:`body`),B=u(()=>!e||!O.value),V=()=>{j(N)},H=e=>{t(e)&&M()};return(e,t)=>(h(),d(l,{to:z.value,disabled:B.value},[y(R)?(h(),d(c,m({key:0},y(T),{ref:y(F),"data-soybean-navigation-menu-content":``,hidden:!y(R)},v(y(E)),{onPointerenter:V,onPointerleave:H}),{default:x(()=>[!y(A)||y(R)?g(e.$slots,`default`,{key:0}):f(`v-if`,!0)]),_:3},16,[`hidden`])):f(`v-if`,!0)],8,[`to`,`disabled`]))}});export{S as default};
+import{isClient as e}from"../../shared/env.js";import{isMouseEvent as t}from"../../shared/event.js";import"../../shared/index.js";import{useExposedElement as n}from"../../composables/use-exposed-element.js";import{useForwardListeners as r}from"../../composables/use-forward-listeners.js";import{usePresence as i}from"../../composables/use-presence.js";import{useOmitProps as a}from"../../composables/use-props.js";import"../../composables/index.js";import{useNavigationMenuItemContext as o,useNavigationMenuRootContext as s}from"./context.js";import c from"./navigation-menu-content-impl.js";import{Teleport as l,computed as u,createBlock as d,createCommentVNode as f,defineComponent as p,mergeProps as m,openBlock as h,renderSlot as g,shallowRef as _,toHandlers as v,unref as y,useAttrs as b,withCtx as x}from"vue";const S=p({name:`NavigationMenuContent`,inheritAttrs:!1,__name:`navigation-menu-content`,props:{disableOutsidePointerEvents:{type:Boolean},forceMount:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`],setup(p,{emit:S}){let C=p,w=S,T=b(),E=a(C,[`forceMount`],T),D=r(w),{modelValue:O,viewportElement:k,previousValue:A,unmountOnHide:j,onContentEnter:M,onContentLeave:N}=s(`NavigationMenuContent`),{value:P}=o(`NavigationMenuContent`),[F,I]=n(),L=u(()=>O.value===P),R=u(()=>!k.value||O.value||!A.value?!1:A.value===P),z=C.forceMount?_(!0):i(F,()=>L.value||R.value),B=u(()=>e&&k.value?k.value:`body`),V=u(()=>!e||!k.value),H=()=>{M(P)},U=e=>{t(e)&&N()};return(e,t)=>(h(),d(l,{to:B.value,disabled:V.value},[y(z)?(h(),d(c,m({key:0},y(E),{ref:y(I),"data-soybean-navigation-menu-content":``,hidden:!y(z)},v(y(D)),{onPointerenter:H,onPointerleave:U}),{default:x(()=>[!y(j)||y(z)?g(e.$slots,`default`,{},void 0,void 0,0):f(`v-if`,!0)]),_:3},16,[`hidden`])):f(`v-if`,!0)],8,[`to`,`disabled`]))}});export{S as default};

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

@@ -1,5 +1,6 @@
 import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
 import { NavigationMenuContentProps } from "./types.js";
+import "../../index.js";
 //#region src/components/navigation-menu/navigation-menu-content.vue.d.ts
 declare var __VLS_17: {};
 type __VLS_Slots = {} & {
@@ -24,4 +25,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,5 +1,4 @@
 import { NavigationMenuIndicatorProps } from "./types.js";
-
 //#region src/components/navigation-menu/navigation-menu-indicator.vue.d.ts
 declare var __VLS_7: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,5 +1,4 @@
 import { NavigationMenuItemProps } from "./types.js";
-
 //#region src/components/navigation-menu/navigation-menu-item.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/navigation-menu/navigation-menu-link.js

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../link/link.js";import{EVENT_ROOT_CONTENT_DISMISS as n,LINK_SELECT as r}from"./shared.js";import{useCollectionItem as i,useNavigationMenuRootContext as a,useNavigationMenuUi as o}from"./context.js";import{computed as s,createBlock as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeProps as f,openBlock as p,renderSlot as m,unref as h,withCtx as g}from"vue";const _=l({name:`NavigationMenuLink`,__name:`navigation-menu-link`,props:{active:{type:Boolean},to:{},replace:{type:Boolean},href:{},disabled:{type:Boolean},activeClass:{},exactActiveClass:{},inactiveClass:{},prefetchedClass:{},external:{type:Boolean},ariaCurrentValue:{},viewTransition:{type:Boolean},target:{},rel:{},noRel:{type:Boolean},prefetch:{type:Boolean},prefetchOn:{},noPrefetch:{type:Boolean},trailingSlash:{},asChild:{type:Boolean},as:{}},emits:[`select`],setup(l,{emit:_}){let v=l,y=_,{isRoot:b}=a(`NavigationMenuLink`),x=o(),S=s(()=>b?x.value?.link:x.value?.subLink),{setItemElement:C}=i(),w=e(v,[`active`]),T=async e=>{let t=new CustomEvent(r,{bubbles:!0,cancelable:!0,detail:{originalEvent:e}});if(y(`select`,t),t.defaultPrevented||e.metaKey)return;let i=new CustomEvent(n,{bubbles:!0,cancelable:!0});e.target?.dispatchEvent(i)};return(e,n)=>(p(),c(t,d(h(w),{ref:h(C),"data-soybean-navigation-menu-link":``,"data-soybean-collection-item":``,class:S.value,"data-active":l.active?``:void 0,"aria-current":l.active?`page`:void 0,onClick:T}),{default:g(t=>[m(e.$slots,`default`,f(u(t)))]),_:3},16,[`class`,`data-active`,`aria-current`]))}});export{_ as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../link/link.js";import{EVENT_ROOT_CONTENT_DISMISS as n,LINK_DISMISSED as r,LINK_SELECT as i}from"./shared.js";import{useCollectionItem as a,useNavigationMenuRootContext as o,useNavigationMenuUi as s}from"./context.js";import{computed as c,createBlock as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderSlot as h,unref as g,withCtx as _}from"vue";const v=u({name:`NavigationMenuLink`,__name:`navigation-menu-link`,props:{active:{type:Boolean},to:{},replace:{type:Boolean},href:{},disabled:{type:Boolean},activeClass:{},exactActiveClass:{},inactiveClass:{},prefetchedClass:{},external:{type:Boolean},ariaCurrentValue:{},viewTransition:{type:Boolean},target:{},rel:{},noRel:{type:Boolean},prefetch:{type:Boolean},prefetchOn:{},noPrefetch:{type:Boolean},trailingSlash:{},asChild:{type:Boolean},as:{}},emits:[`select`],setup(u,{emit:v}){let y=u,b=v,{isRoot:x,modelValue:S}=o(`NavigationMenuLink`),C=s(),w=c(()=>x?C.value?.link:C.value?.subLink),{setItemElement:T}=a(),E=e(y,[`active`]),D=async e=>{let t=new CustomEvent(i,{bubbles:!0,cancelable:!0,detail:{originalEvent:e}});if(b(`select`,t),t.defaultPrevented||e.metaKey||!S.value)return;e[r]=!0;let a=new CustomEvent(n,{bubbles:!0,cancelable:!0});e.target?.dispatchEvent(a)};return(e,n)=>(m(),l(t,f(g(E),{ref:g(T),"data-soybean-navigation-menu-link":``,"data-soybean-collection-item":``,class:w.value,"data-active":u.active?``:void 0,"aria-current":u.active?`page`:void 0,onClick:D}),{default:_(t=>[h(e.$slots,`default`,p(d(t)))]),_:3},16,[`class`,`data-active`,`aria-current`]))}});export{v as default};

package/dist/components/navigation-menu/navigation-menu-link.vue.d.ts

@@ -1,5 +1,4 @@
 import { NavigationMenuLinkProps } from "./types.js";
-
 //#region src/components/navigation-menu/navigation-menu-link.vue.d.ts
 declare var __VLS_10: {
   isHref: boolean;
@@ -26,4 +25,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/navigation-menu/navigation-menu-list.vue.d.ts

@@ -1,5 +1,4 @@
 import { NavigationMenuListProps } from "./types.js";
-
 //#region src/components/navigation-menu/navigation-menu-list.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/navigation-menu/navigation-menu-option-compact.js

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import"../../composables/index.js";import t from"../_icon/icon.js";import{useCommonSlotNames as n}from"./shared.js";import{useNavigationMenuUi as r}from"./context.js";import i from"./navigation-menu-content.js";import a from"./navigation-menu-item-slot-compact.js";import o from"./navigation-menu-item.js";import s from"./navigation-menu-link.js";import c from"./navigation-menu-sub-list.js";import l from"./navigation-menu-sub-option-compact.js";import u from"./navigation-menu-trigger.js";import{Fragment as d,computed as f,createBlock 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,resolveDynamicComponent as E,toDisplayString as D,toHandlers as O,unref as k,useSlots as A,withCtx as j}from"vue";import{keysOf as M}from"@soybeanjs/utils";const N=v({name:`NavigationMenuOptionCompact`,__name:`navigation-menu-option-compact`,props:{item:{},itemProps:{},linkProps:{},triggerProps:{},contentProps:{},viewportProps:{},indicatorProps:{},listProps:{},subListProps:{},subItemProps:{}},emits:[`update:modelValue`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`select`],setup(v,{emit:N}){let P=v,F=N,I=A(),L=e(F),R=f(()=>M(I)),z=n(I),B=r(),V=f(()=>!!(P.item.to||P.item.href)),H=f(()=>V.value?{...P.linkProps,disabled:P.item.disabled,to:P.item.to,href:P.item.href,target:P.item.target,external:P.item.external}:{});return(e,n)=>(C(),p(o,b(v.itemProps,{value:v.item.value}),{default:j(()=>[v.item.children?.length?(C(),m(d,{key:1},[_(u,b(v.triggerProps,{disabled:v.item.disabled,"as-child":V.value}),{default:j(()=>[(C(),p(E(V.value?s:`template`),b(H.value,{onSelect:n[1]||(n[1]=e=>F(`select`,e))}),{default:j(()=>[_(a,{icon:v.item.icon},g({"trigger-icon":j(()=>[T(e.$slots,`item-trigger-icon`,{item:v.item},()=>[_(t,{icon:`lucide:chevron-down`,class:x(k(B).triggerIcon)},null,8,[`class`])])]),default:j(()=>[h(`span`,null,D(v.item.label),1)]),_:2},[w(k(z),t=>({name:t,fn:j(()=>[T(e.$slots,t,{item:v.item,isTrigger:!0})])}))]),1032,[`icon`])]),_:3},16))]),_:3},16,[`disabled`,`as-child`]),_(i,b(v.contentProps,O(k(L))),{default:j(()=>[_(c,S(y(v.subListProps)),{default:j(()=>[(C(!0),m(d,null,w(v.item.children,t=>(C(),p(l,{key:t.value,"sub-item":t,"sub-item-props":v.subItemProps,onSelect:n[2]||(n[2]=e=>F(`select`,e))},g({"item-children":j(t=>[T(e.$slots,`item-children`,{item:t.item})]),_:2},[w(R.value,n=>({name:n,fn:j(()=>[T(e.$slots,n,{item:t})])}))]),1032,[`sub-item`,`sub-item-props`]))),128))]),_:3},16)]),_:3},16)],64)):(C(),p(s,b({key:0},H.value,{onSelect:n[0]||(n[0]=e=>F(`select`,e))}),{default:j(({isHref:n})=>[_(a,{icon:v.item.icon},g({default:j(()=>[h(`span`,null,D(v.item.label),1)]),_:2},[w(k(z),t=>({name:t,fn:j(()=>[T(e.$slots,t,{item:v.item})])})),n?{name:`link-icon`,fn:j(()=>[T(e.$slots,`item-link-icon`,{item:v.item},()=>[_(t,{icon:`lucide:arrow-up-right`,class:x(k(B).linkIcon)},null,8,[`class`])])]),key:`0`}:void 0]),1032,[`icon`])]),_:3},16))]),_:3},16,[`value`]))}});export{N as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import"../../composables/index.js";import t from"../_icon/icon.js";import{useCommonSlotNames as n}from"./shared.js";import{useNavigationMenuUi as r}from"./context.js";import i from"./navigation-menu-content.js";import a from"./navigation-menu-item-slot-compact.js";import o from"./navigation-menu-item.js";import s from"./navigation-menu-link.js";import c from"./navigation-menu-sub-list.js";import l from"./navigation-menu-sub-option-compact.js";import u from"./navigation-menu-trigger.js";import{Fragment as d,computed as f,createBlock 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,resolveDynamicComponent as E,toDisplayString as D,toHandlers as O,unref as k,useSlots as A,withCtx as j}from"vue";import{keysOf as M}from"@soybeanjs/utils";const N=v({name:`NavigationMenuOptionCompact`,__name:`navigation-menu-option-compact`,props:{item:{},itemProps:{},linkProps:{},triggerProps:{},contentProps:{},viewportProps:{},indicatorProps:{},listProps:{},subListProps:{},subItemProps:{}},emits:[`update:modelValue`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`select`],setup(v,{emit:N}){let P=v,F=N,I=A(),L=e(F),R=f(()=>M(I)),z=n(I),B=r(),V=f(()=>!!(P.item.to||P.item.href)),H=f(()=>V.value?{...P.linkProps,disabled:P.item.disabled??P.linkProps?.disabled,to:P.item.to,href:P.item.href,target:P.item.target,external:P.item.external}:{});return(e,n)=>(C(),p(o,b(v.itemProps,{value:v.item.value}),{default:j(()=>[v.item.children?.length?(C(),m(d,{key:1},[_(u,b(v.triggerProps,{disabled:v.item.disabled,"as-child":V.value}),{default:j(()=>[(C(),p(E(V.value?s:`template`),b(H.value,{onSelect:n[1]||(n[1]=e=>F(`select`,e))}),{default:j(()=>[_(a,{icon:v.item.icon},g({"trigger-icon":j(()=>[T(e.$slots,`item-trigger-icon`,{item:v.item},()=>[_(t,{icon:`lucide:chevron-down`,class:x(k(B).triggerIcon)},null,8,[`class`])])]),default:j(()=>[h(`span`,null,D(v.item.label),1)]),_:2},[w(k(z),t=>({name:t,fn:j(()=>[T(e.$slots,t,{item:v.item,isTrigger:!0})])}))]),1032,[`icon`])]),_:3},16))]),_:3},16,[`disabled`,`as-child`]),_(i,b(v.contentProps,O(k(L))),{default:j(()=>[_(c,S(y(v.subListProps)),{default:j(()=>[(C(!0),m(d,null,w(v.item.children,t=>(C(),p(l,{key:t.value,"sub-item":t,"sub-item-props":v.subItemProps,onSelect:n[2]||(n[2]=e=>F(`select`,e))},g({"item-children":j(t=>[T(e.$slots,`item-children`,{item:t.item})]),_:2},[w(R.value,n=>({name:n,fn:j(()=>[T(e.$slots,n,{item:t})])}))]),1032,[`sub-item`,`sub-item-props`]))),128))]),_:3},16)]),_:3},16)],64)):(C(),p(s,b({key:0},H.value,{onSelect:n[0]||(n[0]=e=>F(`select`,e))}),{default:j(({isHref:n})=>[_(a,{icon:v.item.icon},g({default:j(()=>[h(`span`,null,D(v.item.label),1)]),_:2},[w(k(z),t=>({name:t,fn:j(()=>[T(e.$slots,t,{item:v.item})])})),n?{name:`link-icon`,fn:j(()=>[T(e.$slots,`item-link-icon`,{item:v.item},()=>[_(t,{icon:`lucide:arrow-up-right`,class:x(k(B).linkIcon)},null,8,[`class`])])]),key:`0`}:void 0]),1032,[`icon`])]),_:3},16))]),_:3},16,[`value`]))}});export{N as default};

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

@@ -1,5 +1,6 @@
 import { DataOrientation } from "../../types/common.js";
 import { NavigationMenuRootProps } from "./types.js";
+import "../../index.js";
 //#region src/components/navigation-menu/navigation-menu-root.vue.d.ts
 declare var __VLS_1: {
   modelValue: string;
@@ -25,4 +26,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1 +1 @@
-import{provideNavigationMenuRootContext as e,useNavigationMenuRootContext as t,useNavigationMenuUi as n}from"./context.js";import{createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=i({name:`NavigationMenuSubList`,__name:`navigation-menu-sub-list`,setup(i){let l=n(`subList`);return e({...t(`NavigationMenuSubList`),isRoot:!1}),(e,t)=>(o(),r(`ul`,{"data-soybean-navigation-menu-sub-list":``,class:a(c(l))},[s(e.$slots,`default`)],2))}});export{l as default};
+import{provideNavigationMenuRootContext as e,useNavigationMenuRootContext as t,useNavigationMenuUi as n}from"./context.js";import{createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=i({name:`NavigationMenuSubList`,__name:`navigation-menu-sub-list`,setup(i){let l=n(`subList`),u=t(`NavigationMenuSubList`);return e({...u,isRoot:!1}),(e,t)=>(o(),r(`ul`,{"data-soybean-navigation-menu-sub-list":``,class:a(c(l))},[s(e.$slots,`default`)],2))}});export{l as default};

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

@@ -1,5 +1,4 @@
 import { NavigationMenuSubListProps } from "./types.js";
-
 //#region src/components/navigation-menu/navigation-menu-sub-list.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/navigation-menu/navigation-menu-sub-option-compact.js

@@ -1 +1 @@
-import e from"../_icon/icon.js";import{useCommonSlotNames as t}from"./shared.js";import{useNavigationMenuUi as n}from"./context.js";import r from"./navigation-menu-item-slot-compact.js";import i from"./navigation-menu-item.js";import a from"./navigation-menu-link.js";import{computed as o,createBlock as s,createCommentVNode as c,createElementVNode as l,createSlots as u,createVNode as d,defineComponent as f,mergeProps as p,normalizeClass as m,openBlock as h,renderList as g,renderSlot as _,resolveDynamicComponent as v,toDisplayString as y,unref as b,useSlots as x,withCtx as S}from"vue";const C=f({name:`NavigationMenuSubOptionCompact`,__name:`navigation-menu-sub-option-compact`,props:{subItem:{},subItemProps:{},linkProps:{}},emits:[`select`],setup(f,{emit:C}){let w=f,T=C,E=t(x()),D=n(),O=o(()=>!!(w.subItem.to||w.subItem.href)),k=o(()=>O.value?{...w.linkProps,disabled:w.subItem.disabled,to:w.subItem.to,href:w.subItem.href,target:w.subItem.target,external:w.subItem.external}:{});return(t,n)=>(h(),s(i,p(f.subItemProps,{value:f.subItem.value}),{default:S(()=>[(h(),s(v(O.value?a:`div`),p(k.value,{onSelect:n[0]||(n[0]=e=>T(`select`,e))}),{default:S(n=>[d(r,{icon:f.subItem.icon},u({default:S(()=>[l(`div`,{class:m(b(D).subLinkContent)},[l(`span`,{class:m(b(D).subLinkLabel)},y(f.subItem.label),3),l(`p`,{class:m(b(D).subLinkDescription)},y(f.subItem.description),3)],2)]),_:2},[g(b(E),e=>({name:e,fn:S(()=>[_(t.$slots,e,{item:f.subItem})])})),n?.isHref?{name:`link-icon`,fn:S(()=>[_(t.$slots,`item-link-icon`,{item:f.subItem},()=>[d(e,{icon:`lucide:arrow-up-right`,class:m(b(D).linkIcon)},null,8,[`class`])])]),key:`0`}:void 0]),1032,[`icon`])]),_:3},16)),f.subItem.children?.length?_(t.$slots,`item-children`,{key:0,item:f.subItem}):c(`v-if`,!0)]),_:3},16,[`value`]))}});export{C as default};
+import e from"../_icon/icon.js";import{useCommonSlotNames as t}from"./shared.js";import{useNavigationMenuUi as n}from"./context.js";import r from"./navigation-menu-item-slot-compact.js";import i from"./navigation-menu-item.js";import a from"./navigation-menu-link.js";import{computed as o,createBlock as s,createCommentVNode as c,createElementVNode as l,createSlots as u,createVNode as d,defineComponent as f,mergeProps as p,normalizeClass as m,openBlock as h,renderList as g,renderSlot as _,resolveDynamicComponent as v,toDisplayString as y,unref as b,useSlots as x,withCtx as S}from"vue";const C=f({name:`NavigationMenuSubOptionCompact`,__name:`navigation-menu-sub-option-compact`,props:{subItem:{},subItemProps:{},linkProps:{}},emits:[`select`],setup(f,{emit:C}){let w=f,T=C,E=x(),D=t(E),O=n(),k=o(()=>!!(w.subItem.to||w.subItem.href)),A=o(()=>k.value?{...w.linkProps,disabled:w.subItem.disabled??w.linkProps?.disabled,to:w.subItem.to,href:w.subItem.href,target:w.subItem.target,external:w.subItem.external}:{});return(t,n)=>(h(),s(i,p(f.subItemProps,{value:f.subItem.value}),{default:S(()=>[(h(),s(v(k.value?a:`div`),p(A.value,{onSelect:n[0]||(n[0]=e=>T(`select`,e))}),{default:S(n=>[d(r,{icon:f.subItem.icon},u({default:S(()=>[l(`div`,{class:m(b(O).subLinkContent)},[l(`span`,{class:m(b(O).subLinkLabel)},y(f.subItem.label),3),l(`p`,{class:m(b(O).subLinkDescription)},y(f.subItem.description),3)],2)]),_:2},[g(b(D),e=>({name:e,fn:S(()=>[_(t.$slots,e,{item:f.subItem})])})),n?.isHref?{name:`link-icon`,fn:S(()=>[_(t.$slots,`item-link-icon`,{item:f.subItem},()=>[d(e,{icon:`lucide:arrow-up-right`,class:m(b(O).linkIcon)},null,8,[`class`])])]),key:`0`}:void 0]),1032,[`icon`])]),_:3},16)),f.subItem.children?.length?_(t.$slots,`item-children`,{item:f.subItem},void 0,void 0,0):c(`v-if`,!0)]),_:3},16,[`value`]))}});export{C as default};

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

@@ -1 +1 @@
-import{isNullish as e}from"../../shared/guard.js";import{isMouseEvent as t}from"../../shared/event.js";import"../../shared/index.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as r}from"../primitive/primitive.js";import"../primitive/index.js";import i from"../visually-hidden/visually-hidden.js";import"../visually-hidden/index.js";import{useCollectionItem as a,useNavigationMenuItemContext as o,useNavigationMenuRootContext as s,useNavigationMenuUi as c}from"./context.js";import{Fragment as l,createCommentVNode as u,createElementBlock as d,createVNode as f,defineComponent as p,mergeProps as m,openBlock as h,renderSlot as g,unref as _,useAttrs as v,withCtx as y}from"vue";import{refAutoReset as b}from"@vueuse/core";const x=[`aria-owns`],S=p({name:`NavigationMenuTrigger`,inheritAttrs:!1,__name:`navigation-menu-trigger`,props:{disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},setup(p){let S=p,C=v(),{dir:w,orientation:T,disableClickTrigger:E,disableHoverTrigger:D,viewportElement:O,onItemSelect:k,onTriggerEnter:A,onTriggerLeave:j}=s(`NavigationMenuTrigger`),{value:M,triggerId:N,contentId:P,open:F,dataState:I,wasEscapeCloseRef:L,onTriggerElementChange:R,setFocusProxyElement:z,onEntryKeyDown:B,onFocusProxyEnter:V}=o(`NavigationMenuTrigger`),H=c(`trigger`),{onItemElementChange:U}=a(),[W,G]=n(e=>{R(e),U(e)}),K=b(!1,300),q=!1,J=()=>{D.value||(q=!1,L.value=!1)},Y=e=>{D.value||t(e)&&(S.disabled||q||L.value||K.value||(A(M),K.value=!0))},X=e=>{D.value||t(e)&&(S.disabled||(j(),K.value=!1))},Z=t=>{(e(t.pointerType)||t.pointerType===`mouse`)&&E.value||K.value||(F.value?k(``):k(M),q=F.value)},Q=e=>{let t={horizontal:`ArrowDown`,vertical:w.value===`rtl`?`ArrowLeft`:`ArrowRight`}[T.value];F.value&&e.key===t&&(B(),e.preventDefault(),e.stopPropagation())},$=e=>{let t=document.getElementById(P),n=e.relatedTarget,r=n===W.value,i=t?.contains(n);(r||!i)&&V(r?`start`:`end`)};return(e,t)=>(h(),d(l,null,[f(_(r),m(_(C),{id:_(N),ref:_(G),as:p.as,"as-child":p.asChild,"data-soybean-navigation-menu-trigger":``,"data-soybean-collection-item":``,class:_(H),disabled:p.disabled,"data-disabled":p.disabled?``:void 0,"data-state":_(I),"aria-expanded":_(F),"aria-controls":_(P),onPointerenter:J,onPointermove:Y,onPointerleave:X,onClick:Z,onKeydown:Q}),{default:y(()=>[g(e.$slots,`default`)]),_:3},16,[`id`,`as`,`as-child`,`class`,`disabled`,`data-disabled`,`data-state`,`aria-expanded`,`aria-controls`]),_(F)?(h(),d(l,{key:0},[f(_(i),{ref:_(z),"aria-hidden":`true`,tabindex:0,onFocus:$},null,512),_(O)?(h(),d(`span`,{key:0,"aria-owns":_(P)},null,8,x)):u(`v-if`,!0)],64)):u(`v-if`,!0)],64))}});export{S as default};
+import{isNullish as e}from"../../shared/guard.js";import{isMouseEvent as t}from"../../shared/event.js";import"../../shared/index.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as r}from"../primitive/primitive.js";import"../primitive/index.js";import i from"../visually-hidden/visually-hidden.js";import"../visually-hidden/index.js";import"./shared.js";import{useCollectionItem as a,useNavigationMenuItemContext as o,useNavigationMenuRootContext as s,useNavigationMenuUi as c}from"./context.js";import{Fragment as l,createCommentVNode as u,createElementBlock as d,createVNode as f,defineComponent as p,mergeProps as m,openBlock as h,renderSlot as g,unref as _,useAttrs as v,withCtx as y}from"vue";import{refAutoReset as b}from"@vueuse/core";const x=[`aria-owns`],S=p({name:`NavigationMenuTrigger`,inheritAttrs:!1,__name:`navigation-menu-trigger`,props:{disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},setup(p){let S=p,C=v(),{dir:w,orientation:T,disableClickTrigger:E,disableHoverTrigger:D,viewportElement:O,onItemSelect:k,onTriggerEnter:A,onTriggerLeave:j}=s(`NavigationMenuTrigger`),{value:M,triggerId:N,contentId:P,open:F,dataState:I,wasEscapeCloseRef:L,onTriggerElementChange:R,setFocusProxyElement:z,onEntryKeyDown:B,onFocusProxyEnter:V}=o(`NavigationMenuTrigger`),H=c(`trigger`),{onItemElementChange:U}=a(),[W,G]=n(e=>{R(e),U(e)}),K=b(!1,300),q=!1,J=()=>{D.value||(q=!1,L.value=!1)},Y=e=>{D.value||t(e)&&(S.disabled||q||L.value||K.value||(A(M),K.value=!0))},X=e=>{D.value||t(e)&&(S.disabled||(j(),K.value=!1))},Z=t=>{(e(t.pointerType)||t.pointerType===`mouse`)&&E.value||K.value||t.soybeanNavigationMenuLinkDismissed||(F.value?k(``):k(M),q=F.value)},Q=e=>{let t={horizontal:`ArrowDown`,vertical:w.value===`rtl`?`ArrowLeft`:`ArrowRight`}[T.value];F.value&&e.key===t&&(B(),e.preventDefault(),e.stopPropagation())},$=e=>{let t=document.getElementById(P),n=e.relatedTarget,r=n===W.value,i=t?.contains(n);(r||!i)&&V(r?`start`:`end`)};return(e,t)=>(h(),d(l,null,[f(_(r),m(_(C),{id:_(N),ref:_(G),as:p.as,"as-child":p.asChild,"data-soybean-navigation-menu-trigger":``,"data-soybean-collection-item":``,class:_(H),disabled:p.disabled,"data-disabled":p.disabled?``:void 0,"data-state":_(I),"aria-haspopup":`menu`,"aria-expanded":_(F),"aria-controls":_(P),onPointerenter:J,onPointermove:Y,onPointerleave:X,onClick:Z,onKeydown:Q}),{default:y(()=>[g(e.$slots,`default`)]),_:3},16,[`id`,`as`,`as-child`,`class`,`disabled`,`data-disabled`,`data-state`,`aria-expanded`,`aria-controls`]),_(F)?(h(),d(l,{key:0},[f(_(i),{ref:_(z),"aria-hidden":`true`,tabindex:0,onFocus:$},null,512),_(O)?(h(),d(`span`,{key:0,"aria-owns":_(P)},null,8,x)):u(`v-if`,!0)],64)):u(`v-if`,!0)],64))}});export{S as default};

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

@@ -1,6 +1,6 @@
 import { AsTag } from "../primitive/types.js";
+import "../primitive/index.js";
 import { NavigationMenuTriggerProps } from "./types.js";
-
 //#region src/components/navigation-menu/navigation-menu-trigger.vue.d.ts
 declare var __VLS_13: {};
 type __VLS_Slots = {} & {
@@ -17,4 +17,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/navigation-menu/navigation-menu-viewport.js

@@ -1 +1 @@
-import{getDisclosureState as e}from"../../shared/value.js";import{isMouseEvent as t}from"../../shared/event.js";import"../../shared/index.js";import{usePresence as n}from"../../composables/use-presence.js";import"../../composables/index.js";import{getNavigationMenuViewportPosition as r,navigationMenuViewportCssVars as i}from"./shared.js";import{useNavigationMenuRootContext as a,useNavigationMenuUi as o}from"./context.js";import{computed as s,createCommentVNode as c,createElementBlock as l,defineComponent as u,nextTick as d,normalizeClass as f,normalizeStyle as p,openBlock as m,renderSlot as h,shallowRef as g,unref as _,watch as v}from"vue";import{useResizeObserver as y}from"@vueuse/core";const b=[`data-state`,`hidden`],x=u({name:`NavigationMenuViewport`,__name:`navigation-menu-viewport`,props:{align:{default:`start`},forceMount:{type:Boolean}},setup(u){let x=u,{dir:S,isRoot:C,open:w,orientation:T,unmountOnHide:E,rootElement:D,modelValue:O,activeTriggerElement:k,viewportElement:A,setViewportElement:j,onContentEnter:M,onContentLeave:N}=a(`NavigationMenuViewport`),P=o(`viewport`),F=x.forceMount?g(!0):n(A,w),I=s(()=>e(w.value)),L=g(),R=g(),z=s(()=>{let{width:e,height:t}=L.value||{},{left:n,top:r}=R.value||{};return{pointerEvents:!w.value&&C?`none`:void 0,[i.width]:e===void 0?void 0:`${e}px`,[i.height]:t===void 0?void 0:`${t}px`,[i.left]:n===void 0?void 0:`${n}px`,[i.top]:r===void 0?void 0:`${r}px`}});function B(){if(!D.value||!A.value)return;let e=L.value||{width:A.value.offsetWidth,height:A.value.offsetHeight};R.value=r({rootElement:D.value,activeTriggerElement:k.value,contentSize:e,orientation:T.value,dir:S.value,align:x.align})}let V=g(null);function H(){A.value&&requestAnimationFrame(()=>{V.value=A.value?.querySelector(`[data-state=open]`)})}let U=()=>{O.value&&M(O.value)},W=e=>{t(e)&&N()};return y(V,()=>{if(!V.value)return;let{offsetWidth:e,offsetHeight:t}=V.value;L.value={width:e,height:t},B()}),v([A,O,w],()=>{d(()=>{H()})},{immediate:!0}),y([()=>globalThis?.document?.body,D,k],()=>{B()}),(e,t)=>_(F)?(m(),l(`div`,{key:0,ref:_(j),"data-soybean-navigation-menu-viewport":``,class:f(_(P)),"data-state":I.value,hidden:!_(F),style:p(z.value),onPointerenter:U,onPointerleave:W},[!_(E)||_(F)?h(e.$slots,`default`,{key:0}):c(`v-if`,!0)],46,b)):c(`v-if`,!0)}});export{x as default};
+import{getDisclosureState as e}from"../../shared/value.js";import{isMouseEvent as t}from"../../shared/event.js";import"../../shared/index.js";import{usePresence as n}from"../../composables/use-presence.js";import"../../composables/index.js";import{getNavigationMenuViewportPosition as r,navigationMenuViewportCssVars as i}from"./shared.js";import{useNavigationMenuRootContext as a,useNavigationMenuUi as o}from"./context.js";import{computed as s,createCommentVNode as c,createElementBlock as l,defineComponent as u,nextTick as d,normalizeClass as f,normalizeStyle as p,openBlock as m,renderSlot as h,shallowRef as g,unref as _,watch as v}from"vue";import{useResizeObserver as y}from"@vueuse/core";const b=[`data-state`,`hidden`],x=u({name:`NavigationMenuViewport`,__name:`navigation-menu-viewport`,props:{align:{default:`start`},forceMount:{type:Boolean}},setup(u){let x=u,{dir:S,isRoot:C,open:w,orientation:T,unmountOnHide:E,rootElement:D,modelValue:O,activeTriggerElement:k,viewportElement:A,setViewportElement:j,onContentEnter:M,onContentLeave:N}=a(`NavigationMenuViewport`),P=o(`viewport`),F=x.forceMount?g(!0):n(A,w),I=s(()=>e(w.value)),L=g(),R=g(),z=s(()=>{let{width:e,height:t}=L.value||{},{left:n,top:r}=R.value||{};return{pointerEvents:!w.value&&C?`none`:void 0,[i.width]:e===void 0?void 0:`${e}px`,[i.height]:t===void 0?void 0:`${t}px`,[i.left]:n===void 0?void 0:`${n}px`,[i.top]:r===void 0?void 0:`${r}px`}});function B(){if(!D.value||!A.value)return;let e=L.value||{width:A.value.offsetWidth,height:A.value.offsetHeight};R.value=r({rootElement:D.value,activeTriggerElement:k.value,contentSize:e,orientation:T.value,dir:S.value,align:x.align})}let V=g(null);function H(){A.value&&requestAnimationFrame(()=>{let e=A.value?.querySelector(`[data-state=open]`);V.value=e})}let U=()=>{O.value&&M(O.value)},W=e=>{t(e)&&N()};return y(V,()=>{if(!V.value)return;let{offsetWidth:e,offsetHeight:t}=V.value;L.value={width:e,height:t},B()}),v([A,O,w],()=>{d(()=>{H()})},{immediate:!0}),y([()=>globalThis?.document?.body,D,k],()=>{B()}),(e,t)=>_(F)?(m(),l(`div`,{key:0,ref:_(j),"data-soybean-navigation-menu-viewport":``,class:f(_(P)),"data-state":I.value,hidden:!_(F),style:p(z.value),onPointerenter:U,onPointerleave:W},[!_(E)||_(F)?h(e.$slots,`default`,{},void 0,void 0,0):c(`v-if`,!0)],46,b)):c(`v-if`,!0)}});export{x as default};

package/dist/components/navigation-menu/navigation-menu-viewport.vue.d.ts

@@ -1,5 +1,6 @@
 import { Align } from "../../types/common.js";
 import { NavigationMenuViewportProps } from "./types.js";
+import "../../index.js";
 //#region src/components/navigation-menu/navigation-menu-viewport.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -16,4 +17,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/navigation-menu/shared.js

@@ -1 +1 @@
-import{computed as e}from"vue";const t=[`item`,`item-leading`,`item-trailing`],n=`navigationMenu.rootContentDismiss`,r=`navigationMenu.linkSelect`,i={width:`--soybean-navigation-menu-viewport-width`,height:`--soybean-navigation-menu-viewport-height`,left:`--soybean-navigation-menu-viewport-left`,top:`--soybean-navigation-menu-viewport-top`},a={size:`--soybean-navigation-menu-indicator-size`,left:`--soybean-navigation-menu-indicator-left`,top:`--soybean-navigation-menu-indicator-top`};function o(n){return e(()=>Object.keys(n).filter(e=>t.includes(e)))}function s(e,t){return`${e}-trigger-${t}`}function c(e,t){return`${e}-content-${t}`}function l(){let e=globalThis.window?.visualViewport;return{width:e?.width??globalThis.window?.innerWidth??document.documentElement.clientWidth,height:e?.height??globalThis.window?.innerHeight??document.documentElement.clientHeight}}function u(e,t,n,r){let i=r,a=n-r-t;return a<=i||e<i?i:e>a?a:e}function d(e,t,n){if(n!==`rtl`)return e;let{width:r}=l();return r-e-t}function f(e){let{rootElement:t,activeTriggerElement:n,contentSize:r,orientation:i,dir:a,align:o}=e,s=t.getBoundingClientRect(),{width:c,height:f}=l(),{width:p,height:m}=r,h=a===`rtl`,g=n?n.getBoundingClientRect():s,_={start:{left:h?g.right-p:g.left,top:s.bottom},center:{left:g.left+g.width/2-p/2,top:s.bottom},end:{left:h?g.left:g.right-p,top:s.bottom}},v={start:{left:h?s.left-p:s.right,top:g.top},center:{left:h?s.left-p:s.right,top:g.top+g.height/2-m/2},end:{left:h?s.left-p:s.right,top:g.bottom-m}},{left:y,top:b}=(i===`vertical`?v:_)[o];y=u(y,p,c,10),b=u(b,m,f,10);let x={left:d(y,p,a),top:b};return{left:Math.round(x.left),top:Math.round(x.top)}}function p(e){let{indicatorTrackElement:t,activeTriggerElement:n,orientation:r,dir:i}=e,a=t.getBoundingClientRect(),o=n.getBoundingClientRect(),s=r===`horizontal`,c=i===`rtl`,l=s?o.width:o.height,u={size:l,left:d(s?o.left:c?a.left-l:a.right,l,i),top:s?a.bottom:o.top+o.height/2};return{size:Math.round(u.size),left:Math.round(u.left),top:Math.round(u.top)}}export{n as EVENT_ROOT_CONTENT_DISMISS,r as LINK_SELECT,c as createContentId,s as createTriggerId,p as getNavigationMenuIndicatorPosition,f as getNavigationMenuViewportPosition,a as navigationMenuIndicatorCssVars,i as navigationMenuViewportCssVars,o as useCommonSlotNames};
+import{computed as e}from"vue";const t=[`item`,`item-leading`,`item-trailing`],n=`navigationMenu.rootContentDismiss`,r=`navigationMenu.linkSelect`,i=`soybeanNavigationMenuLinkDismissed`,a={width:`--soybean-navigation-menu-viewport-width`,height:`--soybean-navigation-menu-viewport-height`,left:`--soybean-navigation-menu-viewport-left`,top:`--soybean-navigation-menu-viewport-top`},o={size:`--soybean-navigation-menu-indicator-size`,left:`--soybean-navigation-menu-indicator-left`,top:`--soybean-navigation-menu-indicator-top`};function s(n){return e(()=>Object.keys(n).filter(e=>t.includes(e)))}function c(e,t){return`${e}-trigger-${t}`}function l(e,t){return`${e}-content-${t}`}function u(){let e=globalThis.window?.visualViewport;return{width:e?.width??globalThis.window?.innerWidth??document.documentElement.clientWidth,height:e?.height??globalThis.window?.innerHeight??document.documentElement.clientHeight}}function d(e,t,n,r){let i=r,a=n-r-t;return a<=i||e<i?i:e>a?a:e}function f(e,t,n){if(n!==`rtl`)return e;let{width:r}=u();return r-e-t}function p(e){let{rootElement:t,activeTriggerElement:n,contentSize:r,orientation:i,dir:a,align:o}=e,s=t.getBoundingClientRect(),{width:c,height:l}=u(),{width:p,height:m}=r,h=a===`rtl`,g=n?n.getBoundingClientRect():s,_={start:{left:h?g.right-p:g.left,top:s.bottom},center:{left:g.left+g.width/2-p/2,top:s.bottom},end:{left:h?g.left:g.right-p,top:s.bottom}},v={start:{left:h?s.left-p:s.right,top:g.top},center:{left:h?s.left-p:s.right,top:g.top+g.height/2-m/2},end:{left:h?s.left-p:s.right,top:g.bottom-m}},{left:y,top:b}=(i===`vertical`?v:_)[o];y=d(y,p,c,10),b=d(b,m,l,10);let x={left:f(y,p,a),top:b};return{left:Math.round(x.left),top:Math.round(x.top)}}function m(e){let{indicatorTrackElement:t,activeTriggerElement:n,orientation:r,dir:i}=e,a=t.getBoundingClientRect(),o=n.getBoundingClientRect(),s=r===`horizontal`,c=i===`rtl`,l=s?o.width:o.height,u={size:l,left:f(s?o.left:c?a.left-l:a.right,l,i),top:s?a.bottom:o.top+o.height/2};return{size:Math.round(u.size),left:Math.round(u.left),top:Math.round(u.top)}}export{n as EVENT_ROOT_CONTENT_DISMISS,i as LINK_DISMISSED,r as LINK_SELECT,l as createContentId,c as createTriggerId,m as getNavigationMenuIndicatorPosition,p as getNavigationMenuViewportPosition,o as navigationMenuIndicatorCssVars,a as navigationMenuViewportCssVars,s as useCommonSlotNames};

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

@@ -1,11 +1,11 @@
 import { Align, DataOrientation, Direction, UiClass } from "../../types/common.js";
 import { DismissableLayerEmits, DismissableLayerProps, ForceMountProps } from "../../types/component.js";
 import { BaseProps } from "../../types/vue.js";
+import "../../types/index.js";
 import { IconValue } from "../_icon/types.js";
 import { PrimitiveWithBaseProps } from "../primitive/types.js";
-import { LinkBaseProps, LinkProps } from "../link/types.js";
+import { LinkBaseProps, LinkBasePropsKey, LinkProps } from "../link/types.js";
 import { ShallowRef } from "vue";
-
 //#region src/components/navigation-menu/types.d.ts
 /**
  * Properties for the NavigationMenuRoot component.
@@ -228,7 +228,7 @@ interface NavigationMenuOptionCompactProps {
   /**
    * Properties forwarded to the link element.
    */
-  linkProps?: NavigationMenuLinkProps;
+  linkProps?: Omit<NavigationMenuLinkProps, LinkBasePropsKey>;
   /**
    * Properties forwarded to the trigger element.
    */
@@ -286,4 +286,4 @@ type NavigationMenuCompactEmits = NavigationMenuRootEmits & NavigationMenuOption
  */
 type NavigationMenuCompactSlots = NavigationMenuOptionCompactSlots;
 //#endregion
-export { NavigationMenuCompactEmits, NavigationMenuCompactProps, NavigationMenuCompactSlots, NavigationMenuContentEmits, NavigationMenuContentProps, NavigationMenuIndicatorProps, NavigationMenuItemProps, NavigationMenuLinkEmits, NavigationMenuLinkProps, NavigationMenuListProps, NavigationMenuOptionData, NavigationMenuRootEmits, NavigationMenuRootProps, NavigationMenuSubEmits, NavigationMenuSubListProps, NavigationMenuSubProps, NavigationMenuTriggerProps, NavigationMenuUi, NavigationMenuUiSlot, NavigationMenuViewportProps };
+export { NavigationMenuCompactEmits, NavigationMenuCompactProps, NavigationMenuCompactSlots, NavigationMenuContentEmits, NavigationMenuContentImplEmits, NavigationMenuContentImplProps, NavigationMenuContentProps, NavigationMenuIndicatorProps, NavigationMenuItemProps, NavigationMenuLinkEmits, NavigationMenuLinkProps, NavigationMenuListProps, NavigationMenuOptionCompactEmits, NavigationMenuOptionCompactProps, NavigationMenuOptionCompactSlots, NavigationMenuOptionData, NavigationMenuRootEmits, NavigationMenuRootProps, NavigationMenuSubEmits, NavigationMenuSubListProps, NavigationMenuSubOptionCompactSlots, NavigationMenuSubProps, NavigationMenuTriggerProps, NavigationMenuUi, NavigationMenuUiSlot, NavigationMenuViewportProps };

package/dist/components/page-tabs/context.d.ts

@@ -1,6 +1,8 @@
 import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/index.js";
 import { PageTabsUiSlot } from "./types.js";
+import "../../index.js";
 //#region src/components/page-tabs/context.d.ts
 declare const providePageTabsUi: (ui: import("vue").ComputedRef<Partial<UiClass<PageTabsUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<PageTabsUiSlot>>>, usePageTabsUi: UseUiConsumer<PageTabsUiSlot>;
 //#endregion

package/dist/components/page-tabs/hooks.js

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{computed as t,nextTick as n,watchEffect as r}from"vue";function i(t){let[i,a]=e();return r(async()=>{if(!i.value||!t.value)return;await n();let e=i.value.querySelector(`[data-value="${t.value}"]`);if(!e)return;let r=(i.value?.offsetWidth??0)/2,a=e.offsetLeft+e.offsetWidth/2-r;i.value.scrollTo({left:a,behavior:`smooth`})}),{setRootElement:a,onWheel:e=>{i.value&&(i.value.scrollLeft+=e.deltaY)}}}function a(e){let{items:n,modelValue:r}=e,i=t(()=>n.value.map(e=>e.value)),a=(e,t)=>{e.pinned=t},o=e=>{let t=i.value.indexOf(e);t!==-1&&n.value.splice(t,1)},s=e=>!n.value.find(t=>t.value===e)?.pinned,c=async(t,a)=>{if(!s(t)||await e.beforeClose(t)===!1)return;let c=r.value===t,l;if(c){let e=i.value.indexOf(t);l=(n.value[e+1]??n.value[e-1]??void 0)?.value}o(t),c&&(r.value=l??``),a?.()},l=e=>{if(e.length===0)return;let t=n.value.filter(t=>!e.includes(t.value)),i=e.includes(r.value),a;i&&(a=t[t.length-1]?.value),n.value=t,i&&(r.value=a??``)},u=e=>{let t=i.value.indexOf(e);return t<=0?[]:n.value.slice(0,t).filter(e=>!e.pinned).map(e=>e.value)},d=e=>u(e).length>0,f=e=>{d(e)&&l(u(e))},p=e=>{let t=i.value.indexOf(e);return t===-1||t>=i.value.length-1?[]:n.value.slice(t+1).filter(e=>!e.pinned).map(e=>e.value)},m=e=>p(e).length>0,h=e=>{m(e)&&l(p(e))},g=e=>n.value.filter(t=>t.value!==e&&!t.pinned).map(e=>e.value),_=e=>g(e).length>0,v=e=>{_(e)&&l(g(e))},y=()=>n.value.filter(e=>!e.pinned).map(e=>e.value),b=()=>y().length>0,x=()=>{b()&&l(y())},S=()=>{let e=[],t=[],r=[];n.value.forEach(n=>{n.pinned?n.hidePinnedIcon?e.push(n):t.push(n):r.push(n)});let i=[...e,...t,...r];i.some((e,t)=>e.value!==n.value[t].value)&&(n.value=i)};return{closeTab:c,pinTab:a,sortTabs:S,getState:e=>{let t=e.value;return{pin:()=>{e.pinned=!0,S()},unpin:()=>{e.pinned=!1,S()},closable:s(t),close:async()=>{await c(t)},leftClosable:d(t),closeLeft:()=>{f(t)},rightClosable:m(t),closeRight:()=>{h(t)},otherClosable:_(t),closeOther:()=>{v(t)},allClosable:b(),closeAll:()=>{x()}}}}}export{i as usePageTabsScroll,a as usePageTabsState};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{computed as t,nextTick as n,watchEffect as r}from"vue";function i(e){return+!e.pinned}function a(t){let[i,a]=e();return r(async()=>{if(!i.value||!t.value||(await n(),!i.value))return;let e=i.value.querySelector(`[data-value="${t.value}"]`);if(!e)return;let r=(i.value?.offsetWidth??0)/2,a=e.offsetLeft+e.offsetWidth/2-r;i.value.scrollTo({left:a,behavior:`smooth`})}),{rootElement:i,setRootElement:a,onWheel:e=>{i.value&&(i.value.scrollLeft+=e.deltaY)}}}function o(e){let{items:n,modelValue:r}=e,a=t(()=>n.value.map(e=>e.value)),o=(e,t)=>{e.pinned=t},s=e=>{let t=a.value.indexOf(e);t!==-1&&n.value.splice(t,1)},c=e=>!n.value.find(t=>t.value===e)?.pinned,l=async(t,i)=>{if(!c(t)||await e.beforeClose(t)===!1)return;let o=r.value===t,l;if(o){let e=a.value.indexOf(t);l=(n.value[e+1]??n.value[e-1]??void 0)?.value}s(t),o&&(r.value=l??``),i?.()},u=e=>{if(e.length===0)return;let t=n.value.filter(t=>!e.includes(t.value)),i=e.includes(r.value),a;i&&(a=t[t.length-1]?.value),n.value=t,i&&(r.value=a??``)},d=e=>{let t=a.value.indexOf(e);return t<=0?[]:n.value.slice(0,t).filter(e=>!e.pinned).map(e=>e.value)},f=e=>d(e).length>0,p=e=>{f(e)&&u(d(e))},m=e=>{let t=a.value.indexOf(e);return t===-1||t>=a.value.length-1?[]:n.value.slice(t+1).filter(e=>!e.pinned).map(e=>e.value)},h=e=>m(e).length>0,g=e=>{h(e)&&u(m(e))},_=e=>n.value.filter(t=>t.value!==e&&!t.pinned).map(e=>e.value),v=e=>_(e).length>0,y=e=>{v(e)&&u(_(e))},b=()=>n.value.filter(e=>!e.pinned).map(e=>e.value),x=()=>b().length>0,S=()=>{x()&&u(b())},C=()=>{let e=[...n.value].sort((e,t)=>i(e)-i(t));e.some((e,t)=>e.value!==n.value[t].value)&&(n.value=e)};return{closeTab:l,pinTab:o,sortTabs:C,getState:e=>{let t=e.value;return{pin:()=>{e.pinned=!0,C()},unpin:()=>{e.pinned=!1,C()},closable:c(t),close:async()=>{await l(t)},leftClosable:f(t),closeLeft:()=>{p(t)},rightClosable:h(t),closeRight:()=>{g(t)},otherClosable:v(t),closeOther:()=>{y(t)},allClosable:x(),closeAll:()=>{S()}}}}}export{i as getPageTabZone,a as usePageTabsScroll,o as usePageTabsState};

package/dist/components/page-tabs/index.d.ts

@@ -1,8 +1,8 @@
-import { PageTabsCloseProps, PageTabsCompactEmits, PageTabsCompactItemSlotProps, PageTabsCompactProps, PageTabsCompactSlots, PageTabsContextMenuOptionData, PageTabsItemEmits, PageTabsItemProps, PageTabsOptionData, PageTabsPinProps, PageTabsRootEmits, PageTabsRootProps, PageTabsState, PageTabsUi, PageTabsUiSlot } from "./types.js";
-import { _default as _default$4 } from "./page-tabs-root.vue.js";
-import { _default as _default$2 } from "./page-tabs-item.vue.js";
-import { _default } from "./page-tabs-close.vue.js";
-import { _default as _default$3 } from "./page-tabs-pin.vue.js";
-import { _default as _default$1 } from "./page-tabs-compact.vue.js";
+import { PageTabsCloseProps, PageTabsCompactEmits, PageTabsCompactItemSlotProps, PageTabsCompactProps, PageTabsCompactSlots, PageTabsContextMenuOptionData, PageTabsDragEvent, PageTabsItemEmits, PageTabsItemProps, PageTabsOptionData, PageTabsPinProps, PageTabsRootEmits, PageTabsRootProps, PageTabsState, PageTabsUi, PageTabsUiSlot } from "./types.js";
+import _default$4 from "./page-tabs-root.vue.js";
+import _default$2 from "./page-tabs-item.vue.js";
+import _default from "./page-tabs-close.vue.js";
+import _default$3 from "./page-tabs-pin.vue.js";
+import _default$1 from "./page-tabs-compact.vue.js";
 import { providePageTabsUi } from "./context.js";
-export { _default as PageTabsClose, type PageTabsCloseProps, _default$1 as PageTabsCompact, type PageTabsCompactEmits, type PageTabsCompactItemSlotProps, type PageTabsCompactProps, type PageTabsCompactSlots, type PageTabsContextMenuOptionData, _default$2 as PageTabsItem, type PageTabsItemEmits, type PageTabsItemProps, type PageTabsOptionData, _default$3 as PageTabsPin, type PageTabsPinProps, _default$4 as PageTabsRoot, type PageTabsRootEmits, type PageTabsRootProps, type PageTabsState, type PageTabsUi, type PageTabsUiSlot, providePageTabsUi };
+export { _default as PageTabsClose, type PageTabsCloseProps, _default$1 as PageTabsCompact, type PageTabsCompactEmits, type PageTabsCompactItemSlotProps, type PageTabsCompactProps, type PageTabsCompactSlots, type PageTabsContextMenuOptionData, type PageTabsDragEvent, _default$2 as PageTabsItem, type PageTabsItemEmits, type PageTabsItemProps, type PageTabsOptionData, _default$3 as PageTabsPin, type PageTabsPinProps, _default$4 as PageTabsRoot, type PageTabsRootEmits, type PageTabsRootProps, type PageTabsState, type PageTabsUi, type PageTabsUiSlot, providePageTabsUi };

package/dist/components/page-tabs/page-tabs-close.js

@@ -1 +1 @@
-import e from"../button/button.js";import{usePageTabsItemContext as t,usePageTabsUi as n}from"./context.js";import{computed as r,createBlock as i,createCommentVNode as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,unref as u,useAttrs as d,withCtx as f,withModifiers as p}from"vue";const m=o({name:`PageTabsClose`,__name:`page-tabs-close`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(o){let m=o,h=d(),g=n(`close`),{closable:_,onClose:v}=t(`PageTabsClose`),y=r(()=>h[`aria-label`]??`Close tab`);return(t,n)=>u(_)?(c(),i(e,s({key:0},m,{"data-soybean-page-tabs-close":``,class:u(g),"aria-label":y.value,tabindex:`-1`,onClick:p(u(v),[`stop`])}),{default:f(()=>[l(t.$slots,`default`)]),_:3},16,[`class`,`aria-label`,`onClick`])):a(`v-if`,!0)}});export{m as default};
+import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import t from"../button/button.js";import{usePageTabsItemContext as n,usePageTabsUi as r}from"./context.js";import{computed as i,createBlock as a,createCommentVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,unref as d,useAttrs as f,withCtx as p,withModifiers as m}from"vue";const h=s({name:`PageTabsClose`,__name:`page-tabs-close`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let h=s,g=f(),_=r(`close`),{closable:v,onClose:y}=n(`PageTabsClose`),b=e(),x=i(()=>g[`aria-label`]??b.value.pageTabs.closeTab);return(e,n)=>d(v)?(l(),a(t,c({key:0},h,{"data-soybean-page-tabs-close":``,class:d(_),"aria-label":x.value,tabindex:`-1`,onClick:m(d(y),[`stop`])}),{default:p(()=>[u(e.$slots,`default`)]),_:3},16,[`class`,`aria-label`,`onClick`])):o(`v-if`,!0)}});export{h as default};

package/dist/components/page-tabs/page-tabs-close.vue.d.ts

@@ -1,5 +1,4 @@
 import { PageTabsCloseProps } from "./types.js";
-
 //#region src/components/page-tabs/page-tabs-close.vue.d.ts
 declare var __VLS_10: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/page-tabs/page-tabs-compact.js

@@ -1 +1 @@
-import{useControllableState as e}from"../../composables/use-controllable-state.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import r from"../context-menu/context-menu-compact.js";import{usePageTabsUi as i}from"./context.js";import{usePageTabsState as a}from"./hooks.js";import o from"./page-tabs-root.js";import s from"./page-tabs-item.js";import c from"./page-tabs-close.js";import l from"./page-tabs-pin.js";import{Fragment as u,computed as d,createBlock as f,createCommentVNode as p,createElementBlock as m,createElementVNode as h,createVNode as g,defineComponent as _,isRef as v,mergeProps as y,normalizeClass as b,openBlock as x,renderList as S,renderSlot as C,shallowRef as w,toDisplayString as T,unref as E,watchEffect as D,withCtx as O}from"vue";const k=_({name:`PageTabsCompact`,__name:`page-tabs-compact`,props:{items:{},menuFactory:{},beforeClose:{type:Function,default:()=>!0},itemProps:{},pinProps:{},closeProps:{},contextMenuProps:{},modelValue:{default:void 0},middleClickClose:{type:Boolean},dir:{},loop:{type:Boolean},currentTabStopId:{},defaultCurrentTabStopId:{},preventScrollOnEntryFocus:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:items`,`click`,`close`,`pin`,`contextmenu`,`selectContextMenu`],setup(_,{emit:k}){let A=_,j=k,M=t(A,[`items`,`menuFactory`,`beforeClose`]),N=e(()=>A.modelValue,e=>{j(`update:modelValue`,e)},``),P=e(()=>A.items,e=>{j(`update:items`,e)},[]),{closeTab:F,pinTab:I,sortTabs:L,getState:R}=a({items:P,modelValue:N,beforeClose:A.beforeClose}),z=w(null),B=w(null),V=i(),H=d(()=>!z.value||!A.menuFactory?[]:A.menuFactory(z.value,R(z.value))),U=(e,t)=>({item:e,index:t,active:N.value===e.value,closable:!e.pinned}),W=e=>{j(`click`,e)},G=e=>{F(e.value,()=>{j(`close`,e)})},K=(e,t)=>{I(e,t),j(`pin`,e)},q=(e,t)=>{B.value=e.currentTarget,z.value=t,j(`contextmenu`,t)},J=async(e,t)=>{if(!z.value)return;let n=e;await n.action?.(),j(`selectContextMenu`,n,z.value)};return D(()=>{L()}),(e,t)=>(x(),f(o,y(E(M),{modelValue:E(N),"onUpdate:modelValue":t[0]||(t[0]=e=>v(N)?N.value=e:null)}),{default:O(()=>[(x(!0),m(u,null,S(E(P),(t,r)=>(x(),f(s,y({ref_for:!0},A.itemProps,{key:t.value,value:t.value,pinned:t.pinned,onClick:e=>W(t),onClose:e=>G(t),onPin:e=>K(t,e),onPointerenter:e=>q(e,t)}),{default:O(()=>[C(e.$slots,`item`,y({ref_for:!0},U(t,r)),()=>[C(e.$slots,`icon`,y({ref_for:!0},U(t,r)),()=>[t.icon?(x(),f(n,{key:0,icon:t.icon},null,8,[`icon`])):p(`v-if`,!0)]),C(e.$slots,`label`,y({ref_for:!0},U(t,r)),()=>[h(`span`,{class:b(E(V).itemText)},T(t.label),3)]),t.hidePinnedIcon?p(`v-if`,!0):(x(),f(l,y({key:0,ref_for:!0},A.pinProps),{default:O(()=>[C(e.$slots,`pin-icon`,{},()=>[g(n,{icon:`lucide:pin`})])]),_:3},16)),g(c,y({ref_for:!0},A.closeProps),{default:O(()=>[C(e.$slots,`close-icon`,{},()=>[g(n,{icon:`lucide:x`})])]),_:3},16),C(e.$slots,`indicator`,y({ref_for:!0},U(t,r)))])]),_:2},1040,[`value`,`pinned`,`onClick`,`onClose`,`onPin`,`onPointerenter`]))),128)),H.value.length?(x(),f(r,y({key:0},_.contextMenuProps,{modal:!1,items:H.value,"trigger-props":{reference:B.value},onSelect:J}),{trigger:O(()=>[...t[1]||(t[1]=[])]),_:1},16,[`items`,`trigger-props`])):p(`v-if`,!0)]),_:3},16,[`modelValue`]))}});export{k as default};
+import{useControllableState as e}from"../../composables/use-controllable-state.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import r from"../context-menu/context-menu-compact.js";import{usePageTabsUi as i}from"./context.js";import{getPageTabZone as a,usePageTabsState as o}from"./hooks.js";import s from"./page-tabs-root.js";import ee from"./page-tabs-item.js";import c from"./page-tabs-close.js";import l from"./page-tabs-pin.js";import{Fragment as u,TransitionGroup as d,computed as f,createBlock as p,createCommentVNode as m,createElementBlock as h,createElementVNode as g,createVNode as _,defineComponent as v,isRef as y,mergeProps as b,normalizeClass as x,openBlock as S,renderList as C,renderSlot as w,shallowRef as T,toDisplayString as te,unref as E,watchEffect as D,withCtx as O}from"vue";import{isSortable as k}from"@dnd-kit/vue/sortable";import{DragDropProvider as A,KeyboardSensor as j,PointerSensor as M}from"@dnd-kit/vue";import{arrayMove as N}from"@dnd-kit/helpers";import{PointerActivationConstraints as P}from"@dnd-kit/dom";const F=v({name:`PageTabsCompact`,__name:`page-tabs-compact`,props:{items:{},menuFactory:{},beforeClose:{type:Function,default:()=>!0},itemProps:{},pinProps:{},closeProps:{},contextMenuProps:{},modelValue:{default:void 0},middleClickClose:{type:Boolean},draggable:{type:Boolean},dir:{},loop:{type:Boolean},currentTabStopId:{},defaultCurrentTabStopId:{},preventScrollOnEntryFocus:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:items`,`click`,`close`,`pin`,`contextmenu`,`selectContextMenu`,`tabDragStart`,`tabDragMove`,`tabDragReorder`,`tabDragEnd`],setup(v,{emit:F}){let I=v,L=F,R=t(I,[`items`,`menuFactory`,`beforeClose`]),z=e(()=>I.modelValue,e=>{L(`update:modelValue`,e)},``),B=e(()=>I.items,e=>{L(`update:items`,e)},[]),{closeTab:V,pinTab:H,sortTabs:ne,getState:U}=o({items:B,modelValue:z,beforeClose:I.beforeClose}),W=T(null),G=T(null),K=i(),q=f(()=>!W.value||!I.menuFactory?[]:I.menuFactory(W.value,U(W.value))),J=[M.configure({activationConstraints:[new P.Distance({value:4})]}),j];function Y(e){if(e.canceled)return;let{source:t,target:n}=e.operation;if(!t||!n||!k(t)||!k(n)||t.sortable===n.sortable)return;let r=B.value,i=t.sortable.initialIndex,a=t.sortable.index;if(i===a)return;B.value=N(r,i,a);let o=B.value[a];o&&L(`tabDragReorder`,{item:o,index:a})}function X(e){let{source:t,target:n}=e.operation;if(!t||!n||!k(t)||!k(n)||t.sortable===n.sortable)return;let r=B.value.find(e=>e.value===String(t.id)),i=B.value.find(e=>e.value===String(n.id));!r||!i||a(r)!==a(i)&&e.preventDefault()}let Z=e=>{let t=e.operation.source;if(!t)return null;let n=B.value.find(e=>e.value===String(t.id));return n?{item:n,index:t.sortable?.index??B.value.findIndex(e=>e.value===n.value)}:null},re=e=>{let t=Z(e);t&&L(`tabDragStart`,t)},ie=e=>{let t=Z(e);t&&L(`tabDragMove`,t)},ae=e=>{Y(e);let t=Z(e);t&&L(`tabDragEnd`,t)},Q=(e,t)=>({item:e,index:t,active:z.value===e.value,closable:!e.pinned}),oe=e=>{L(`click`,e)},$=e=>{V(e.value,()=>{L(`close`,e)})},se=(e,t)=>{H(e,t),L(`pin`,e)},ce=(e,t)=>{G.value=e.currentTarget,W.value=t,L(`contextmenu`,t)},le=async(e,t)=>{if(!W.value)return;let n=e;await n.action?.(),L(`selectContextMenu`,n,W.value)};return D(()=>{ne()}),(e,t)=>(S(),p(E(A),{sensors:J,onDragOver:X,onDragStart:re,onDragMove:ie,onDragEnd:ae},{default:O(()=>[_(s,b(E(R),{modelValue:E(z),"onUpdate:modelValue":t[0]||(t[0]=e=>y(z)?z.value=e:null)}),{default:O(()=>[_(d,{name:`page-tabs`},{default:O(()=>[(S(!0),h(u,null,C(E(B),(t,r)=>(S(),p(ee,b({ref_for:!0},I.itemProps,{key:t.value,value:t.value,pinned:t.pinned,draggable:I.draggable&&t.draggable!==!1,index:r,onClick:e=>oe(t),onClose:e=>$(t),onPin:e=>se(t,e),onPointerenter:e=>ce(e,t)}),{default:O(()=>[w(e.$slots,`item`,b({ref_for:!0},Q(t,r)),()=>[w(e.$slots,`icon`,b({ref_for:!0},Q(t,r)),()=>[t.icon?(S(),p(n,{key:0,icon:t.icon},null,8,[`icon`])):m(`v-if`,!0)]),w(e.$slots,`label`,b({ref_for:!0},Q(t,r)),()=>[g(`span`,{class:x(E(K).itemText)},te(t.label),3)]),t.hidePinnedIcon?m(`v-if`,!0):(S(),p(l,b({key:0,ref_for:!0},I.pinProps),{default:O(()=>[w(e.$slots,`pin-icon`,{},()=>[_(n,{icon:`lucide:pin`})])]),_:3},16)),_(c,b({ref_for:!0},I.closeProps),{default:O(()=>[w(e.$slots,`close-icon`,{},()=>[_(n,{icon:`lucide:x`})])]),_:3},16),w(e.$slots,`indicator`,b({ref_for:!0},Q(t,r)))])]),_:2},1040,[`value`,`pinned`,`draggable`,`index`,`onClick`,`onClose`,`onPin`,`onPointerenter`]))),128))]),_:3}),q.value.length?(S(),p(r,b({key:0},v.contextMenuProps,{modal:!1,items:q.value,"trigger-props":{reference:G.value},onSelect:le}),{trigger:O(()=>[...t[1]||(t[1]=[])]),_:1},16,[`items`,`trigger-props`])):m(`v-if`,!0)]),_:3},16,[`modelValue`])]),_:3}))}});export{F as default};

package/dist/components/page-tabs/page-tabs-compact.vue.d.ts

@@ -1,14 +1,17 @@
-import { PageTabsCompactEmits, PageTabsCompactProps, PageTabsCompactSlots, PageTabsContextMenuOptionData, PageTabsOptionData } from "./types.js";
-
+import { PageTabsCompactEmits, PageTabsCompactProps, PageTabsCompactSlots, PageTabsContextMenuOptionData, PageTabsDragEvent, PageTabsOptionData } from "./types.js";
 //#region src/components/page-tabs/page-tabs-compact.vue.d.ts
 declare const __VLS_export: <T extends PageTabsOptionData = PageTabsOptionData>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: import("vue").PublicProps & __VLS_PrettifyLocal<PageTabsCompactProps<T> & {
     onContextmenu?: ((tab: T) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onClick?: ((tab: T) => any) | undefined;
     onClose?: ((tab: T) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     "onUpdate:items"?: ((items: T[]) => any) | undefined;
     onPin?: ((tab: T) => any) | undefined;
+    onTabDragStart?: ((tab: PageTabsDragEvent<T>) => any) | undefined;
+    onTabDragMove?: ((tab: PageTabsDragEvent<T>) => any) | undefined;
+    onTabDragReorder?: ((tab: PageTabsDragEvent<T>) => any) | undefined;
+    onTabDragEnd?: ((tab: PageTabsDragEvent<T>) => any) | undefined;
     onSelectContextMenu?: ((menu: PageTabsContextMenuOptionData, tab: T) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -18,9 +21,9 @@ declare const __VLS_export: <T extends PageTabsOptionData = PageTabsOptionData>(
   slots: PageTabsCompactSlots<T>;
   emit: PageTabsCompactEmits<T>;
 }>) => import("vue").VNode & {
-  __ctx?: Awaited<typeof __VLS_setup>;
+  __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };
 declare const _default: typeof __VLS_export;
-type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K]; } : { [K in keyof T as K]: T[K]; }) & {};
 //#endregion
-export { _default };
+export { _default as default };