@soybeanjs/headless 0.18.0 → 0.20.0

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 & {

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

@@ -1,15 +1,16 @@
 import { DefinedValue, Direction, Placement, UiClass } from "../../types/common.js";
-import { PrimitiveProps } from "../primitive/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 { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+import { ComputedRef, ShallowRef } from "vue";
 
 //#region src/components/menubar/types.d.ts
 /**
  * Properties for the MenubarRoot component.
  */
-interface MenubarRootProps<T extends DefinedValue = DefinedValue> extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'onSelect'> {
+interface MenubarRootProps<T extends DefinedValue = DefinedValue> extends Omit<PrimitiveWithBaseProps, 'onSelect'> {
   /** The controlled value of the menu to open. Can be used as `v-model`. */
   modelValue?: T;
   /** The value of the menu that should be open when initially rendered. */
@@ -38,10 +39,7 @@ interface MenubarMenuProps {
 /**
  * Properties for the MenubarTrigger component.
  */
-interface MenubarTriggerProps extends PrimitiveProps, /** @vue-ignore */ButtonHTMLAttributes {
-  /** When `true`, prevents the user from interacting with the trigger. */
-  disabled?: boolean;
-}
+interface MenubarTriggerProps extends ButtonProps {}
 /**
  * Events for the MenubarContent component.
  */

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

@@ -1 +1 @@
-import{getDisclosureState as e}from"../../shared/value.js";import"../../shared/index.js";import{useContext as t}from"../../composables/use-context.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{useDirection as a}from"../config-provider/context.js";import{EVENT_ROOT_CONTENT_DISMISS as o}from"./shared.js";import{computed 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=a(e.dir),m=c(),h=e=>{m.value=e},[g,_]=r(),[v,y]=r(),b=c(),x=e=>{b.value=e},S=c(new Set),C=e=>{S.value.add(e)},w=e=>{S.value.delete(e)},T=s(()=>S.value.has(t.value)),E=c(``),D=l(!1,n.value),O=u(e=>{typeof e==`string`&&(E.value=t.value,t.value=e)},s(()=>t.value!==``||D.value?150:i.value)),k=e=>{O(e)},A=()=>{D.value=!0,O(``)},j=e=>{O(e)},M=()=>{f.value||O(``)},N=e=>{E.value=t.value,t.value=e},P=()=>{E.value=t.value,t.value=``};return d(m,o,P),{...e,dir:p,baseId:`soybean-navigation-menu`,rootElement:m,onRootElementChange:h,viewportElement:g,setViewportElement:_,indicatorTrackElement:v,setIndicatorTrackElement:y,activeTriggerElement:b,values:S,addValue:C,removeValue:w,open:T,previousValue:E,onActiveTriggerElementChange:x,onTriggerEnter:k,onTriggerLeave:A,onContentEnter:j,onContentLeave:M,onItemSelect:N,onItemDismiss:P}}),{provideCollectionContext:m,useCollectionContext:h,useCollectionItem:g}=n(`NavigationMenu`),[_,v]=t(`NavigationMenuItem`,t=>{let[n,i]=r(),{modelValue:a,value:o}=t,l=c(),u=e=>{l.value=e},d=c(!1),f=s(()=>a.value===o),p=s(()=>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};
+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};

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

@@ -1,4 +1,5 @@
-import { NavigationMenuCompactEmits, NavigationMenuCompactProps, NavigationMenuCompactSlots, NavigationMenuContentEmits, NavigationMenuContentProps, NavigationMenuIndicatorProps, NavigationMenuItemData, NavigationMenuItemProps, NavigationMenuLinkEmits, NavigationMenuLinkProps, NavigationMenuListProps, NavigationMenuRootEmits, NavigationMenuRootProps, NavigationMenuSubEmits, NavigationMenuSubListProps, NavigationMenuSubProps, NavigationMenuTriggerProps, NavigationMenuUi, NavigationMenuUiSlot, NavigationMenuViewportProps } from "./types.js";
+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";
@@ -8,6 +9,5 @@ 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 { 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 NavigationMenuItemData, type NavigationMenuItemProps, _default$4 as NavigationMenuLink, type NavigationMenuLinkEmits, type NavigationMenuLinkProps, _default$5 as NavigationMenuList, type NavigationMenuListProps, _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 };
+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/index.js

@@ -1 +1 @@
-import{provideNavigationMenuUi as e}from"./context.js";import t from"./navigation-menu-root.js";import n from"./navigation-menu-list.js";import r from"./navigation-menu-item.js";import i from"./navigation-menu-trigger.js";import a from"./navigation-menu-content.js";import o from"./navigation-menu-link.js";import s from"./navigation-menu-sub-list.js";import c from"./navigation-menu-viewport.js";import l from"./navigation-menu-indicator.js";import u from"./navigation-menu-compact.js";export{u as NavigationMenuCompact,a as NavigationMenuContent,l as NavigationMenuIndicator,r as NavigationMenuItem,o as NavigationMenuLink,n as NavigationMenuList,t as NavigationMenuRoot,s as NavigationMenuSubList,i as NavigationMenuTrigger,c as NavigationMenuViewport,e as provideNavigationMenuUi};
+import{provideNavigationMenuUi as e}from"./context.js";import t from"./navigation-menu-indicator.js";import n from"./navigation-menu-list.js";import r from"./navigation-menu-content.js";import i from"./navigation-menu-item.js";import a from"./navigation-menu-link.js";import o from"./navigation-menu-sub-list.js";import s from"./navigation-menu-trigger.js";import c from"./navigation-menu-root.js";import l from"./navigation-menu-viewport.js";import u from"./navigation-menu-compact.js";export{u as NavigationMenuCompact,r as NavigationMenuContent,t as NavigationMenuIndicator,i as NavigationMenuItem,a as NavigationMenuLink,n as NavigationMenuList,c as NavigationMenuRoot,o as NavigationMenuSubList,s as NavigationMenuTrigger,l as NavigationMenuViewport,e as provideNavigationMenuUi};

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

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../_icon/icon.js";import n from"./navigation-menu-root.js";import r from"./navigation-menu-list.js";import i from"./navigation-menu-item.js";import a from"./navigation-menu-trigger.js";import o from"./navigation-menu-content.js";import s from"./navigation-menu-link.js";import c from"./navigation-menu-sub-list.js";import l from"./navigation-menu-viewport.js";import u from"./navigation-menu-indicator.js";import{Fragment as d,createBlock as f,createCommentVNode as p,createElementBlock as m,createElementVNode as h,createVNode as g,defineComponent as _,guardReactiveProps as v,mergeProps as y,normalizeProps as b,openBlock as x,renderList as S,renderSlot as C,toDisplayString as w,unref as T,withCtx as E}from"vue";const D={key:0},O=_({name:`NavigationMenuCompact`,__name:`navigation-menu-compact`,props:{items:{},itemProps:{},linkProps:{},triggerProps:{},contentProps:{},listProps:{},subListProps:{},subItemProps:{},viewportProps:{},indicatorProps:{},modelValue:{},defaultValue:{},dir:{},orientation:{},delayDuration:{},skipDelayDuration:{},disableClickTrigger:{type:Boolean},disableHoverTrigger:{type:Boolean},disablePointerLeaveClose:{type:Boolean},unmountOnHide:{type:Boolean}},emits:[`update:modelValue`,`select`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`],setup(_,{emit:O}){let k=_,A=O,j=e(k,[`items`,`itemProps`,`linkProps`,`triggerProps`,`contentProps`,`listProps`,`subListProps`,`subItemProps`,`viewportProps`,`indicatorProps`]);function M(e){return!!(e.to||e.href)}function N(e){return M(e)?{...k.linkProps,disabled:e.disabled,to:e.to,href:e.href,target:e.target,external:e.external}:{}}function P(e){return!!e.children?.length}return(e,O)=>(x(),f(n,y(T(j),{"onUpdate:modelValue":O[7]||(O[7]=e=>A(`update:modelValue`,e))}),{default:E(()=>[g(r,b(v(_.listProps)),{default:E(()=>[(x(!0),m(d,null,S(_.items,n=>(x(),f(i,y({key:n.value},{ref_for:!0},_.itemProps,{value:n.value}),{default:E(()=>[p(` Simple link item (no children) `),P(n)?(x(),m(d,{key:1},[p(` Item with children (trigger + content) `),g(a,y({ref_for:!0},_.triggerProps,{disabled:n.disabled,"as-child":M(n)}),{default:E(()=>[M(n)?(x(),f(s,y({key:0,ref_for:!0},N(n),{onSelect:O[1]||(O[1]=e=>A(`select`,e))}),{default:E(()=>[C(e.$slots,`item`,{item:n,isTrigger:!0},()=>[C(e.$slots,`item-leading`,{item:n}),h(`span`,null,w(n.label),1),C(e.$slots,`item-trailing`,{item:n}),C(e.$slots,`item-trigger-icon`,{item:n},()=>[g(t,{icon:`lucide:chevron-down`,"aria-hidden":!0})])])]),_:2},1040)):C(e.$slots,`item`,{key:1,item:n,isTrigger:!0},()=>[C(e.$slots,`item-leading`,{item:n}),h(`span`,null,w(n.label),1),C(e.$slots,`item-trailing`,{item:n}),C(e.$slots,`item-trigger-icon`,{item:n},()=>[g(t,{icon:`lucide:chevron-down`,"aria-hidden":!0})])])]),_:2},1040,[`disabled`,`as-child`]),g(o,y({ref_for:!0},_.contentProps,{onFocusOutside:O[3]||(O[3]=e=>A(`focusOutside`,e)),onInteractOutside:O[4]||(O[4]=e=>A(`interactOutside`,e)),onPointerDownOutside:O[5]||(O[5]=e=>A(`pointerDownOutside`,e)),onEscapeKeyDown:O[6]||(O[6]=e=>A(`escapeKeyDown`,e))}),{default:E(()=>[C(e.$slots,`item-children`,{item:n},()=>[g(c,y({ref_for:!0},_.subListProps),{default:E(()=>[(x(!0),m(d,null,S(n.children,t=>(x(),f(i,y({key:t.value},{ref_for:!0},_.subItemProps,{value:t.value}),{default:E(()=>[g(s,y({ref_for:!0},N(t),{onSelect:O[2]||(O[2]=e=>A(`select`,e))}),{default:E(()=>[C(e.$slots,`item`,{item:t},()=>[C(e.$slots,`item-leading`,{item:t}),h(`span`,null,w(t.label),1),t.description?(x(),m(`span`,D,w(t.description),1)):p(`v-if`,!0),C(e.$slots,`item-trailing`,{item:t})])]),_:2},1040)]),_:2},1040,[`value`]))),128))]),_:2},1040)])]),_:2},1040)],64)):(x(),f(s,y({key:0,ref_for:!0},N(n),{onSelect:O[0]||(O[0]=e=>A(`select`,e))}),{default:E(({isHref:r})=>[C(e.$slots,`item`,{item:n},()=>[C(e.$slots,`item-leading`,{item:n}),h(`span`,null,w(n.label),1),C(e.$slots,`item-trailing`,{item:n}),r?C(e.$slots,`item-link-icon`,{key:0,item:n},()=>[g(t,{icon:`lucide:arrow-up-right`,"aria-hidden":!0})]):p(`v-if`,!0)])]),_:2},1040))]),_:2},1040,[`value`]))),128))]),_:3},16),g(u,b(v(_.indicatorProps)),{default:E(()=>[C(e.$slots,`indicator`,{},()=>[O[8]||(O[8]=h(`div`,null,null,-1))])]),_:3},16),g(l,b(v(_.viewportProps)),null,16)]),_:3},16))}});export{O as default};
+import{e}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.1/node_modules/@soybeanjs/utils/dist/index.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import{useOmitProps as n,usePickProps as r}from"../../composables/use-props.js";import"../../composables/index.js";import i from"../arrow/arrow.js";import{useNavigationMenuUi as a}from"./context.js";import o from"./navigation-menu-indicator.js";import s from"./navigation-menu-list.js";import c from"./navigation-menu-option-compact.js";import l from"./navigation-menu-root.js";import u from"./navigation-menu-viewport.js";import{Fragment as d,computed as f,createBlock as p,createElementBlock as m,createSlots as h,createVNode as g,defineComponent as _,guardReactiveProps as v,mergeProps as y,normalizeClass as b,normalizeProps as x,openBlock as S,renderList as C,renderSlot as w,toHandlers as T,unref as E,useSlots as D,withCtx as O}from"vue";const k=_({name:`NavigationMenuCompact`,__name:`navigation-menu-compact`,props:{items:{},modelValue:{},defaultValue:{},dir:{},orientation:{},delayDuration:{},skipDelayDuration:{},disableClickTrigger:{type:Boolean},disableHoverTrigger:{type:Boolean},disablePointerLeaveClose:{type:Boolean},unmountOnHide:{type:Boolean},itemProps:{},linkProps:{},triggerProps:{},contentProps:{},viewportProps:{},indicatorProps:{},listProps:{},subListProps:{},subItemProps:{}},emits:[`update:modelValue`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`select`],setup(_,{emit:k}){let A=_,j=k,M=D(),N=[`itemProps`,`linkProps`,`triggerProps`,`contentProps`,`viewportProps`,`indicatorProps`,`listProps`,`subListProps`,`subItemProps`],P=n(A,[`items`,...N]),F=r(A,[...N]),I=t(j),L=f(()=>e(M)),R=a();return(e,t)=>(S(),p(l,y(E(P),{"onUpdate:modelValue":t[0]||(t[0]=e=>j(`update:modelValue`,e))}),{default:O(()=>[g(s,x(v(_.listProps)),{default:O(()=>[(S(!0),m(d,null,C(_.items,t=>(S(),p(c,y({key:t.value},{ref_for:!0},E(F),{item:t},T(E(I))),h({_:2},[C(L.value,t=>({name:t,fn:O(n=>[w(e.$slots,t,y({ref_for:!0},n))])}))]),1040,[`item`]))),128))]),_:3},16),g(o,x(v(_.indicatorProps)),{default:O(()=>[g(i,{class:b(E(R).arrow)},null,8,[`class`])]),_:1},16),g(u,x(v(_.viewportProps)),null,16)]),_:3},16))}});export{k as default};

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

@@ -8,20 +8,20 @@ declare const __VLS_base: _$vue.DefineComponent<NavigationMenuCompactProps, {},
   select: (payload: CustomEvent<{
     originalEvent: Event;
   }>) => any;
-  "update:modelValue": (value: string) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
+  "update:modelValue": (value: string) => any;
 }, string, _$vue.PublicProps, Readonly<NavigationMenuCompactProps> & Readonly<{
   onSelect?: ((payload: CustomEvent<{
     originalEvent: Event;
   }>) => any) | undefined;
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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),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=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};

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

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import{usePresence as t}from"../../composables/use-presence.js";import"../../composables/index.js";import{navigationMenuIndicatorCssVars as n}from"./shared.js";import{useNavigationMenuRootContext as r,useNavigationMenuUi as i}from"./context.js";import{Teleport as a,computed as o,createBlock as s,createCommentVNode as c,createElementBlock as l,defineComponent as u,mergeProps as d,openBlock as f,renderSlot as p,shallowRef as m,unref as h,useAttrs as g,watchEffect as _}from"vue";import{useResizeObserver as v}from"@vueuse/core";const y=[`data-state`],b=u({name:`NavigationMenuIndicator`,inheritAttrs:!1,__name:`navigation-menu-indicator`,props:{forceMount:{type:Boolean}},setup(u){let b=u,x=g(),{orientation:S,activeTriggerElement:C,modelValue:w,indicatorTrackElement:T}=r(`NavigationMenuIndicator`),[E,D]=e(),O=i(`indicator`),k=o(()=>!!w.value),A=b.forceMount?m(!0):t(E,()=>k.value),j=m(),M=o(()=>{if(!j.value)return{};let{size:e,position:t}=j.value;return{[n.size]:`${e}px`,[n.position]:`${t}px`}}),N=()=>{if(!C.value)return;let{offsetWidth:e,offsetHeight:t,offsetLeft:n,offsetTop:r}=C.value,i=S.value===`horizontal`;j.value={size:i?e:t,position:i?n:r}};return _(()=>{if(!w.value){j.value=void 0;return}N()}),v(C,N),v(T,N),(e,t)=>h(T)?(f(),s(a,{key:0,to:h(T)},[h(A)?(f(),l(`div`,d({key:0},h(x),{ref:h(D),class:h(O),"aria-hidden":`true`,"data-state":k.value?`visible`:`hidden`,style:M.value}),[p(e.$slots,`default`)],16,y)):c(`v-if`,!0)],8,[`to`])):c(`v-if`,!0)}});export{b as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{usePresence as t}from"../../composables/use-presence.js";import"../../composables/index.js";import{getNavigationMenuIndicatorPosition as n,navigationMenuIndicatorCssVars as r}from"./shared.js";import{useNavigationMenuRootContext as i,useNavigationMenuUi as a}from"./context.js";import{Teleport as o,computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,defineComponent as d,mergeProps as f,openBlock as p,renderSlot as m,shallowRef as h,unref as g,useAttrs as _,watchEffect as v}from"vue";import{useResizeObserver as y}from"@vueuse/core";const b=[`dir`,`data-orientation`,`data-state`],x=d({name:`NavigationMenuIndicator`,inheritAttrs:!1,__name:`navigation-menu-indicator`,props:{forceMount:{type:Boolean}},setup(d){let x=d,S=_(),{dir:C,rootElement:w,orientation:T,activeTriggerElement:E,modelValue:D,indicatorTrackElement:O}=i(`NavigationMenuIndicator`),[k,A]=e(),j=a(`indicator`),M=s(()=>!!D.value),N=x.forceMount?h(!0):t(k,()=>M.value),P=h(),F=s(()=>{if(!P.value)return{};let{size:e,left:t,top:n}=P.value;return{[r.size]:`${e}px`,[r.left]:`${t}px`,[r.top]:`${n}px`}}),I=()=>{!E.value||!O.value||(P.value=n({indicatorTrackElement:O.value,activeTriggerElement:E.value,orientation:T.value,dir:C.value}))},L=s(()=>O.value?.ownerDocument?.body??w.value?.ownerDocument?.body);return v(()=>{if(!D.value){P.value=void 0;return}I()}),y(E,I),y(O,I),(e,t)=>L.value?(p(),c(o,{key:0,to:L.value},[g(N)?(p(),u(`div`,f({key:0},g(S),{ref:g(A),"data-soybean-navigation-menu-indicator":``,class:g(j),"aria-hidden":`true`,dir:g(C),"data-orientation":g(T),"data-state":M.value?`visible`:`hidden`,style:F.value}),[m(e.$slots,`default`)],16,b)):l(`v-if`,!0)],8,[`to`])):l(`v-if`,!0)}});export{x as default};

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

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

package/dist/components/navigation-menu/navigation-menu-item.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,removeFromTabOrder as r,tryFocusFirst as i}from"../../shared/focus.js";import"../../shared/index.js";import"../../composables/index.js";import{createContentId as a,createTriggerId as o}from"./shared.js";import{provideNavigationMenuItemContext as s,useCollectionContext as c,useNavigationMenuRootContext as l,useNavigationMenuUi as u}from"./context.js";import{computed as d,createElementBlock as f,defineComponent as p,normalizeClass as m,onBeforeUnmount as h,openBlock as g,renderSlot as _,useId as v,withKeys as y}from"vue";const b=p({name:`NavigationMenuItem`,__name:`navigation-menu-item`,props:{value:{}},setup(p){let b=p,{isRoot:x,baseId:S,modelValue:C,onItemDismiss:w,addValue:T,removeValue:E}=l(`NavigationMenuItem`),{getOrderedElements:D}=c(`NavigationMenuItem`),O=u(),k=d(()=>x?O.value?.item:O.value?.subItem),A=b.value??v(),j=a(S,A),M=o(S,A),N=()=>({}),P=async(e=`start`)=>{let t=document.getElementById(j);if(!t)return;N();let r=n(t);r.length&&i(e===`start`?r:r.slice().reverse())},F=()=>{let e=document.getElementById(j);if(!e)return;let t=n(e);t.length&&(N=r(t))},{triggerElement:I}=s({value:A,modelValue:C,contentId:j,triggerId:M,onEntryKeyDown:P,onFocusProxyEnter:P,onContentFocusOutside:F,onRootContentClose:F}),L=()=>{w(),I.value?.focus()},R=n=>{let r=t();if(!r)return;if(n.key===`Enter`||n.key===` `){if(C.value===A){L(),n.preventDefault();return}n.target.click(),n.preventDefault();return}let i=D().filter(e=>e.parentElement?.hasAttribute(`data-menu-item`));i.includes(r)&&(e(n,r,void 0,{itemsArray:i,loop:!1})?.focus?.(),n.preventDefault(),n.stopPropagation())};return T(A),h(()=>{E(A)}),(e,t)=>(g(),f(`li`,{class:m(k.value),"data-menu-item":``,onKeydown:y(R,[`up`,`down`,`left`,`right`,`home`,`end`,`space`])},[_(e.$slots,`default`)],34))}});export{b as default};
+import{useArrowNavigation as e}from"../../composables/use-arrow-navigation.js";import{getActiveElement as t}from"../../shared/dom.js";import{getTabbableCandidates as n,removeFromTabOrder as r,tryFocusFirst as i}from"../../shared/focus.js";import"../../shared/index.js";import"../../composables/index.js";import{createContentId as a,createTriggerId as o}from"./shared.js";import{provideNavigationMenuItemContext as s,useCollectionContext as c,useNavigationMenuRootContext as l,useNavigationMenuUi as u}from"./context.js";import{computed as d,createElementBlock as f,defineComponent as p,normalizeClass as m,onBeforeUnmount as h,openBlock as g,renderSlot as _,useId as v,withKeys as y}from"vue";const b=p({name:`NavigationMenuItem`,__name:`navigation-menu-item`,props:{value:{}},setup(p){let b=p,{isRoot:x,baseId:S,modelValue:C,onItemDismiss:w,addValue:T,removeValue:E}=l(`NavigationMenuItem`),{getOrderedElements:D}=c(`NavigationMenuItem`),O=u(),k=d(()=>x?O.value?.item:O.value?.subItem),A=b.value??v(),j=a(S,A),M=o(S,A),N=()=>({}),P=async(e=`start`)=>{let t=document.getElementById(j);if(!t)return;N();let r=n(t);r.length&&i(e===`start`?r:r.slice().reverse())},F=()=>{let e=document.getElementById(j);if(!e)return;let t=n(e);t.length&&(N=r(t))},{triggerElement:I}=s({value:A,modelValue:C,contentId:j,triggerId:M,onEntryKeyDown:P,onFocusProxyEnter:P,onContentFocusOutside:F,onRootContentClose:F}),L=()=>{w(),I.value?.focus()},R=n=>{let r=t();if(!r)return;if(n.key===`Enter`||n.key===` `){if(C.value===A){L(),n.preventDefault();return}n.target.click(),n.preventDefault();return}let i=D().filter(e=>e.parentElement?.hasAttribute(`data-menu-item`));i.includes(r)&&(e(n,r,void 0,{itemsArray:i,loop:!1})?.focus?.(),n.preventDefault(),n.stopPropagation())};return T(A),h(()=>{E(A)}),(e,t)=>(g(),f(`li`,{"data-soybean-navigation-menu-item":``,class:m(k.value),"data-menu-item":``,onKeydown:y(R,[`up`,`down`,`left`,`right`,`home`,`end`,`space`])},[_(e.$slots,`default`)],34))}});export{b 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),{itemProps:C,setItemElement:w}=i(),T=e(v,[`active`],C),E=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(T),{ref:h(w),class:S.value,"data-active":l.active?``:void 0,"aria-current":l.active?`page`:void 0,onClick:E}),{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_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};

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

@@ -1 +1 @@
-import{useNavigationMenuRootContext as e,useNavigationMenuUi as t}from"./context.js";import{createElementBlock as n,createElementVNode as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,unref as c,useAttrs as l}from"vue";const u=i({name:`NavigationMenuList`,inheritAttrs:!1,__name:`navigation-menu-list`,setup(i){let u=l(),{setIndicatorTrackElement:d}=e(`NavigationMenuList`),f=t(`list`);return(e,t)=>(o(),n(`div`,{ref:c(d),style:{position:`relative`}},[r(`ul`,a(c(u),{class:c(f)}),[s(e.$slots,`default`)],16)],512))}});export{u as default};
+import{useNavigationMenuRootContext as e,useNavigationMenuUi as t}from"./context.js";import{createElementBlock as n,createElementVNode as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,unref as c,useAttrs as l}from"vue";const u=i({name:`NavigationMenuList`,inheritAttrs:!1,__name:`navigation-menu-list`,setup(i){let u=l(),{setIndicatorTrackElement:d}=e(`NavigationMenuList`),f=t(`list`);return(e,t)=>(o(),n(`div`,{ref:c(d),"data-soybean-navigation-menu-list":``},[r(`ul`,a(c(u),{class:c(f)}),[s(e.$slots,`default`)],16)],512))}});export{u as default};

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

@@ -0,0 +1 @@
+import{e}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.1/node_modules/@soybeanjs/utils/dist/index.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import"../../composables/index.js";import n from"../_icon/icon.js";import{useCommonSlotNames as r}from"./shared.js";import{useNavigationMenuUi as i}from"./context.js";import a from"./navigation-menu-item-slot-compact.js";import o from"./navigation-menu-sub-option-compact.js";import s from"./navigation-menu-content.js";import c from"./navigation-menu-item.js";import l from"./navigation-menu-link.js";import u from"./navigation-menu-sub-list.js";import d from"./navigation-menu-trigger.js";import{Fragment as f,computed as p,createBlock as m,createElementBlock as h,createElementVNode as g,createSlots as _,createVNode as v,defineComponent as y,guardReactiveProps as b,mergeProps as x,normalizeClass as S,normalizeProps as C,openBlock as w,renderList as T,renderSlot as E,resolveDynamicComponent as D,toDisplayString as O,toHandlers as k,unref as A,useSlots as j,withCtx as M}from"vue";const N=y({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(y,{emit:N}){let P=y,F=N,I=j(),L=t(F),R=p(()=>e(I)),z=r(I),B=i(),V=p(()=>!!(P.item.to||P.item.href)),H=p(()=>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,t)=>(w(),m(c,x(y.itemProps,{value:y.item.value}),{default:M(()=>[y.item.children?.length?(w(),h(f,{key:1},[v(d,x(y.triggerProps,{disabled:y.item.disabled,"as-child":V.value}),{default:M(()=>[(w(),m(D(V.value?l:`template`),x(H.value,{onSelect:t[1]||(t[1]=e=>F(`select`,e))}),{default:M(()=>[v(a,{icon:y.item.icon},_({"trigger-icon":M(()=>[E(e.$slots,`item-trigger-icon`,{item:y.item},()=>[v(n,{icon:`lucide:chevron-down`,class:S(A(B).triggerIcon)},null,8,[`class`])])]),default:M(()=>[g(`span`,null,O(y.item.label),1)]),_:2},[T(A(z),t=>({name:t,fn:M(()=>[E(e.$slots,t,{item:y.item,isTrigger:!0})])}))]),1032,[`icon`])]),_:3},16))]),_:3},16,[`disabled`,`as-child`]),v(s,x(y.contentProps,k(A(L))),{default:M(()=>[v(u,C(b(y.subListProps)),{default:M(()=>[(w(!0),h(f,null,T(y.item.children,n=>(w(),m(o,{key:n.value,"sub-item":n,"sub-item-props":y.subItemProps,onSelect:t[2]||(t[2]=e=>F(`select`,e))},_({"item-children":M(t=>[E(e.$slots,`item-children`,{item:t.item})]),_:2},[T(R.value,t=>({name:t,fn:M(()=>[E(e.$slots,t,{item:n})])}))]),1032,[`sub-item`,`sub-item-props`]))),128))]),_:3},16)]),_:3},16)],64)):(w(),m(l,x({key:0},H.value,{onSelect:t[0]||(t[0]=e=>F(`select`,e))}),{default:M(({isHref:t})=>[v(a,{icon:y.item.icon},_({default:M(()=>[g(`span`,null,O(y.item.label),1)]),_:2},[T(A(z),t=>({name:t,fn:M(()=>[E(e.$slots,t,{item:y.item})])})),t?{name:`link-icon`,fn:M(()=>[E(e.$slots,`item-link-icon`,{item:y.item},()=>[v(n,{icon:`lucide:arrow-up-right`,class:S(A(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.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"../../composables/index.js";import{provideCollectionContext as r,provideNavigationMenuRootContext as i,useNavigationMenuUi as a}from"./context.js";import{createElementBlock as o,defineComponent as s,normalizeClass as c,openBlock as l,renderSlot as u,unref as d,watchEffect as f}from"vue";const p=[`data-orientation`,`dir`],m=s({name:`NavigationMenuRoot`,__name:`navigation-menu-root`,props:{modelValue:{},defaultValue:{},dir:{default:`ltr`},orientation:{default:`horizontal`},delayDuration:{default:200},skipDelayDuration:{default:300},disableClickTrigger:{type:Boolean},disableHoverTrigger:{type:Boolean},disablePointerLeaveClose:{type:Boolean},unmountOnHide:{type:Boolean,default:!0}},emits:[`update:modelValue`],setup(s,{emit:m}){let h=s,g=m,_=a(`root`),v=t(()=>h.modelValue,e=>{g(`update:modelValue`,e)},h.defaultValue),{onRootElementChange:y,onActiveTriggerElementChange:b}=i({isRoot:!0,modelValue:v,...e(h,[`dir`,`orientation`,`unmountOnHide`,`skipDelayDuration`,`delayDuration`,`disableClickTrigger`,`disableHoverTrigger`,`disablePointerLeaveClose`])}),{onContainerElementChange:x,getOrderedElements:S}=r(),[C,w]=n(e=>{y(e),x(e)});return f(()=>{if(!v.value)return;let e=S().find(e=>e.id.includes(v.value));e&&b(e)}),(e,t)=>(l(),o(`nav`,{ref:d(w),class:c(d(_)),"data-orientation":s.orientation,"data-soybean-navigation-menu":``,dir:s.dir},[u(e.$slots,`default`,{modelValue:d(v)})],10,p))}});export{m as default};
+import{transformPropsToContext as e}from"../../shared/vue.js";import{useDirection as t}from"../config-provider/context.js";import"../../shared/index.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import{useForwardElement as r}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{provideCollectionContext as i,provideNavigationMenuRootContext as a,useNavigationMenuUi as o}from"./context.js";import{createElementBlock as s,defineComponent as c,normalizeClass as l,openBlock as u,renderSlot as d,unref as f,watchEffect as p}from"vue";const m=[`data-orientation`,`dir`],h=c({name:`NavigationMenuRoot`,__name:`navigation-menu-root`,props:{modelValue:{},defaultValue:{},dir:{},orientation:{default:`horizontal`},delayDuration:{default:200},skipDelayDuration:{default:300},disableClickTrigger:{type:Boolean},disableHoverTrigger:{type:Boolean},disablePointerLeaveClose:{type:Boolean},unmountOnHide:{type:Boolean,default:!0}},emits:[`update:modelValue`],setup(c,{emit:h}){let g=c,_=h,v=o(`root`),y=t(()=>g.dir),b=n(()=>g.modelValue,e=>{_(`update:modelValue`,e)},g.defaultValue??``),{onRootElementChange:x,onActiveTriggerElementChange:S}=a({isRoot:!0,modelValue:b,dir:y,...e(g,[`orientation`,`unmountOnHide`,`skipDelayDuration`,`delayDuration`,`disableClickTrigger`,`disableHoverTrigger`,`disablePointerLeaveClose`])}),{onContainerElementChange:C,getOrderedElements:w}=i(),[T,E]=r(e=>{x(e),C(e)});return p(()=>{if(!b.value)return;let e=w().find(e=>e.id.includes(b.value));e&&S(e)}),(e,t)=>(u(),s(`nav`,{ref:f(E),"data-soybean-navigation-menu":``,class:l(f(v)),"data-orientation":c.orientation,dir:f(y)},[d(e.$slots,`default`,{modelValue:f(b)})],10,m))}});export{h as default};

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

@@ -1,4 +1,4 @@
-import { DataOrientation, Direction } from "../../types/common.js";
+import { DataOrientation } from "../../types/common.js";
 import { NavigationMenuRootProps } from "./types.js";
 import * as _$vue from "vue";
 
@@ -14,7 +14,6 @@ declare const __VLS_base: _$vue.DefineComponent<NavigationMenuRootProps, {}, {},
 }, string, _$vue.PublicProps, Readonly<NavigationMenuRootProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
-  dir: Direction;
   orientation: DataOrientation;
   unmountOnHide: boolean;
   delayDuration: number;

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`,{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`);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};

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

@@ -0,0 +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"./index.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(b(i),p(f.subItemProps,{value:f.subItem.value}),{default:S(()=>[(h(),s(v(O.value?b(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};

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:ee,setFocusProxyElement:R,onEntryKeyDown:z,onFocusProxyEnter:B}=o(`NavigationMenuTrigger`),V=c(`trigger`),{itemProps:H,onItemElementChange:U}=a(),[W,G]=n(e=>{ee(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&&(z(),e.preventDefault(),e.stopPropagation())},$=e=>{let t=document.getElementById(P),n=e.relatedTarget,r=n===W.value,i=t?.contains(n);(r||!i)&&B(r?`start`:`end`)};return(e,t)=>(h(),d(l,null,[f(_(r),m({..._(C),..._(H)},{id:_(N),ref:_(G),as:p.as,"as-child":p.asChild,class:_(V),disabled:p.disabled,"data-disabled":p.disabled?``:void 0,"data-state":_(I),"data-soybean-navigation-menu-trigger":``,"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:_(R),"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{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};

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,{isRoot:S,open:C,unmountOnHide:w,rootElement:T,activeTriggerElement:E,modelValue:D,viewportElement:O,setViewportElement:k,onContentEnter:A,onContentLeave:j}=a(`NavigationMenuViewport`),M=o(`viewport`),N=x.forceMount?g(!0):n(O,C),P=s(()=>e(C.value)),F=g(),I=g(),L=s(()=>{let{width:e,height:t}=F.value||{},{left:n,top:r}=I.value||{};return{pointerEvents:!C.value&&S?`none`:void 0,[i.width]:e&&`${e}px`,[i.height]:t&&`${t}px`,[i.left]:n&&`${n}px`,[i.top]:r&&`${r}px`}});function R(){!T.value||!O.value||!E.value||(I.value=r({rootElement:T.value,contentElement:O.value,activeTriggerElement:E.value,align:x.align}))}let z=g(null);function B(){O.value&&requestAnimationFrame(()=>{z.value=O.value?.querySelector(`[data-state=open]`)})}let V=()=>{D.value&&A(D.value)},H=e=>{t(e)&&j()};return y(z,()=>{if(!z.value)return;let{offsetWidth:e,offsetHeight:t}=z.value;F.value={width:e,height:t},R()}),v([O,D,C],()=>{d(()=>{B()})},{immediate:!0}),y([()=>globalThis?.document?.body,T],()=>{R()}),(e,t)=>_(N)?(m(),l(`div`,{key:0,ref:_(k),class:f(_(M)),"data-state":P.value,hidden:!_(N),style:p(L.value),onPointerenter:V,onPointerleave:H},[!_(w)||_(N)?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,viewportElement:k,setViewportElement:A,onContentEnter:j,onContentLeave:M}=a(`NavigationMenuViewport`),N=o(`viewport`),P=x.forceMount?g(!0):n(k,w),F=s(()=>e(w.value)),I=g(),L=g(),R=s(()=>{let{width:e,height:t}=I.value||{},{left:n,top:r}=L.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 z(){if(!D.value||!k.value)return;let e=I.value||{width:k.value.offsetWidth,height:k.value.offsetHeight};L.value=r({rootElement:D.value,contentSize:e,orientation:T.value,dir:S.value,align:x.align})}let B=g(null);function V(){k.value&&requestAnimationFrame(()=>{B.value=k.value?.querySelector(`[data-state=open]`)})}let H=()=>{O.value&&j(O.value)},U=e=>{t(e)&&M()};return y(B,()=>{if(!B.value)return;let{offsetWidth:e,offsetHeight:t}=B.value;I.value={width:e,height:t},z()}),v([k,O,w],()=>{d(()=>{V()})},{immediate:!0}),y([()=>globalThis?.document?.body,D],()=>{z()}),(e,t)=>_(P)?(m(),l(`div`,{key:0,ref:_(A),"data-soybean-navigation-menu-viewport":``,class:f(_(N)),"data-state":F.value,hidden:!_(P),style:p(R.value),onPointerenter:H,onPointerleave:U},[!_(E)||_(P)?h(e.$slots,`default`,{key:0}):c(`v-if`,!0)],46,b)):c(`v-if`,!0)}});export{x as default};

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

@@ -1 +1 @@
-const e=`navigationMenu.rootContentDismiss`,t=`navigationMenu.linkSelect`,n={width:`--soybean-navigation-menu-viewport-width`,height:`--soybean-navigation-menu-viewport-height`,left:`--soybean-navigation-menu-viewport-left`,top:`--soybean-navigation-menu-viewport-top`},r={size:`--soybean-navigation-menu-indicator-size`,position:`--soybean-navigation-menu-indicator-position`};function i(e,t){return`${e}-trigger-${t}`}function a(e,t){return`${e}-content-${t}`}function o(e){let{rootElement:t,contentElement:n,activeTriggerElement:r,align:i}=e,a=document.documentElement.offsetWidth,o=document.documentElement.offsetHeight,s=t.getBoundingClientRect(),c=r.getBoundingClientRect(),{offsetWidth:l,offsetHeight:u}=n,d=c.left-s.left,f=c.top-s.top,{left:p,top:m}={start:{left:d,top:f+c.height},center:{left:d-l/2+c.width/2,top:f-u/2+c.height/2},end:{left:d-l+c.width,top:f-u+c.height}}[i];p+s.left<10&&(p=10-s.left);let h=p+s.left+l;h>a-10&&(p-=h-a+10,p<10-s.left&&(p=10-s.left)),m+s.top<10&&(m=10-s.top);let g=m+s.top+u;return g>o-10&&(m-=g-o+10,m<10-s.top&&(m=10-s.top)),p=Math.round(p),m=Math.round(m),{left:p,top:m}}export{e as EVENT_ROOT_CONTENT_DISMISS,t as LINK_SELECT,a as createContentId,i as createTriggerId,o as getNavigationMenuViewportPosition,r as navigationMenuIndicatorCssVars,n as navigationMenuViewportCssVars};
+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,contentSize:n,orientation:r,dir:i,align:a}=e,o=t.getBoundingClientRect(),{width:s,height:c}=l(),{width:f,height:p}=n,m=i===`rtl`,h={start:{left:m?o.right-f:o.left,top:o.bottom},center:{left:o.left+o.width/2-f/2,top:o.bottom},end:{left:m?o.left:o.right-f,top:o.bottom}},g={start:{left:m?o.left-f:o.right,top:o.top},center:{left:m?o.left-f:o.right,top:o.top+o.height/2-p/2},end:{left:m?o.left-f:o.right,top:o.bottom-p}},{left:_,top:v}=(r===`vertical`?g:h)[a];_=u(_,f,s,10),v=u(v,p,c,10);let y={left:d(_,f,i),top:v};return{left:Math.round(y.left),top:Math.round(y.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};

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

@@ -1,14 +1,16 @@
 import { Align, DataOrientation, Direction, UiClass } from "../../types/common.js";
 import { DismissableLayerEmits, DismissableLayerProps, ForceMountProps } from "../../types/component.js";
-import { PrimitiveProps } from "../primitive/types.js";
+import { BaseProps } from "../../types/vue.js";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
+import { IconValue } from "../_icon/types.js";
 import { LinkBaseProps, LinkProps } from "../link/types.js";
-import { HTMLAttributes, ShallowRef } from "vue";
+import { ShallowRef } from "vue";
 
 //#region src/components/navigation-menu/types.d.ts
 /**
  * Properties for the NavigationMenuRoot component.
  */
-interface NavigationMenuRootProps extends /** @vue-ignore */HTMLAttributes {
+interface NavigationMenuRootProps extends BaseProps {
   /** The controlled value of the menu item to activate. Can be used as `v-model`. */
   modelValue?: string;
   /**
@@ -74,7 +76,7 @@ type NavigationMenuRootEmits = {
 /**
  * Properties for the NavigationMenuViewport component.
  */
-interface NavigationMenuViewportProps extends ForceMountProps, /** @vue-ignore */HTMLAttributes {
+interface NavigationMenuViewportProps extends ForceMountProps, BaseProps {
   /**
    * Align.
    */
@@ -83,7 +85,7 @@ interface NavigationMenuViewportProps extends ForceMountProps, /** @vue-ignore *
 /**
  * Properties for the NavigationMenuContentImpl component.
  */
-interface NavigationMenuContentImplProps extends DismissableLayerProps, /** @vue-ignore */HTMLAttributes {}
+interface NavigationMenuContentImplProps extends DismissableLayerProps, BaseProps {}
 /**
  * Events for the NavigationMenuContentImpl component.
  */
@@ -99,7 +101,7 @@ type NavigationMenuContentEmits = NavigationMenuContentImplEmits;
 /**
  * Properties for the NavigationMenuTrigger component.
  */
-interface NavigationMenuTriggerProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+interface NavigationMenuTriggerProps extends PrimitiveWithBaseProps {
   /**
    * Whether the component is disabled.
    */
@@ -108,15 +110,15 @@ interface NavigationMenuTriggerProps extends PrimitiveProps, /** @vue-ignore */H
 /**
  * Properties for the NavigationMenuList component.
  */
-interface NavigationMenuListProps extends /** @vue-ignore */HTMLAttributes {}
+interface NavigationMenuListProps extends BaseProps {}
 /**
  * Properties for the NavigationMenuSubList component.
  */
-interface NavigationMenuSubListProps extends /** @vue-ignore */HTMLAttributes {}
+interface NavigationMenuSubListProps extends BaseProps {}
 /**
  * Properties for the NavigationMenuItem component.
  */
-interface NavigationMenuItemProps extends /** @vue-ignore */HTMLAttributes {
+interface NavigationMenuItemProps extends BaseProps {
   /**
    * Value associated with the current item.
    */
@@ -143,11 +145,11 @@ type NavigationMenuLinkEmits = {
 /**
  * Properties for the NavigationMenuIndicator component.
  */
-interface NavigationMenuIndicatorProps extends ForceMountProps, /** @vue-ignore */HTMLAttributes {}
+interface NavigationMenuIndicatorProps extends ForceMountProps, BaseProps {}
 /**
  * Properties for the NavigationMenuSub component.
  */
-interface NavigationMenuSubProps extends /** @vue-ignore */HTMLAttributes {
+interface NavigationMenuSubProps extends BaseProps {
   /**
    * Current model value.
    */
@@ -164,86 +166,124 @@ type NavigationMenuSubEmits = NavigationMenuRootEmits;
 /**
  * Available UI slots for the NavigationMenu component.
  */
-type NavigationMenuUiSlot = 'root' | 'trigger' | 'content' | 'list' | 'indicator' | 'viewport' | 'item' | 'link' | 'subList' | 'subItem' | 'subLink';
+type NavigationMenuUiSlot = 'root' | 'trigger' | 'content' | 'list' | 'indicator' | 'viewport' | 'item' | 'itemIcon' | 'link' | 'subList' | 'subItem' | 'subLink' | 'triggerIcon' | 'linkIcon' | 'arrow' | 'subItemContent' | 'subLinkContent' | 'subLinkLabel' | 'subLinkDescription';
 /**
  * UI class overrides for the NavigationMenu component.
  */
 type NavigationMenuUi = UiClass<NavigationMenuUiSlot>;
 /**
- * Type information for NavigationMenuItemData.
+ * Option data for the NavigationMenu component.
  */
-interface NavigationMenuItemData extends LinkBaseProps {
-  /** The value of the item. */
+interface NavigationMenuOptionData extends LinkBaseProps {
+  /** The value of the option. */
   value: string;
-  /** The label to display in the item. */
+  /** The label to display in the option. */
   label: string;
-  /** The description of the item. */
+  /** The description of the option. */
   description?: string;
-  /** Whether the item is disabled. */
+  /**
+   * The icon of the option.
+   *
+   * if it is a string, it will be used as the icon name of the iconify.
+   */
+  icon?: IconValue;
+  /** Whether the option is disabled. */
   disabled?: boolean;
-  /** The children of the item. */
-  children?: NavigationMenuItemData[];
+  /** The children of the option. */
+  children?: NavigationMenuOptionData[];
 }
+/**
+ * Slots for the NavigationMenuSubOptionCompact component.
+ */
+type NavigationMenuSubOptionCompactSlots = {
+  item: (props: {
+    item: NavigationMenuOptionData;
+    isTrigger?: boolean;
+  }) => any;
+  'item-leading': (props: {
+    item: NavigationMenuOptionData;
+  }) => any;
+  'item-trailing': (props: {
+    item: NavigationMenuOptionData;
+  }) => any;
+  'item-link-icon': (props: {
+    item: NavigationMenuOptionData;
+  }) => any;
+  'item-children': (props: {
+    item: NavigationMenuOptionData;
+  }) => any;
+};
 /**
  * Properties for the NavigationMenuCompact component.
  */
-interface NavigationMenuCompactProps extends NavigationMenuRootProps {
-  /** The items to render in the navigation menu. */
-  items: NavigationMenuItemData[];
-  /** Properties for each NavigationMenuItem. */
+interface NavigationMenuOptionCompactProps {
+  /**
+   * Current item data.
+   */
+  item: NavigationMenuOptionData;
+  /**
+   * Properties forwarded to the item element.
+   */
   itemProps?: NavigationMenuItemProps;
-  /** Properties for NavigationMenuLink. */
+  /**
+   * Properties forwarded to the link element.
+   */
   linkProps?: NavigationMenuLinkProps;
-  /** Properties for NavigationMenuTrigger. */
+  /**
+   * Properties forwarded to the trigger element.
+   */
   triggerProps?: NavigationMenuTriggerProps;
-  /** Properties for NavigationMenuContent. */
+  /**
+   * Properties forwarded to the content element.
+   */
   contentProps?: NavigationMenuContentProps;
-  /** Properties for NavigationMenuList. */
+  /**
+   * Properties forwarded to the viewport element.
+   */
+  viewportProps?: NavigationMenuViewportProps;
+  /**
+   * Properties forwarded to the indicator element.
+   */
+  indicatorProps?: NavigationMenuIndicatorProps;
+  /**
+   * Properties forwarded to the list element.
+   */
   listProps?: NavigationMenuListProps;
-  /** Properties for NavigationMenuSubList. */
+  /**
+   * Properties forwarded to the sub list element.
+   */
   subListProps?: NavigationMenuListProps;
-  /** Properties for sub-items. */
+  /**
+   * Properties forwarded to the sub item element.
+   */
   subItemProps?: NavigationMenuItemProps;
-  /** Properties for NavigationMenuViewport. */
-  viewportProps?: NavigationMenuViewportProps;
-  /** Properties for NavigationMenuIndicator. */
-  indicatorProps?: NavigationMenuIndicatorProps;
 }
 /**
- * Events for the NavigationMenuCompact component.
+ * Events for the NavigationMenuOptionCompact component.
  */
-type NavigationMenuCompactEmits = NavigationMenuRootEmits & NavigationMenuLinkEmits & NavigationMenuContentEmits;
+type NavigationMenuOptionCompactEmits = NavigationMenuSubEmits & NavigationMenuContentEmits & NavigationMenuLinkEmits;
 /**
- * Slots for the NavigationMenuCompact component.
+ * Slots for the NavigationMenuOptionCompact component.
  */
-interface NavigationMenuCompactSlots {
-  /** Slot for rendering the entire item (for top-level items). */
-  item?: (props: {
-    item: NavigationMenuItemData;
-    isTrigger?: boolean;
-  }) => any;
-  /** Slot for rendering leading content of an item. */
-  'item-leading'?: (props: {
-    item: NavigationMenuItemData;
-  }) => any;
-  /** Slot for rendering trailing content of an item. */
-  'item-trailing'?: (props: {
-    item: NavigationMenuItemData;
+type NavigationMenuOptionCompactSlots = NavigationMenuSubOptionCompactSlots & {
+  'item-trigger-icon': (props: {
+    item: NavigationMenuOptionData;
   }) => any;
-  /** Slot for rendering trigger icon (chevron down by default). */
-  'item-trigger-icon'?: (props: {
-    item: NavigationMenuItemData;
-  }) => any;
-  /** Slot for rendering link icon (arrow up right by default for external links). */
-  'item-link-icon'?: (props: {
-    item: NavigationMenuItemData;
-  }) => any;
-  /** Slot for rendering custom children content. */
-  'item-children'?: (props: {
-    item: NavigationMenuItemData;
-  }) => any;
-  /** Slot for rendering indicator arrow. */
-  indicator?: () => any;
+};
+/**
+ * Properties for the NavigationMenuCompact component.
+ */
+interface NavigationMenuCompactProps extends NavigationMenuRootProps, Omit<NavigationMenuOptionCompactProps, 'item'> {
+  /** The items to render in the navigation menu. */
+  items: NavigationMenuOptionData[];
 }
+/**
+ * Events for the NavigationMenuCompact component.
+ */
+type NavigationMenuCompactEmits = NavigationMenuRootEmits & NavigationMenuOptionCompactEmits;
+/**
+ * Slots for the NavigationMenuCompact component.
+ */
+type NavigationMenuCompactSlots = NavigationMenuOptionCompactSlots;
 //#endregion
-export { NavigationMenuCompactEmits, NavigationMenuCompactProps, NavigationMenuCompactSlots, NavigationMenuContentEmits, NavigationMenuContentProps, NavigationMenuIndicatorProps, NavigationMenuItemData, NavigationMenuItemProps, NavigationMenuLinkEmits, NavigationMenuLinkProps, NavigationMenuListProps, NavigationMenuRootEmits, NavigationMenuRootProps, NavigationMenuSubEmits, NavigationMenuSubListProps, NavigationMenuSubProps, NavigationMenuTriggerProps, NavigationMenuUi, NavigationMenuUiSlot, NavigationMenuViewportProps };
+export { NavigationMenuCompactEmits, NavigationMenuCompactProps, NavigationMenuCompactSlots, NavigationMenuContentEmits, NavigationMenuContentProps, NavigationMenuIndicatorProps, NavigationMenuItemProps, NavigationMenuLinkEmits, NavigationMenuLinkProps, NavigationMenuListProps, NavigationMenuOptionData, NavigationMenuRootEmits, NavigationMenuRootProps, NavigationMenuSubEmits, NavigationMenuSubListProps, NavigationMenuSubProps, NavigationMenuTriggerProps, NavigationMenuUi, NavigationMenuUiSlot, NavigationMenuViewportProps };

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

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{nextTick as t,watchEffect as n}from"vue";function r(r){let[i,a]=e();return n(async()=>{if(!i.value||!r.value)return;await t();let e=i.value.querySelector(`[data-value="${r.value}"]`);if(!e)return;let n=(i.value?.offsetWidth??0)/2,a=e.offsetLeft+e.offsetWidth/2-n;i.value.scrollTo({left:a,behavior:`smooth`})}),{setRootElement:a,onWheel:e=>{i.value&&(i.value.scrollLeft+=e.deltaY)}}}export{r as usePageTabsScroll};
+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};