@soybeanjs/headless 0.17.0 → 0.19.0

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
 /**
- * Props for the menubar root component.
+ * 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. */
@@ -20,7 +21,7 @@ interface MenubarRootProps<T extends DefinedValue = DefinedValue> extends Primit
   loop?: boolean;
 }
 /**
- * Emits for the menubar root component.
+ * Events for the MenubarRoot component.
  */
 type MenubarRootEmits<T extends DefinedValue = DefinedValue> = {
   /**
@@ -29,41 +30,38 @@ type MenubarRootEmits<T extends DefinedValue = DefinedValue> = {
   'update:modelValue': [value: T];
 };
 /**
- * Props for the menubar menu component.
+ * Properties for the MenubarMenu component.
  */
 interface MenubarMenuProps {
   /** A unique value that associates the trigger with the active root value when controlled. */
   value?: DefinedValue;
 }
 /**
- * Props for the menubar trigger component.
+ * 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 {}
 /**
- * Emits for the menubar content component.
+ * Events for the MenubarContent component.
  */
 type MenubarContentEmits = MenuContentEmits;
 /**
- * Props for the menubar content component.
+ * Properties for the MenubarContent component.
  */
 interface MenubarContentProps extends MenuContentProps {}
 /**
- * Props for the menubar sub trigger component.
+ * Properties for the MenubarSubTrigger component.
  */
 interface MenubarSubTriggerProps extends MenuSubTriggerProps {}
 /**
- * Props for the menubar sub content component.
+ * Properties for the MenubarSubContent component.
  */
 interface MenubarSubContentProps extends MenuSubContentProps {}
 /**
- * Emits for the menubar sub content component.
+ * Events for the MenubarSubContent component.
  */
 type MenubarSubContentEmits = MenuSubContentEmits;
 /**
- * Props for the menubar compact component.
+ * Properties for the MenubarCompact component.
  */
 interface MenubarCompactProps<T extends DefinedValue = DefinedValue> extends MenubarRootProps<T>, MenuOptionsCompactProps<T> {
   /**
@@ -79,32 +77,32 @@ interface MenubarCompactProps<T extends DefinedValue = DefinedValue> extends Men
    */
   showArrow?: boolean;
   /**
-   * Props forwarded to the trigger element.
+   * Properties forwarded to the trigger element.
    */
   triggerProps?: MenubarTriggerProps;
   /**
-   * Props forwarded to the portal element.
+   * Properties forwarded to the portal element.
    */
   portalProps?: PortalProps;
   /**
-   * Props forwarded to the content element.
+   * Properties forwarded to the content element.
    */
   contentProps?: MenubarContentProps;
   /**
-   * Props forwarded to the popup element.
+   * Properties forwarded to the popup element.
    */
   popupProps?: MenuPopupProps;
   /**
-   * Props forwarded to the arrow element.
+   * Properties forwarded to the arrow element.
    */
   arrowProps?: PopperArrowProps;
 }
 /**
- * Emits for the menubar compact component.
+ * Events for the MenubarCompact component.
  */
 type MenubarCompactEmits<T extends DefinedValue = DefinedValue> = MenubarRootEmits<T> & MenuContentEmits & MenuOptionsCompactEmits<T>;
 /**
- * Slots for the menubar compact component.
+ * Slots for the MenubarCompact component.
  */
 type MenubarCompactSlots<T extends DefinedValue = DefinedValue> = MenuOptionsCompactSlots<T> & {
   /**
@@ -115,11 +113,11 @@ type MenubarCompactSlots<T extends DefinedValue = DefinedValue> = MenuOptionsCom
   }) => any;
 };
 /**
- * Available UI slots for the menubar component.
+ * Available UI slots for the Menubar component.
  */
 type MenubarUiSlot = 'root' | 'trigger' | MenuUiSlot;
 /**
- * UI class overrides for the menubar component.
+ * UI class overrides for the Menubar component.
  */
 type MenubarUi = UiClass<MenubarUiSlot>;
 //#endregion

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{useDirection as n}from"../config-provider/context.js";import"../../shared/index.js";import{useCollection as r}from"../../composables/use-collection.js";import{useForwardElement as i}from"../../composables/use-forward-element.js";import{useUiContext as a}from"../../composables/use-ui-context.js";import"../../composables/index.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:r,delayDuration:a,disablePointerLeaveClose:f}=e,p=n(e.dir),m=c(),h=e=>{m.value=e},[g,_]=i(),[v,y]=i(),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,r.value),O=u(e=>{typeof e==`string`&&(E.value=t.value,t.value=e)},s(()=>t.value!==``||D.value?150:a.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}=r(`NavigationMenu`),[_,v]=t(`NavigationMenuItem`,t=>{let[n,r]=i(),{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:r,wasEscapeCloseRef:d,open:f,dataState:p}}),[y,b]=a(`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/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{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),"data-soybean-navigation-menu-indicator":``,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};

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":``,style:{position:`relative`}},[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-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"../../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),"data-soybean-navigation-menu":``,class:c(d(_)),"data-orientation":s.orientation,dir:s.dir},[u(e.$slots,`default`,{modelValue:d(v)})],10,p))}});export{m 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`,{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-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,{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),"data-soybean-navigation-menu-viewport":``,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};

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

@@ -1,14 +1,15 @@
 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 { LinkBaseProps, LinkProps } from "../link/types.js";
-import { HTMLAttributes, ShallowRef } from "vue";
+import { ShallowRef } from "vue";
 
 //#region src/components/navigation-menu/types.d.ts
 /**
- * Props for the navigation menu root component.
+ * 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;
   /**
@@ -63,7 +64,7 @@ interface NavigationMenuRootProps extends /** @vue-ignore */HTMLAttributes {
   unmountOnHide?: boolean;
 }
 /**
- * Emits for the navigation menu root component.
+ * Events for the NavigationMenuRoot component.
  */
 type NavigationMenuRootEmits = {
   /**
@@ -72,65 +73,65 @@ type NavigationMenuRootEmits = {
   'update:modelValue': [value: string];
 };
 /**
- * Props for the navigation menu viewport component.
+ * Properties for the NavigationMenuViewport component.
  */
-interface NavigationMenuViewportProps extends ForceMountProps, /** @vue-ignore */HTMLAttributes {
+interface NavigationMenuViewportProps extends ForceMountProps, BaseProps {
   /**
    * Align.
    */
   align?: Align;
 }
 /**
- * Props for the navigation menu content impl component.
+ * Properties for the NavigationMenuContentImpl component.
  */
-interface NavigationMenuContentImplProps extends DismissableLayerProps, /** @vue-ignore */HTMLAttributes {}
+interface NavigationMenuContentImplProps extends DismissableLayerProps, BaseProps {}
 /**
- * Emits for the navigation menu content impl component.
+ * Events for the NavigationMenuContentImpl component.
  */
 type NavigationMenuContentImplEmits = DismissableLayerEmits;
 /**
- * Props for the navigation menu content component.
+ * Properties for the NavigationMenuContent component.
  */
 interface NavigationMenuContentProps extends NavigationMenuContentImplProps, ForceMountProps {}
 /**
- * Emits for the navigation menu content component.
+ * Events for the NavigationMenuContent component.
  */
 type NavigationMenuContentEmits = NavigationMenuContentImplEmits;
 /**
- * Props for the navigation menu trigger component.
+ * Properties for the NavigationMenuTrigger component.
  */
-interface NavigationMenuTriggerProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+interface NavigationMenuTriggerProps extends PrimitiveWithBaseProps {
   /**
    * Whether the component is disabled.
    */
   disabled?: boolean;
 }
 /**
- * Props for the navigation menu list component.
+ * Properties for the NavigationMenuList component.
  */
-interface NavigationMenuListProps extends /** @vue-ignore */HTMLAttributes {}
+interface NavigationMenuListProps extends BaseProps {}
 /**
- * Props for the navigation menu sub list component.
+ * Properties for the NavigationMenuSubList component.
  */
-interface NavigationMenuSubListProps extends /** @vue-ignore */HTMLAttributes {}
+interface NavigationMenuSubListProps extends BaseProps {}
 /**
- * Props for the navigation menu item component.
+ * Properties for the NavigationMenuItem component.
  */
-interface NavigationMenuItemProps extends /** @vue-ignore */HTMLAttributes {
+interface NavigationMenuItemProps extends BaseProps {
   /**
    * Value associated with the current item.
    */
   value?: string;
 }
 /**
- * Props for the navigation menu link component.
+ * Properties for the NavigationMenuLink component.
  */
 interface NavigationMenuLinkProps extends Omit<LinkProps, 'onSelect'> {
   /** Used to identify the link as the currently active page. */
   active?: boolean;
 }
 /**
- * Emits for the navigation menu link component.
+ * Events for the NavigationMenuLink component.
  */
 type NavigationMenuLinkEmits = {
   /**
@@ -141,13 +142,13 @@ type NavigationMenuLinkEmits = {
   }>];
 };
 /**
- * Props for the navigation menu indicator component.
+ * Properties for the NavigationMenuIndicator component.
  */
-interface NavigationMenuIndicatorProps extends ForceMountProps, /** @vue-ignore */HTMLAttributes {}
+interface NavigationMenuIndicatorProps extends ForceMountProps, BaseProps {}
 /**
- * Props for the navigation menu sub component.
+ * Properties for the NavigationMenuSub component.
  */
-interface NavigationMenuSubProps extends /** @vue-ignore */HTMLAttributes {
+interface NavigationMenuSubProps extends BaseProps {
   /**
    * Current model value.
    */
@@ -158,19 +159,19 @@ interface NavigationMenuSubProps extends /** @vue-ignore */HTMLAttributes {
   defaultValue?: string;
 }
 /**
- * Emits for the navigation menu sub component.
+ * Events for the NavigationMenuSub component.
  */
 type NavigationMenuSubEmits = NavigationMenuRootEmits;
 /**
- * Available UI slots for the navigation menu component.
+ * Available UI slots for the NavigationMenu component.
  */
 type NavigationMenuUiSlot = 'root' | 'trigger' | 'content' | 'list' | 'indicator' | 'viewport' | 'item' | 'link' | 'subList' | 'subItem' | 'subLink';
 /**
- * UI class overrides for the navigation menu component.
+ * UI class overrides for the NavigationMenu component.
  */
 type NavigationMenuUi = UiClass<NavigationMenuUiSlot>;
 /**
- * Type information for the navigation menu item data component.
+ * Type information for NavigationMenuItemData.
  */
 interface NavigationMenuItemData extends LinkBaseProps {
   /** The value of the item. */
@@ -185,36 +186,36 @@ interface NavigationMenuItemData extends LinkBaseProps {
   children?: NavigationMenuItemData[];
 }
 /**
- * Props for the navigation menu compact component.
+ * Properties for the NavigationMenuCompact component.
  */
 interface NavigationMenuCompactProps extends NavigationMenuRootProps {
   /** The items to render in the navigation menu. */
   items: NavigationMenuItemData[];
-  /** Props for each NavigationMenuItem. */
+  /** Properties for each NavigationMenuItem. */
   itemProps?: NavigationMenuItemProps;
-  /** Props for NavigationMenuLink. */
+  /** Properties for NavigationMenuLink. */
   linkProps?: NavigationMenuLinkProps;
-  /** Props for NavigationMenuTrigger. */
+  /** Properties for NavigationMenuTrigger. */
   triggerProps?: NavigationMenuTriggerProps;
-  /** Props for NavigationMenuContent. */
+  /** Properties for NavigationMenuContent. */
   contentProps?: NavigationMenuContentProps;
-  /** Props for NavigationMenuList. */
+  /** Properties for NavigationMenuList. */
   listProps?: NavigationMenuListProps;
-  /** Props for NavigationMenuSubList. */
+  /** Properties for NavigationMenuSubList. */
   subListProps?: NavigationMenuListProps;
-  /** Props for sub-items. */
+  /** Properties for sub-items. */
   subItemProps?: NavigationMenuItemProps;
-  /** Props for NavigationMenuViewport. */
+  /** Properties for NavigationMenuViewport. */
   viewportProps?: NavigationMenuViewportProps;
-  /** Props for NavigationMenuIndicator. */
+  /** Properties for NavigationMenuIndicator. */
   indicatorProps?: NavigationMenuIndicatorProps;
 }
 /**
- * Emits for the navigation menu compact component.
+ * Events for the NavigationMenuCompact component.
  */
 type NavigationMenuCompactEmits = NavigationMenuRootEmits & NavigationMenuLinkEmits & NavigationMenuContentEmits;
 /**
- * Slots for the navigation menu compact component.
+ * Slots for the NavigationMenuCompact component.
  */
 interface NavigationMenuCompactSlots {
   /** Slot for rendering the entire item (for top-level items). */

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};

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

@@ -1,7 +1,8 @@
-import { PageTabsCloseProps, PageTabsItemEmits, PageTabsItemProps, PageTabsPinProps, PageTabsRootEmits, PageTabsRootProps, PageTabsUi, PageTabsUiSlot } from "./types.js";
-import { _default as _default$3 } from "./page-tabs-root.vue.js";
-import { _default as _default$1 } from "./page-tabs-item.vue.js";
+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$2 } from "./page-tabs-pin.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 { providePageTabsUi } from "./context.js";
-export { _default as PageTabsClose, type PageTabsCloseProps, _default$1 as PageTabsItem, type PageTabsItemEmits, type PageTabsItemProps, _default$2 as PageTabsPin, type PageTabsPinProps, _default$3 as PageTabsRoot, type PageTabsRootEmits, type PageTabsRootProps, 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, _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/index.js

@@ -1 +1 @@
-import{providePageTabsUi as e}from"./context.js";import t from"./page-tabs-root.js";import n from"./page-tabs-item.js";import r from"./page-tabs-close.js";import i from"./page-tabs-pin.js";export{r as PageTabsClose,n as PageTabsItem,i as PageTabsPin,t as PageTabsRoot,e as providePageTabsUi};
+import{providePageTabsUi as e}from"./context.js";import t from"./page-tabs-root.js";import n from"./page-tabs-item.js";import r from"./page-tabs-close.js";import i from"./page-tabs-pin.js";import a from"./page-tabs-compact.js";export{r as PageTabsClose,a as PageTabsCompact,n as PageTabsItem,i as PageTabsPin,t as PageTabsRoot,e as providePageTabsUi};

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

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{usePageTabsItemContext as t,usePageTabsUi as n}from"./context.js";import{createBlock as r,createCommentVNode as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,unref as l,withCtx as u,withModifiers as d}from"vue";const f=a({name:`PageTabsClose`,__name:`page-tabs-close`,props:{asChild:{type:Boolean},as:{}},setup(a){let f=n(`close`),{closable:p,onClose:m}=t(`PageTabsClose`);return(t,n)=>l(p)?(s(),r(l(e),{key:0,as:a.as,"as-child":a.asChild,class:o(l(f)),onClick:d(l(m),[`stop`])},{default:u(()=>[c(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`onClick`])):i(`v-if`,!0)}});export{f as default};
+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};

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

@@ -0,0 +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};

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

@@ -0,0 +1,27 @@
+import { PageTabsCompactEmits, PageTabsCompactProps, PageTabsCompactSlots, PageTabsContextMenuOptionData, PageTabsOptionData } from "./types.js";
+import * as _$vue from "vue";
+
+//#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: _$vue.PublicProps & __VLS_PrettifyLocal<PageTabsCompactProps<T> & {
+    onContextmenu?: ((tab: T) => 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;
+    onSelectContextMenu?: ((menu: PageTabsContextMenuOptionData, tab: T) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: PageTabsCompactSlots<T>;
+  emit: PageTabsCompactEmits<T>;
+}>) => _$vue.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+//#endregion
+export { _default };

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

@@ -1 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{providePageTabsItemContext as t,usePageTabsRootContext as n,usePageTabsUi as r}from"./context.js";import{computed as i,createElementBlock as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,unref as u}from"vue";const d=[`data-value`,`data-active`,`data-pinned`],f=o({name:`PageTabsItem`,__name:`page-tabs-item`,props:{value:{},pinned:{type:Boolean}},emits:[`click`,`close`,`pin`],setup(o,{emit:f}){let p=o,m=f,h=r(`item`),{middleClickClose:g,modelValue:_}=n(`PageTabsItem`),v=i(()=>p.value===_.value),y=i(()=>!p.pinned),b=()=>{v.value||(_.value=p.value,m(`click`))},x=async()=>{y.value&&m(`close`)},S=e=>{e.button===1&&g.value&&(e.preventDefault(),x())},C=()=>{m(`pin`,!p.pinned)};return t({...e(p,[`pinned`]),closable:y,onClose:x,onPin:C}),(e,t)=>(c(),a(`button`,{class:s(u(h)),"data-value":o.value,"data-active":v.value,"data-pinned":o.pinned,onClick:b,onMousedown:S},[l(e.$slots,`default`)],42,d))}});export{f as default};
+import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import t from"../roving-focus/roving-focus-item.js";import{providePageTabsItemContext as n,usePageTabsRootContext as r,usePageTabsUi as i}from"./context.js";import{computed as a,createBlock as o,defineComponent as s,normalizeClass as c,openBlock as l,renderSlot as u,unref as d,withCtx as f,withKeys as p}from"vue";const m=s({name:`PageTabsItem`,__name:`page-tabs-item`,props:{value:{},pinned:{type:Boolean}},emits:[`click`,`close`,`pin`],setup(s,{emit:m}){let h=s,g=m,_=i(`item`),{middleClickClose:v,modelValue:y}=r(`PageTabsItem`),b=a(()=>h.value===y.value),x=a(()=>!h.pinned),S=()=>{b.value||(y.value=h.value,g(`click`))},C=async()=>{x.value&&g(`close`)},w=e=>{e.button===1&&v.value&&(e.preventDefault(),C())},T=()=>{g(`pin`,!h.pinned)};return n({...e(h,[`pinned`]),closable:x,onClose:C,onPin:T}),(e,n)=>(l(),o(t,{class:c(d(_)),"data-soybean-page-tabs-item":``,"data-value":s.value,"data-active":b.value,"data-pinned":s.pinned,active:b.value,focusable:!0,onClick:S,onMousedown:w,onKeydown:[p(S,[`enter`]),p(C,[`backspace`])]},{default:f(()=>[u(e.$slots,`default`)]),_:3},8,[`class`,`data-value`,`data-active`,`data-pinned`,`active`]))}});export{m as default};

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

@@ -2,9 +2,9 @@ import { PageTabsItemProps } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/page-tabs/page-tabs-item.vue.d.ts
-declare var __VLS_1: {};
+declare var __VLS_13: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_1) => any;
+  default?: (props: typeof __VLS_13) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<PageTabsItemProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {} & {
   click: () => any;

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

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{usePageTabsItemContext as t,usePageTabsUi as n}from"./context.js";import{createBlock as r,createCommentVNode as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,unref as l,withCtx as u,withModifiers as d}from"vue";const f=a({name:`PageTabsPin`,__name:`page-tabs-pin`,props:{asChild:{type:Boolean},as:{}},setup(a){let f=n(`pin`),{pinned:p,onPin:m}=t(`PageTabsPin`);return(t,n)=>l(p)?(s(),r(l(e),{key:0,as:a.as,"as-child":a.asChild,class:o(l(f)),onClick:d(l(m),[`stop`])},{default:u(()=>[c(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`onClick`])):i(`v-if`,!0)}});export{f as default};
+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:`PageTabsPin`,__name:`page-tabs-pin`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(o){let m=o,h=d(),g=n(`pin`),{pinned:_,onPin:v}=t(`PageTabsPin`),y=r(()=>h[`aria-label`]??(_.value?`Unpin tab`:`Pin tab`));return(t,n)=>u(_)?(c(),i(e,s({key:0},m,{"data-soybean-page-tabs-pin":``,"aria-label":y.value,class:u(g),tabindex:`-1`,onClick:p(u(v),[`stop`])}),{default:f(()=>[l(t.$slots,`default`)]),_:3},16,[`aria-label`,`class`,`onClick`])):a(`v-if`,!0)}});export{m as default};

package/dist/components/page-tabs/page-tabs-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"../../composables/index.js";import{providePageTabsRootContext as n,usePageTabsUi as r}from"./context.js";import{usePageTabsScroll as i}from"./hooks.js";import{createElementBlock as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,unref as u}from"vue";const d=o({name:`PageTabsRoot`,__name:`page-tabs-root`,props:{modelValue:{default:void 0},middleClickClose:{type:Boolean}},emits:[`update:modelValue`],setup(o,{emit:d}){let f=o,p=d,m=r(`root`),h=t(()=>f.modelValue,e=>{p(`update:modelValue`,e??``)},``),{setRootElement:g,onWheel:_}=i(h);return n({...e(f,[`middleClickClose`]),modelValue:h}),(e,t)=>(c(),a(`div`,{ref:u(g),class:s([u(m),`soybean-headless-scrollbar-hidden soybean-headless-overflow-y-hidden`]),onWheel:t[0]||(t[0]=(...e)=>u(_)&&u(_)(...e))},[l(e.$slots,`default`)],34))}});export{d as default};
+import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import{usePickProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import r from"../roving-focus/roving-focus-group.js";import{providePageTabsRootContext as i,usePageTabsUi as a}from"./context.js";import{usePageTabsScroll as o}from"./hooks.js";import{createBlock as s,defineComponent as c,mergeProps as l,openBlock as u,renderSlot as d,unref as f,withCtx as p}from"vue";const m=c({name:`PageTabsRoot`,__name:`page-tabs-root`,props:{modelValue:{default:void 0},middleClickClose:{type:Boolean},dir:{},loop:{type:Boolean,default:!0},currentTabStopId:{},defaultCurrentTabStopId:{},preventScrollOnEntryFocus:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(c,{emit:m}){let h=c,g=m,_=a(`root`),v=n(h,[`dir`,`loop`,`currentTabStopId`,`defaultCurrentTabStopId`,`preventScrollOnEntryFocus`]),y=t(()=>h.modelValue,e=>{g(`update:modelValue`,e)},``),{setRootElement:b,onWheel:x}=o(y);return i({...e(h,[`middleClickClose`]),modelValue:y}),(e,t)=>(u(),s(r,l({ref:f(b)},f(v),{"data-soybean-page-tabs-root":``,class:[f(_),`soybean-headless-scrollbar-hidden soybean-headless-overflow-y-hidden`],orientation:`horizontal`,onWheel:f(x)}),{default:p(()=>[d(e.$slots,`default`)]),_:3},16,[`class`,`onWheel`]))}});export{m as default};

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

@@ -2,9 +2,9 @@ import { PageTabsRootProps } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/page-tabs/page-tabs-root.vue.d.ts
-declare var __VLS_1: {};
+declare var __VLS_10: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_1) => any;
+  default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<PageTabsRootProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {} & {
   "update:modelValue": (value: string) => any;
@@ -12,6 +12,7 @@ declare const __VLS_base: _$vue.DefineComponent<PageTabsRootProps, {}, {}, {}, {
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
   modelValue: string;
+  loop: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;