@radix-ui/react-navigation-menu 0.1.3-rc.5 → 0.1.3-rc.50

package/dist/index.js

@@ -1,2 +1,852 @@
-var e=R({},require("@radix-ui/react-visually-hidden")),t=require("@radix-ui/react-use-callback-ref").useCallbackRef,n=require("@radix-ui/react-use-layout-effect").useLayoutEffect,o=require("@radix-ui/react-use-previous").usePrevious,r=require("@radix-ui/react-dismissable-layer").DismissableLayer,a=require("@radix-ui/react-collection").createCollection,i=require("@radix-ui/react-id").useId,u=require("@radix-ui/react-presence").Presence,s=require("@radix-ui/react-direction").useDirection,c=require("@radix-ui/react-compose-refs"),l=c.composeRefs,d=c.useComposedRefs,v=require("@radix-ui/react-use-controllable-state").useControllableState,f=require("@radix-ui/react-primitive").Primitive,p=require("@radix-ui/primitive").composeEventHandlers,m=require("@radix-ui/react-context").createContextScope,g=w(require("react-dom")),M=R({},require("react")),E=w(require("@babel/runtime/helpers/extends"));function w(e){return e&&e.__esModule?e.default:e}function R(e,t){return Object.keys(t).forEach((function(n){"default"!==n&&"__esModule"!==n&&Object.defineProperty(e,n,{enumerable:!0,get:function(){return t[n]}})})),e}const[x,N,h]=a("NavigationMenu"),[C,b,_]=a("NavigationMenu"),[y,I]=m("NavigationMenu",[h,_]);exports.createNavigationMenuScope=I;const[P,T]=y("NavigationMenu"),[L,k]=y("NavigationMenu"),D=/*#__PURE__*/M.forwardRef(((e,t)=>{const{__scopeNavigationMenu:n,value:o,onValueChange:r,defaultValue:a,orientation:i="horizontal",dir:u,...c}=e,[l,v]=M.useState(null),p=d(t,(e=>v(e))),m=s(u);/*#__PURE__*/return M.createElement(F,{scope:n,isRootMenu:!0,value:o,onValueChange:r,defaultValue:a,dir:m,orientation:i,rootNavigationMenu:l},/*#__PURE__*/M.createElement(f.nav,E({"aria-label":"Main","data-orientation":i,dir:m},c,{ref:p})))}));exports.NavigationMenu=D;const V=/*#__PURE__*/M.forwardRef(((e,t)=>{const{__scopeNavigationMenu:n,value:o,onValueChange:r,defaultValue:a,orientation:i="horizontal",...u}=e,s=T("NavigationMenuSub",n);/*#__PURE__*/return M.createElement(F,{scope:n,isRootMenu:!1,value:o,onValueChange:r,defaultValue:a,dir:s.dir,orientation:i,rootNavigationMenu:s.rootNavigationMenu},/*#__PURE__*/M.createElement(f.div,E({"data-orientation":i},u,{ref:t})))}));exports.NavigationMenuSub=V;const F=e=>{const{scope:t,isRootMenu:n,rootNavigationMenu:r,value:a,onValueChange:u,defaultValue:s,dir:c,orientation:l,children:d}=e,[f,p]=M.useState(null),[m,g]=M.useState(new Map),[E,w]=M.useState(null),R=M.useRef(0),[N="",h]=v({prop:a,onChange:u,defaultProp:s});return M.useEffect((()=>()=>window.clearTimeout(R.current)),[R]),/*#__PURE__*/M.createElement(P,{scope:t,isRootMenu:n,rootNavigationMenu:r,value:N,previousValue:o(N),baseId:i(),dir:c,orientation:l,viewport:f,onViewportChange:p,indicatorTrack:E,onIndicatorTrackChange:w,onItemOver:M.useCallback((e=>{n&&window.clearTimeout(R.current),h(e)}),[h,n]),onItemLeave:M.useCallback((()=>{n&&(window.clearTimeout(R.current),R.current=window.setTimeout((()=>h("")),150))}),[h,n]),onItemSelect:M.useCallback((e=>{h((t=>n&&t===e?"":e))}),[h,n]),onItemDismiss:M.useCallback((()=>h("")),[h]),onViewportContentChange:M.useCallback(((e,t)=>{g((n=>(n.set(e,t),new Map(n))))}),[]),onViewportContentRemove:M.useCallback((e=>{g((t=>t.has(e)?(t.delete(e),new Map(t)):t))}),[])},/*#__PURE__*/M.createElement(x.Provider,{scope:t},/*#__PURE__*/M.createElement(L,{scope:t,items:m},d)))},S=/*#__PURE__*/M.forwardRef(((e,t)=>{const{__scopeNavigationMenu:n,...o}=e,r=T("NavigationMenuList",n),a=/*#__PURE__*/M.createElement(f.ul,E({"data-orientation":r.orientation},o,{ref:t}));/*#__PURE__*/return M.createElement(f.div,{style:{position:"relative"},ref:r.onIndicatorTrackChange},/*#__PURE__*/M.createElement(x.Slot,{scope:n},r.isRootMenu?/*#__PURE__*/M.createElement(Y,{asChild:!0},a):a))}));exports.NavigationMenuList=S;const[A,O]=y("NavigationMenuItem"),q=/*#__PURE__*/M.forwardRef(((e,t)=>{const{__scopeNavigationMenu:n,value:o,...r}=e,a=i(),u=o||a||"LEGACY_REACT_AUTO_VALUE",s=M.useRef(null),c=M.useRef(null),l=M.useRef(null),d=M.useRef((()=>{})),v=M.useCallback(((e="start")=>{if(s.current){d.current();const t=Q(s.current);t.length&&Z("start"===e?t:t.reverse())}}),[]),p=M.useCallback((()=>{if(s.current){const e=Q(s.current);e.length&&(d.current=function(e){return e.forEach((e=>{e.dataset.tabindex=e.getAttribute("tabindex")||"",e.setAttribute("tabindex","-1")})),()=>{e.forEach((e=>{const t=e.dataset.tabindex;e.setAttribute("tabindex",t)}))}}(e))}}),[]);/*#__PURE__*/return M.createElement(A,{scope:n,value:u,triggerRef:c,contentRef:s,focusProxyRef:l,onEntryKeyDown:v,onFocusProxyEnter:v,onRootContentClose:p,onContentFocusOutside:p},/*#__PURE__*/M.createElement(f.li,E({},r,{ref:t})))}));exports.NavigationMenuItem=q;const K=/*#__PURE__*/M.forwardRef(((t,n)=>{const{__scopeNavigationMenu:o,disabled:r,...a}=t,i=T("NavigationMenuTrigger",t.__scopeNavigationMenu),u=O("NavigationMenuTrigger",t.__scopeNavigationMenu),s=M.useRef(null),c=d(s,u.triggerRef,n),l=ne(i.baseId,u.value),v=oe(i.baseId,u.value),m=M.useRef(!1),g=u.value===i.value;/*#__PURE__*/return M.createElement(M.Fragment,null,/*#__PURE__*/M.createElement(x.ItemSlot,{scope:o,value:u.value},/*#__PURE__*/M.createElement(J,{asChild:!0},/*#__PURE__*/M.createElement(f.button,E({id:l,disabled:r,"data-disabled":r?"":void 0,"data-state":te(g),"aria-expanded":g,"aria-controls":v},a,{ref:c,onPointerEnter:p(t.onPointerEnter,(()=>{m.current=!1})),onPointerMove:p(t.onPointerMove,re((()=>{r||m.current||i.onItemOver(u.value)}))),onPointerLeave:p(t.onPointerLeave,re((()=>{r||i.onItemLeave()}))),onClick:p(t.onClick,(()=>{i.onItemSelect(u.value),m.current=g})),onKeyDown:p(t.onKeyDown,(e=>{const t={horizontal:"ArrowDown",vertical:"rtl"===i.dir?"ArrowLeft":"ArrowRight"}[i.orientation];g&&e.key===t&&(u.onEntryKeyDown(),e.preventDefault())}))})))),g&&/*#__PURE__*/M.createElement(M.Fragment,null,/*#__PURE__*/M.createElement(e.Root,{"aria-hidden":!0,tabIndex:0,ref:u.focusProxyRef,onFocus:e=>{const t=u.contentRef.current,n=e.relatedTarget,o=n===s.current,r=null==t?void 0:t.contains(n);!o&&r||u.onFocusProxyEnter(o?"start":"end")}}),i.viewport&&/*#__PURE__*/M.createElement("span",{"aria-owns":v})))}));exports.NavigationMenuTrigger=K;const z=/*#__PURE__*/M.forwardRef(((e,t)=>{const{__scopeNavigationMenu:n,active:o,...r}=e;/*#__PURE__*/return M.createElement(J,{asChild:!0},/*#__PURE__*/M.createElement(f.a,E({"data-active":o?"":void 0,"aria-current":o?"page":void 0},r,{ref:t})))}));exports.NavigationMenuLink=z;const $=/*#__PURE__*/M.forwardRef(((e,t)=>{const{forceMount:n,...o}=e,r=T("NavigationMenuIndicator",e.__scopeNavigationMenu),a=Boolean(r.value);return r.indicatorTrack?/*#__PURE__*/g.createPortal(/*#__PURE__*/M.createElement(u,{present:n||a},/*#__PURE__*/M.createElement(H,E({},o,{ref:t}))),r.indicatorTrack):null}));exports.NavigationMenuIndicator=$;const H=/*#__PURE__*/M.forwardRef(((e,t)=>{const{__scopeNavigationMenu:n,...o}=e,r=T("NavigationMenuIndicator",n),a=N(n),[i,u]=M.useState(null),[s,c]=M.useState(null),l="horizontal"===r.orientation,d=Boolean(r.value);M.useEffect((()=>{var e;const t=null===(e=a().find((e=>e.value===r.value)))||void 0===e?void 0:e.ref.current;t&&u(t)}),[a,r.value]);const v=()=>{i&&c({size:l?i.offsetWidth:i.offsetHeight,offset:l?i.offsetLeft:i.offsetTop})};return ee(i,v),ee(r.indicatorTrack,v),s?/*#__PURE__*/M.createElement(f.div,E({"aria-hidden":!0,"data-state":d?"visible":"hidden","data-orientation":r.orientation},o,{ref:t,style:{position:"absolute",...l?{left:0,width:s.size+"px",transform:`translateX(${s.offset}px)`}:{top:0,height:s.size+"px",transform:`translateY(${s.offset}px)`},...o.style}})):null})),U=/*#__PURE__*/M.forwardRef(((e,t)=>{const{forceMount:n,...o}=e,r=T("NavigationMenuContent",e.__scopeNavigationMenu),a=O("NavigationMenuContent",e.__scopeNavigationMenu),i=d(a.contentRef,t),s=a.value===r.value,c={value:a.value,triggerRef:a.triggerRef,focusProxyRef:a.focusProxyRef,onContentFocusOutside:a.onContentFocusOutside,onRootContentClose:a.onRootContentClose,...o};return r.viewport?/*#__PURE__*/M.createElement(B,E({forceMount:n},c,{ref:i})):/*#__PURE__*/M.createElement(u,{present:n||s},/*#__PURE__*/M.createElement(W,E({"data-state":te(s)},c,{ref:i,onPointerEnter:p(e.onPointerEnter,(()=>{r.onItemOver(a.value)})),onPointerLeave:p(e.onPointerLeave,re(r.onItemLeave)),style:{pointerEvents:!s&&r.isRootMenu?"none":void 0,...c.style}})))}));exports.NavigationMenuContent=U;const B=/*#__PURE__*/M.forwardRef(((e,t)=>{const o=T("NavigationMenuContent",e.__scopeNavigationMenu),{onViewportContentChange:r,onViewportContentRemove:a}=o;return n((()=>{r(e.value,{ref:t,...e})}),[e,t,r]),n((()=>()=>a(e.value)),[e.value,a]),null})),W=/*#__PURE__*/M.forwardRef(((e,t)=>{const{__scopeNavigationMenu:n,value:o,triggerRef:a,focusProxyRef:i,onRootContentClose:u,onContentFocusOutside:s,...c}=e,l=T("NavigationMenuContent",n),v=M.useRef(null),f=d(v,t),m=ne(l.baseId,o),g=oe(l.baseId,o),w=N(n),R=M.useRef(null),{onItemDismiss:x}=l;M.useEffect((()=>{const e=v.current;if(l.isRootMenu&&e){const t=()=>{var t;x(),u(),e.contains(document.activeElement)&&(null===(t=a.current)||void 0===t||t.focus())};return e.addEventListener("navigationMenu.contentDismiss",t),()=>e.removeEventListener("navigationMenu.contentDismiss",t)}}),[l.isRootMenu,e.value,a,x,u]);const h=M.useMemo((()=>{const e=w().map((e=>e.value));"rtl"===l.dir&&e.reverse();const t=e.indexOf(l.value),n=e.indexOf(l.previousValue),r=o===l.value,a=n===e.indexOf(o);if(!r&&!a)return R.current;const i=(()=>{if(t!==n){if(r&&-1!==n)return t>n?"from-end":"from-start";if(a&&-1!==t)return t>n?"to-start":"to-end"}return null})();return R.current=i,i}),[l.previousValue,l.value,l.dir,w,o]);/*#__PURE__*/return M.createElement(Y,{asChild:!0},/*#__PURE__*/M.createElement(r,E({id:g,"aria-labelledby":m,"data-motion":h,"data-orientation":l.orientation},c,{ref:f,onDismiss:()=>{var e;const t=new Event("navigationMenu.contentDismiss",{bubbles:!0,cancelable:!0});null===(e=v.current)||void 0===e||e.dispatchEvent(t)},onFocusOutside:p(e.onFocusOutside,(e=>{var t;s();const n=e.target;null!==(t=l.rootNavigationMenu)&&void 0!==t&&t.contains(n)&&e.preventDefault()})),onPointerDownOutside:p(e.onPointerDownOutside,(e=>{var t;const n=e.target,o=w().some((e=>{var t;return null===(t=e.ref.current)||void 0===t?void 0:t.contains(n)})),r=l.isRootMenu&&(null===(t=l.viewport)||void 0===t?void 0:t.contains(n));(o||r||!l.isRootMenu)&&e.preventDefault()})),onKeyDown:p(e.onKeyDown,(e=>{const t=e.altKey||e.ctrlKey||e.metaKey;if("Tab"===e.key&&!t){const t=Q(e.currentTarget),o=document.activeElement,r=t.findIndex((e=>e===o));var n;if(Z(e.shiftKey?t.slice(0,r).reverse():t.slice(r+1,t.length)))e.preventDefault();else null===(n=i.current)||void 0===n||n.focus()}}))})))})),G=/*#__PURE__*/M.forwardRef(((e,t)=>{const{forceMount:n,...o}=e,r=T("NavigationMenuViewport",e.__scopeNavigationMenu),a=Boolean(r.value);/*#__PURE__*/return M.createElement(u,{present:n||a},/*#__PURE__*/M.createElement(j,E({},o,{ref:t})))}));exports.NavigationMenuViewport=G;const j=/*#__PURE__*/M.forwardRef(((e,t)=>{const{__scopeNavigationMenu:n,children:o,...r}=e,a=T("NavigationMenuViewport",n),i=d(t,a.onViewportChange),s=k("NavigationMenuContent",e.__scopeNavigationMenu),[c,v]=M.useState(null),[m,g]=M.useState(null),w=c?(null==c?void 0:c.width)+"px":void 0,R=c?(null==c?void 0:c.height)+"px":void 0,x=Boolean(a.value),N=x?a.value:a.previousValue;return ee(m,(()=>{m&&v({width:m.offsetWidth,height:m.offsetHeight})})),/*#__PURE__*/M.createElement(f.div,E({"data-state":te(x),"data-orientation":a.orientation},r,{ref:i,style:{pointerEvents:!x&&a.isRootMenu?"none":void 0,"--radix-navigation-menu-viewport-width":w,"--radix-navigation-menu-viewport-height":R,...r.style},onPointerEnter:p(e.onPointerEnter,(()=>{a.onItemOver(N)})),onPointerLeave:p(e.onPointerLeave,re(a.onItemLeave))}),Array.from(s.items).map((([e,{ref:t,forceMount:n,...o}])=>{const r=N===e;/*#__PURE__*/return M.createElement(u,{key:e,present:n||r},/*#__PURE__*/M.createElement(W,E({},o,{ref:l(t,(e=>{r&&e&&g(e)}))})))})))})),Y=/*#__PURE__*/M.forwardRef(((e,t)=>{const{__scopeNavigationMenu:n,...o}=e,r=T("FocusGroup",n);/*#__PURE__*/return M.createElement(C.Provider,{scope:n},/*#__PURE__*/M.createElement(C.Slot,{scope:n},/*#__PURE__*/M.createElement(f.div,E({dir:r.dir},o,{ref:t}))))})),X=["ArrowRight","ArrowLeft","ArrowUp","ArrowDown"],J=/*#__PURE__*/M.forwardRef(((e,t)=>{const{__scopeNavigationMenu:n,...o}=e,r=b(n),a=T("FocusGroupItem",n);/*#__PURE__*/return M.createElement(C.ItemSlot,{scope:n},/*#__PURE__*/M.createElement(f.button,E({},o,{ref:t,onKeyDown:p(e.onKeyDown,(e=>{if(["Home","End",...X].includes(e.key)){let t=r().map((e=>e.ref.current));if(["rtl"===a.dir?"ArrowRight":"ArrowLeft","ArrowUp","End"].includes(e.key)&&t.reverse(),X.includes(e.key)){const n=t.indexOf(e.currentTarget);t=t.slice(n+1)}setTimeout((()=>Z(t))),e.preventDefault()}}))})))}));function Q(e){const t=[],n=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>{const t="INPUT"===e.tagName&&"hidden"===e.type;return e.disabled||e.hidden||t?NodeFilter.FILTER_SKIP:e.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;n.nextNode();)t.push(n.currentNode);return t}function Z(e){const t=document.activeElement;return e.some((e=>e===t||(e.focus(),document.activeElement!==t)))}function ee(e,o){const r=t(o);n((()=>{let t=0;if(e){const n=new ResizeObserver((()=>{cancelAnimationFrame(t),t=window.requestAnimationFrame(r)}));return n.observe(e),()=>{window.cancelAnimationFrame(t),n.unobserve(e)}}}),[e,r])}function te(e){return e?"open":"closed"}function ne(e,t){return`${e}-trigger-${t}`}function oe(e,t){return`${e}-content-${t}`}function re(e){return t=>"mouse"===t.pointerType?e(t):void 0}const ae=D;exports.Root=ae;const ie=V;exports.Sub=ie;const ue=S;exports.List=ue;const se=q;exports.Item=se;const ce=K;exports.Trigger=ce;const le=z;exports.Link=le;const de=$;exports.Indicator=de;const ve=U;exports.Content=ve;const fe=G;exports.Viewport=fe;
+var $6jHCS$babelruntimehelpersextends = require("@babel/runtime/helpers/extends");
+var $6jHCS$react = require("react");
+var $6jHCS$reactdom = require("react-dom");
+var $6jHCS$radixuireactcontext = require("@radix-ui/react-context");
+var $6jHCS$radixuiprimitive = require("@radix-ui/primitive");
+var $6jHCS$radixuireactprimitive = require("@radix-ui/react-primitive");
+var $6jHCS$radixuireactusecontrollablestate = require("@radix-ui/react-use-controllable-state");
+var $6jHCS$radixuireactcomposerefs = require("@radix-ui/react-compose-refs");
+var $6jHCS$radixuireactdirection = require("@radix-ui/react-direction");
+var $6jHCS$radixuireactpresence = require("@radix-ui/react-presence");
+var $6jHCS$radixuireactid = require("@radix-ui/react-id");
+var $6jHCS$radixuireactcollection = require("@radix-ui/react-collection");
+var $6jHCS$radixuireactdismissablelayer = require("@radix-ui/react-dismissable-layer");
+var $6jHCS$radixuireactuseprevious = require("@radix-ui/react-use-previous");
+var $6jHCS$radixuireactuselayouteffect = require("@radix-ui/react-use-layout-effect");
+var $6jHCS$radixuireactusecallbackref = require("@radix-ui/react-use-callback-ref");
+var $6jHCS$radixuireactvisuallyhidden = require("@radix-ui/react-visually-hidden");
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+$parcel$export(module.exports, "createNavigationMenuScope", () => $7f73b938b73b5118$export$fb8ea5af8c9fcdf0);
+$parcel$export(module.exports, "NavigationMenu", () => $7f73b938b73b5118$export$5b2278cf1e8bcae2);
+$parcel$export(module.exports, "NavigationMenuSub", () => $7f73b938b73b5118$export$5958edd6c4ee7c79);
+$parcel$export(module.exports, "NavigationMenuList", () => $7f73b938b73b5118$export$c361068a95fd2286);
+$parcel$export(module.exports, "NavigationMenuItem", () => $7f73b938b73b5118$export$ffdbb83a2de845c2);
+$parcel$export(module.exports, "NavigationMenuTrigger", () => $7f73b938b73b5118$export$37fe8002734d8f2);
+$parcel$export(module.exports, "NavigationMenuLink", () => $7f73b938b73b5118$export$6893bf21536567da);
+$parcel$export(module.exports, "NavigationMenuIndicator", () => $7f73b938b73b5118$export$8ddb526647c0d8fb);
+$parcel$export(module.exports, "NavigationMenuContent", () => $7f73b938b73b5118$export$38e00e996c2f93f7);
+$parcel$export(module.exports, "NavigationMenuViewport", () => $7f73b938b73b5118$export$ee880b97cc6d44a5);
+$parcel$export(module.exports, "Root", () => $7f73b938b73b5118$export$be92b6f5f03c0fe9);
+$parcel$export(module.exports, "Sub", () => $7f73b938b73b5118$export$d7a01e11500dfb6f);
+$parcel$export(module.exports, "List", () => $7f73b938b73b5118$export$54c2e3dc7acea9f5);
+$parcel$export(module.exports, "Item", () => $7f73b938b73b5118$export$6d08773d2e66f8f2);
+$parcel$export(module.exports, "Trigger", () => $7f73b938b73b5118$export$41fb9f06171c75f4);
+$parcel$export(module.exports, "Link", () => $7f73b938b73b5118$export$a6c7ac8248d6e38a);
+$parcel$export(module.exports, "Indicator", () => $7f73b938b73b5118$export$adb584737d712b70);
+$parcel$export(module.exports, "Content", () => $7f73b938b73b5118$export$7c6e2c02157bb7d2);
+$parcel$export(module.exports, "Viewport", () => $7f73b938b73b5118$export$d5c6c08dc2d3ca7);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* -------------------------------------------------------------------------------------------------
+ * NavigationMenu
+ * -----------------------------------------------------------------------------------------------*/ const $7f73b938b73b5118$var$NAVIGATION_MENU_NAME = 'NavigationMenu';
+const [$7f73b938b73b5118$var$Collection, $7f73b938b73b5118$var$useCollection, $7f73b938b73b5118$var$createCollectionScope] = $6jHCS$radixuireactcollection.createCollection($7f73b938b73b5118$var$NAVIGATION_MENU_NAME);
+const [$7f73b938b73b5118$var$FocusGroupCollection, $7f73b938b73b5118$var$useFocusGroupCollection, $7f73b938b73b5118$var$createFocusGroupCollectionScope] = $6jHCS$radixuireactcollection.createCollection($7f73b938b73b5118$var$NAVIGATION_MENU_NAME);
+const [$7f73b938b73b5118$var$createNavigationMenuContext, $7f73b938b73b5118$export$fb8ea5af8c9fcdf0] = $6jHCS$radixuireactcontext.createContextScope($7f73b938b73b5118$var$NAVIGATION_MENU_NAME, [
+    $7f73b938b73b5118$var$createCollectionScope,
+    $7f73b938b73b5118$var$createFocusGroupCollectionScope
+]);
+const [$7f73b938b73b5118$var$NavigationMenuProviderImpl, $7f73b938b73b5118$var$useNavigationMenuContext] = $7f73b938b73b5118$var$createNavigationMenuContext($7f73b938b73b5118$var$NAVIGATION_MENU_NAME);
+const [$7f73b938b73b5118$var$ViewportContentProvider, $7f73b938b73b5118$var$useViewportContentContext] = $7f73b938b73b5118$var$createNavigationMenuContext($7f73b938b73b5118$var$NAVIGATION_MENU_NAME);
+const $7f73b938b73b5118$export$5b2278cf1e8bcae2 = /*#__PURE__*/ $6jHCS$react.forwardRef((props, forwardedRef)=>{
+    const { __scopeNavigationMenu: __scopeNavigationMenu , value: value , onValueChange: onValueChange , defaultValue: defaultValue , orientation: orientation = 'horizontal' , dir: dir , ...NavigationMenuProps } = props;
+    const [navigationMenu, setNavigationMenu] = $6jHCS$react.useState(null);
+    const composedRef = $6jHCS$radixuireactcomposerefs.useComposedRefs(forwardedRef, (node)=>setNavigationMenu(node)
+    );
+    const direction = $6jHCS$radixuireactdirection.useDirection(dir);
+    return /*#__PURE__*/ $6jHCS$react.createElement($7f73b938b73b5118$var$NavigationMenuProvider, {
+        scope: __scopeNavigationMenu,
+        isRootMenu: true,
+        value: value,
+        onValueChange: onValueChange,
+        defaultValue: defaultValue,
+        dir: direction,
+        orientation: orientation,
+        rootNavigationMenu: navigationMenu
+    }, /*#__PURE__*/ $6jHCS$react.createElement($6jHCS$radixuireactprimitive.Primitive.nav, ($parcel$interopDefault($6jHCS$babelruntimehelpersextends))({
+        "aria-label": "Main",
+        "data-orientation": orientation,
+        dir: direction
+    }, NavigationMenuProps, {
+        ref: composedRef
+    })));
+});
+/*#__PURE__*/ Object.assign($7f73b938b73b5118$export$5b2278cf1e8bcae2, {
+    displayName: $7f73b938b73b5118$var$NAVIGATION_MENU_NAME
+});
+/* -------------------------------------------------------------------------------------------------
+ * NavigationMenuSub
+ * -----------------------------------------------------------------------------------------------*/ const $7f73b938b73b5118$var$SUB_NAME = 'NavigationMenuSub';
+const $7f73b938b73b5118$export$5958edd6c4ee7c79 = /*#__PURE__*/ $6jHCS$react.forwardRef((props, forwardedRef)=>{
+    const { __scopeNavigationMenu: __scopeNavigationMenu , value: value , onValueChange: onValueChange , defaultValue: defaultValue , orientation: orientation = 'horizontal' , ...subProps } = props;
+    const context = $7f73b938b73b5118$var$useNavigationMenuContext($7f73b938b73b5118$var$SUB_NAME, __scopeNavigationMenu);
+    return /*#__PURE__*/ $6jHCS$react.createElement($7f73b938b73b5118$var$NavigationMenuProvider, {
+        scope: __scopeNavigationMenu,
+        isRootMenu: false,
+        value: value,
+        onValueChange: onValueChange,
+        defaultValue: defaultValue,
+        dir: context.dir,
+        orientation: orientation,
+        rootNavigationMenu: context.rootNavigationMenu
+    }, /*#__PURE__*/ $6jHCS$react.createElement($6jHCS$radixuireactprimitive.Primitive.div, ($parcel$interopDefault($6jHCS$babelruntimehelpersextends))({
+        "data-orientation": orientation
+    }, subProps, {
+        ref: forwardedRef
+    })));
+});
+/*#__PURE__*/ Object.assign($7f73b938b73b5118$export$5958edd6c4ee7c79, {
+    displayName: $7f73b938b73b5118$var$SUB_NAME
+});
+/* -----------------------------------------------------------------------------------------------*/ const $7f73b938b73b5118$var$NavigationMenuProvider = (props)=>{
+    const { scope: scope , isRootMenu: isRootMenu , rootNavigationMenu: rootNavigationMenu , value: valueProp , onValueChange: onValueChange , defaultValue: defaultValue , dir: dir , orientation: orientation , children: children  } = props;
+    const [viewport, setViewport] = $6jHCS$react.useState(null);
+    const [viewportContent, setViewportContent] = $6jHCS$react.useState(new Map());
+    const [indicatorTrack, setIndicatorTrack] = $6jHCS$react.useState(null);
+    const closeTimerRef = $6jHCS$react.useRef(0);
+    const [value = '', setValue] = $6jHCS$radixuireactusecontrollablestate.useControllableState({
+        prop: valueProp,
+        onChange: onValueChange,
+        defaultProp: defaultValue
+    });
+    $6jHCS$react.useEffect(()=>{
+        return ()=>window.clearTimeout(closeTimerRef.current)
+        ;
+    }, [
+        closeTimerRef
+    ]);
+    return /*#__PURE__*/ $6jHCS$react.createElement($7f73b938b73b5118$var$NavigationMenuProviderImpl, {
+        scope: scope,
+        isRootMenu: isRootMenu,
+        rootNavigationMenu: rootNavigationMenu,
+        value: value,
+        previousValue: $6jHCS$radixuireactuseprevious.usePrevious(value),
+        baseId: $6jHCS$radixuireactid.useId(),
+        dir: dir,
+        orientation: orientation,
+        viewport: viewport,
+        onViewportChange: setViewport,
+        indicatorTrack: indicatorTrack,
+        onIndicatorTrackChange: setIndicatorTrack,
+        onItemOver: $6jHCS$react.useCallback((itemValue)=>{
+            if (isRootMenu) window.clearTimeout(closeTimerRef.current);
+            setValue(itemValue);
+        }, [
+            setValue,
+            isRootMenu
+        ]),
+        onItemLeave: $6jHCS$react.useCallback(()=>{
+            if (isRootMenu) {
+                window.clearTimeout(closeTimerRef.current);
+                closeTimerRef.current = window.setTimeout(()=>setValue('')
+                , 150);
+            }
+        }, [
+            setValue,
+            isRootMenu
+        ]),
+        onItemSelect: $6jHCS$react.useCallback((itemValue)=>{
+            setValue((prevValue)=>{
+                return isRootMenu ? prevValue === itemValue ? '' : itemValue : itemValue;
+            });
+        }, [
+            setValue,
+            isRootMenu
+        ]),
+        onItemDismiss: $6jHCS$react.useCallback(()=>setValue('')
+        , [
+            setValue
+        ]),
+        onViewportContentChange: $6jHCS$react.useCallback((contentValue, contentData)=>{
+            setViewportContent((prevContent)=>{
+                prevContent.set(contentValue, contentData);
+                return new Map(prevContent);
+            });
+        }, []),
+        onViewportContentRemove: $6jHCS$react.useCallback((contentValue)=>{
+            setViewportContent((prevContent)=>{
+                if (!prevContent.has(contentValue)) return prevContent;
+                prevContent.delete(contentValue);
+                return new Map(prevContent);
+            });
+        }, [])
+    }, /*#__PURE__*/ $6jHCS$react.createElement($7f73b938b73b5118$var$Collection.Provider, {
+        scope: scope
+    }, /*#__PURE__*/ $6jHCS$react.createElement($7f73b938b73b5118$var$ViewportContentProvider, {
+        scope: scope,
+        items: viewportContent
+    }, children)));
+};
+/* -------------------------------------------------------------------------------------------------
+ * NavigationMenuList
+ * -----------------------------------------------------------------------------------------------*/ const $7f73b938b73b5118$var$LIST_NAME = 'NavigationMenuList';
+const $7f73b938b73b5118$export$c361068a95fd2286 = /*#__PURE__*/ $6jHCS$react.forwardRef((props, forwardedRef)=>{
+    const { __scopeNavigationMenu: __scopeNavigationMenu , ...listProps } = props;
+    const context = $7f73b938b73b5118$var$useNavigationMenuContext($7f73b938b73b5118$var$LIST_NAME, __scopeNavigationMenu);
+    const list = /*#__PURE__*/ $6jHCS$react.createElement($6jHCS$radixuireactprimitive.Primitive.ul, ($parcel$interopDefault($6jHCS$babelruntimehelpersextends))({
+        "data-orientation": context.orientation
+    }, listProps, {
+        ref: forwardedRef
+    }));
+    return /*#__PURE__*/ $6jHCS$react.createElement($6jHCS$radixuireactprimitive.Primitive.div, {
+        style: {
+            position: 'relative'
+        },
+        ref: context.onIndicatorTrackChange
+    }, /*#__PURE__*/ $6jHCS$react.createElement($7f73b938b73b5118$var$Collection.Slot, {
+        scope: __scopeNavigationMenu
+    }, context.isRootMenu ? /*#__PURE__*/ $6jHCS$react.createElement($7f73b938b73b5118$var$FocusGroup, {
+        asChild: true
+    }, list) : list));
+});
+/*#__PURE__*/ Object.assign($7f73b938b73b5118$export$c361068a95fd2286, {
+    displayName: $7f73b938b73b5118$var$LIST_NAME
+});
+/* -------------------------------------------------------------------------------------------------
+ * NavigationMenuItem
+ * -----------------------------------------------------------------------------------------------*/ const $7f73b938b73b5118$var$ITEM_NAME = 'NavigationMenuItem';
+const [$7f73b938b73b5118$var$NavigationMenuItemContextProvider, $7f73b938b73b5118$var$useNavigationMenuItemContext] = $7f73b938b73b5118$var$createNavigationMenuContext($7f73b938b73b5118$var$ITEM_NAME);
+const $7f73b938b73b5118$export$ffdbb83a2de845c2 = /*#__PURE__*/ $6jHCS$react.forwardRef((props, forwardedRef)=>{
+    const { __scopeNavigationMenu: __scopeNavigationMenu , value: valueProp , ...itemProps } = props;
+    const autoValue = $6jHCS$radixuireactid.useId(); // We need to provide an initial deterministic value as `useId` will return
+    // empty string on the first render and we don't want to match our internal "closed" value.
+    const value = valueProp || autoValue || 'LEGACY_REACT_AUTO_VALUE';
+    const contentRef = $6jHCS$react.useRef(null);
+    const triggerRef = $6jHCS$react.useRef(null);
+    const focusProxyRef = $6jHCS$react.useRef(null);
+    const restoreContentTabOrderRef = $6jHCS$react.useRef(()=>{});
+    const handleContentEntry = $6jHCS$react.useCallback((side = 'start')=>{
+        if (contentRef.current) {
+            restoreContentTabOrderRef.current();
+            const candidates = $7f73b938b73b5118$var$getTabbableCandidates(contentRef.current);
+            if (candidates.length) $7f73b938b73b5118$var$focusFirst(side === 'start' ? candidates : candidates.reverse());
+        }
+    }, []);
+    const handleContentExit = $6jHCS$react.useCallback(()=>{
+        if (contentRef.current) {
+            const candidates = $7f73b938b73b5118$var$getTabbableCandidates(contentRef.current);
+            if (candidates.length) restoreContentTabOrderRef.current = $7f73b938b73b5118$var$removeFromTabOrder(candidates);
+        }
+    }, []);
+    return /*#__PURE__*/ $6jHCS$react.createElement($7f73b938b73b5118$var$NavigationMenuItemContextProvider, {
+        scope: __scopeNavigationMenu,
+        value: value,
+        triggerRef: triggerRef,
+        contentRef: contentRef,
+        focusProxyRef: focusProxyRef,
+        onEntryKeyDown: handleContentEntry,
+        onFocusProxyEnter: handleContentEntry,
+        onRootContentClose: handleContentExit,
+        onContentFocusOutside: handleContentExit
+    }, /*#__PURE__*/ $6jHCS$react.createElement($6jHCS$radixuireactprimitive.Primitive.li, ($parcel$interopDefault($6jHCS$babelruntimehelpersextends))({}, itemProps, {
+        ref: forwardedRef
+    })));
+});
+/*#__PURE__*/ Object.assign($7f73b938b73b5118$export$ffdbb83a2de845c2, {
+    displayName: $7f73b938b73b5118$var$ITEM_NAME
+});
+/* -------------------------------------------------------------------------------------------------
+ * NavigationMenuTrigger
+ * -----------------------------------------------------------------------------------------------*/ const $7f73b938b73b5118$var$TRIGGER_NAME = 'NavigationMenuTrigger';
+const $7f73b938b73b5118$export$37fe8002734d8f2 = /*#__PURE__*/ $6jHCS$react.forwardRef((props, forwardedRef)=>{
+    const { __scopeNavigationMenu: __scopeNavigationMenu , disabled: disabled , ...triggerProps } = props;
+    const context = $7f73b938b73b5118$var$useNavigationMenuContext($7f73b938b73b5118$var$TRIGGER_NAME, props.__scopeNavigationMenu);
+    const itemContext = $7f73b938b73b5118$var$useNavigationMenuItemContext($7f73b938b73b5118$var$TRIGGER_NAME, props.__scopeNavigationMenu);
+    const ref = $6jHCS$react.useRef(null);
+    const composedRefs = $6jHCS$radixuireactcomposerefs.useComposedRefs(ref, itemContext.triggerRef, forwardedRef);
+    const triggerId = $7f73b938b73b5118$var$makeTriggerId(context.baseId, itemContext.value);
+    const contentId = $7f73b938b73b5118$var$makeContentId(context.baseId, itemContext.value);
+    const wasClickCloseRef = $6jHCS$react.useRef(false);
+    const open = itemContext.value === context.value;
+    return /*#__PURE__*/ $6jHCS$react.createElement($6jHCS$react.Fragment, null, /*#__PURE__*/ $6jHCS$react.createElement($7f73b938b73b5118$var$Collection.ItemSlot, {
+        scope: __scopeNavigationMenu,
+        value: itemContext.value
+    }, /*#__PURE__*/ $6jHCS$react.createElement($7f73b938b73b5118$var$FocusGroupItem, {
+        asChild: true
+    }, /*#__PURE__*/ $6jHCS$react.createElement($6jHCS$radixuireactprimitive.Primitive.button, ($parcel$interopDefault($6jHCS$babelruntimehelpersextends))({
+        id: triggerId,
+        disabled: disabled,
+        "data-disabled": disabled ? '' : undefined,
+        "data-state": $7f73b938b73b5118$var$getOpenState(open),
+        "aria-expanded": open,
+        "aria-controls": contentId
+    }, triggerProps, {
+        ref: composedRefs,
+        onPointerEnter: $6jHCS$radixuiprimitive.composeEventHandlers(props.onPointerEnter, ()=>{
+            wasClickCloseRef.current = false;
+        }),
+        onPointerMove: $6jHCS$radixuiprimitive.composeEventHandlers(props.onPointerMove, $7f73b938b73b5118$var$whenMouse(()=>{
+            if (disabled || wasClickCloseRef.current) return;
+            context.onItemOver(itemContext.value);
+        })),
+        onPointerLeave: $6jHCS$radixuiprimitive.composeEventHandlers(props.onPointerLeave, $7f73b938b73b5118$var$whenMouse(()=>{
+            if (disabled) return;
+            context.onItemLeave();
+        })),
+        onClick: $6jHCS$radixuiprimitive.composeEventHandlers(props.onClick, ()=>{
+            context.onItemSelect(itemContext.value);
+            wasClickCloseRef.current = open;
+        }),
+        onKeyDown: $6jHCS$radixuiprimitive.composeEventHandlers(props.onKeyDown, (event)=>{
+            const verticalEntryKey = context.dir === 'rtl' ? 'ArrowLeft' : 'ArrowRight';
+            const entryKey = {
+                horizontal: 'ArrowDown',
+                vertical: verticalEntryKey
+            }[context.orientation];
+            if (open && event.key === entryKey) {
+                itemContext.onEntryKeyDown(); // Prevent FocusGroupItem from handling the event
+                event.preventDefault();
+            }
+        })
+    })))), open && /*#__PURE__*/ $6jHCS$react.createElement($6jHCS$react.Fragment, null, /*#__PURE__*/ $6jHCS$react.createElement($6jHCS$radixuireactvisuallyhidden.Root, {
+        "aria-hidden": true,
+        tabIndex: 0,
+        ref: itemContext.focusProxyRef,
+        onFocus: (event)=>{
+            const content = itemContext.contentRef.current;
+            const prevFocusedElement = event.relatedTarget;
+            const wasTriggerFocused = prevFocusedElement === ref.current;
+            const wasFocusFromContent = content === null || content === void 0 ? void 0 : content.contains(prevFocusedElement);
+            if (wasTriggerFocused || !wasFocusFromContent) itemContext.onFocusProxyEnter(wasTriggerFocused ? 'start' : 'end');
+        }
+    }), context.viewport && /*#__PURE__*/ $6jHCS$react.createElement("span", {
+        "aria-owns": contentId
+    })));
+});
+/*#__PURE__*/ Object.assign($7f73b938b73b5118$export$37fe8002734d8f2, {
+    displayName: $7f73b938b73b5118$var$TRIGGER_NAME
+});
+/* -------------------------------------------------------------------------------------------------
+ * NavigationMenuLink
+ * -----------------------------------------------------------------------------------------------*/ const $7f73b938b73b5118$var$LINK_NAME = 'NavigationMenuLink';
+const $7f73b938b73b5118$var$LINK_SELECT = 'navigationMenu.linkSelect';
+const $7f73b938b73b5118$export$6893bf21536567da = /*#__PURE__*/ $6jHCS$react.forwardRef((props, forwardedRef)=>{
+    const { __scopeNavigationMenu: __scopeNavigationMenu , active: active , onSelect: onSelect , ...linkProps } = props;
+    return /*#__PURE__*/ $6jHCS$react.createElement($7f73b938b73b5118$var$FocusGroupItem, {
+        asChild: true
+    }, /*#__PURE__*/ $6jHCS$react.createElement($6jHCS$radixuireactprimitive.Primitive.a, ($parcel$interopDefault($6jHCS$babelruntimehelpersextends))({
+        "data-active": active ? '' : undefined,
+        "aria-current": active ? 'page' : undefined
+    }, linkProps, {
+        ref: forwardedRef,
+        onClick: $6jHCS$radixuiprimitive.composeEventHandlers(props.onClick, (event1)=>{
+            const target = event1.target;
+            const linkSelectEvent = new CustomEvent($7f73b938b73b5118$var$LINK_SELECT, {
+                bubbles: true,
+                cancelable: true
+            });
+            target.addEventListener($7f73b938b73b5118$var$LINK_SELECT, (event)=>onSelect === null || onSelect === void 0 ? void 0 : onSelect(event)
+            , {
+                once: true
+            });
+            $6jHCS$radixuireactprimitive.dispatchDiscreteCustomEvent(target, linkSelectEvent);
+            if (!linkSelectEvent.defaultPrevented) {
+                const rootContentDismissEvent = new CustomEvent($7f73b938b73b5118$var$ROOT_CONTENT_DISMISS, {
+                    bubbles: true,
+                    cancelable: true
+                });
+                $6jHCS$radixuireactprimitive.dispatchDiscreteCustomEvent(target, rootContentDismissEvent);
+            }
+        }, {
+            checkForDefaultPrevented: false
+        })
+    })));
+});
+/*#__PURE__*/ Object.assign($7f73b938b73b5118$export$6893bf21536567da, {
+    displayName: $7f73b938b73b5118$var$LINK_NAME
+});
+/* -------------------------------------------------------------------------------------------------
+ * NavigationMenuIndicator
+ * -----------------------------------------------------------------------------------------------*/ const $7f73b938b73b5118$var$INDICATOR_NAME = 'NavigationMenuIndicator';
+const $7f73b938b73b5118$export$8ddb526647c0d8fb = /*#__PURE__*/ $6jHCS$react.forwardRef((props, forwardedRef)=>{
+    const { forceMount: forceMount , ...indicatorProps } = props;
+    const context = $7f73b938b73b5118$var$useNavigationMenuContext($7f73b938b73b5118$var$INDICATOR_NAME, props.__scopeNavigationMenu);
+    const isVisible = Boolean(context.value);
+    return context.indicatorTrack ? /*#__PURE__*/ ($parcel$interopDefault($6jHCS$reactdom)).createPortal(/*#__PURE__*/ $6jHCS$react.createElement($6jHCS$radixuireactpresence.Presence, {
+        present: forceMount || isVisible
+    }, /*#__PURE__*/ $6jHCS$react.createElement($7f73b938b73b5118$var$NavigationMenuIndicatorImpl, ($parcel$interopDefault($6jHCS$babelruntimehelpersextends))({}, indicatorProps, {
+        ref: forwardedRef
+    }))), context.indicatorTrack) : null;
+});
+/*#__PURE__*/ Object.assign($7f73b938b73b5118$export$8ddb526647c0d8fb, {
+    displayName: $7f73b938b73b5118$var$INDICATOR_NAME
+});
+const $7f73b938b73b5118$var$NavigationMenuIndicatorImpl = /*#__PURE__*/ $6jHCS$react.forwardRef((props, forwardedRef)=>{
+    const { __scopeNavigationMenu: __scopeNavigationMenu , ...indicatorProps } = props;
+    const context = $7f73b938b73b5118$var$useNavigationMenuContext($7f73b938b73b5118$var$INDICATOR_NAME, __scopeNavigationMenu);
+    const getItems = $7f73b938b73b5118$var$useCollection(__scopeNavigationMenu);
+    const [activeTrigger, setActiveTrigger] = $6jHCS$react.useState(null);
+    const [position, setPosition] = $6jHCS$react.useState(null);
+    const isHorizontal = context.orientation === 'horizontal';
+    const isVisible = Boolean(context.value);
+    $6jHCS$react.useEffect(()=>{
+        var _items$find;
+        const items = getItems();
+        const triggerNode = (_items$find = items.find((item)=>item.value === context.value
+        )) === null || _items$find === void 0 ? void 0 : _items$find.ref.current;
+        if (triggerNode) setActiveTrigger(triggerNode);
+    }, [
+        getItems,
+        context.value
+    ]);
+    /**
+   * Update position when the indicator or parent track size changes
+   */ const handlePositionChange = ()=>{
+        if (activeTrigger) setPosition({
+            size: isHorizontal ? activeTrigger.offsetWidth : activeTrigger.offsetHeight,
+            offset: isHorizontal ? activeTrigger.offsetLeft : activeTrigger.offsetTop
+        });
+    };
+    $7f73b938b73b5118$var$useResizeObserver(activeTrigger, handlePositionChange);
+    $7f73b938b73b5118$var$useResizeObserver(context.indicatorTrack, handlePositionChange); // We need to wait for the indicator position to be available before rendering to
+    // snap immediately into position rather than transitioning from initial
+    return position ? /*#__PURE__*/ $6jHCS$react.createElement($6jHCS$radixuireactprimitive.Primitive.div, ($parcel$interopDefault($6jHCS$babelruntimehelpersextends))({
+        "aria-hidden": true,
+        "data-state": isVisible ? 'visible' : 'hidden',
+        "data-orientation": context.orientation
+    }, indicatorProps, {
+        ref: forwardedRef,
+        style: {
+            position: 'absolute',
+            ...isHorizontal ? {
+                left: 0,
+                width: position.size + 'px',
+                transform: `translateX(${position.offset}px)`
+            } : {
+                top: 0,
+                height: position.size + 'px',
+                transform: `translateY(${position.offset}px)`
+            },
+            ...indicatorProps.style
+        }
+    })) : null;
+});
+/* -------------------------------------------------------------------------------------------------
+ * NavigationMenuContent
+ * -----------------------------------------------------------------------------------------------*/ const $7f73b938b73b5118$var$CONTENT_NAME = 'NavigationMenuContent';
+const $7f73b938b73b5118$export$38e00e996c2f93f7 = /*#__PURE__*/ $6jHCS$react.forwardRef((props, forwardedRef)=>{
+    const { forceMount: forceMount , ...contentProps } = props;
+    const context = $7f73b938b73b5118$var$useNavigationMenuContext($7f73b938b73b5118$var$CONTENT_NAME, props.__scopeNavigationMenu);
+    const itemContext = $7f73b938b73b5118$var$useNavigationMenuItemContext($7f73b938b73b5118$var$CONTENT_NAME, props.__scopeNavigationMenu);
+    const composedRefs = $6jHCS$radixuireactcomposerefs.useComposedRefs(itemContext.contentRef, forwardedRef);
+    const open = itemContext.value === context.value;
+    const commonProps = {
+        value: itemContext.value,
+        triggerRef: itemContext.triggerRef,
+        focusProxyRef: itemContext.focusProxyRef,
+        onContentFocusOutside: itemContext.onContentFocusOutside,
+        onRootContentClose: itemContext.onRootContentClose,
+        ...contentProps
+    };
+    return !context.viewport ? /*#__PURE__*/ $6jHCS$react.createElement($6jHCS$radixuireactpresence.Presence, {
+        present: forceMount || open
+    }, /*#__PURE__*/ $6jHCS$react.createElement($7f73b938b73b5118$var$NavigationMenuContentImpl, ($parcel$interopDefault($6jHCS$babelruntimehelpersextends))({
+        "data-state": $7f73b938b73b5118$var$getOpenState(open)
+    }, commonProps, {
+        ref: composedRefs,
+        onPointerEnter: $6jHCS$radixuiprimitive.composeEventHandlers(props.onPointerEnter, ()=>{
+            context.onItemOver(itemContext.value);
+        }),
+        onPointerLeave: $6jHCS$radixuiprimitive.composeEventHandlers(props.onPointerLeave, $7f73b938b73b5118$var$whenMouse(context.onItemLeave)),
+        style: {
+            // Prevent interaction when animating out
+            pointerEvents: !open && context.isRootMenu ? 'none' : undefined,
+            ...commonProps.style
+        }
+    }))) : /*#__PURE__*/ $6jHCS$react.createElement($7f73b938b73b5118$var$ViewportContentMounter, ($parcel$interopDefault($6jHCS$babelruntimehelpersextends))({
+        forceMount: forceMount
+    }, commonProps, {
+        ref: composedRefs
+    }));
+});
+/*#__PURE__*/ Object.assign($7f73b938b73b5118$export$38e00e996c2f93f7, {
+    displayName: $7f73b938b73b5118$var$CONTENT_NAME
+});
+/* -----------------------------------------------------------------------------------------------*/ const $7f73b938b73b5118$var$ViewportContentMounter = /*#__PURE__*/ $6jHCS$react.forwardRef((props, forwardedRef)=>{
+    const context = $7f73b938b73b5118$var$useNavigationMenuContext($7f73b938b73b5118$var$CONTENT_NAME, props.__scopeNavigationMenu);
+    const { onViewportContentChange: onViewportContentChange , onViewportContentRemove: onViewportContentRemove  } = context;
+    $6jHCS$radixuireactuselayouteffect.useLayoutEffect(()=>{
+        onViewportContentChange(props.value, {
+            ref: forwardedRef,
+            ...props
+        });
+    }, [
+        props,
+        forwardedRef,
+        onViewportContentChange
+    ]);
+    $6jHCS$radixuireactuselayouteffect.useLayoutEffect(()=>{
+        return ()=>onViewportContentRemove(props.value)
+        ;
+    }, [
+        props.value,
+        onViewportContentRemove
+    ]); // Content is proxied into the viewport
+    return null;
+});
+/* -----------------------------------------------------------------------------------------------*/ const $7f73b938b73b5118$var$ROOT_CONTENT_DISMISS = 'navigationMenu.rootContentDismiss';
+const $7f73b938b73b5118$var$NavigationMenuContentImpl = /*#__PURE__*/ $6jHCS$react.forwardRef((props, forwardedRef)=>{
+    const { __scopeNavigationMenu: __scopeNavigationMenu , value: value , triggerRef: triggerRef , focusProxyRef: focusProxyRef , onRootContentClose: onRootContentClose , onContentFocusOutside: onContentFocusOutside , ...contentProps } = props;
+    const context = $7f73b938b73b5118$var$useNavigationMenuContext($7f73b938b73b5118$var$CONTENT_NAME, __scopeNavigationMenu);
+    const ref = $6jHCS$react.useRef(null);
+    const composedRefs = $6jHCS$radixuireactcomposerefs.useComposedRefs(ref, forwardedRef);
+    const triggerId = $7f73b938b73b5118$var$makeTriggerId(context.baseId, value);
+    const contentId = $7f73b938b73b5118$var$makeContentId(context.baseId, value);
+    const getItems = $7f73b938b73b5118$var$useCollection(__scopeNavigationMenu);
+    const prevMotionAttributeRef = $6jHCS$react.useRef(null);
+    const { onItemDismiss: onItemDismiss  } = context;
+    $6jHCS$react.useEffect(()=>{
+        const content = ref.current; // Bubble dismiss to the root content node and focus its trigger
+        if (context.isRootMenu && content) {
+            const handleClose = ()=>{
+                var _triggerRef$current;
+                onItemDismiss();
+                onRootContentClose();
+                if (content.contains(document.activeElement)) (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 || _triggerRef$current.focus();
+            };
+            content.addEventListener($7f73b938b73b5118$var$ROOT_CONTENT_DISMISS, handleClose);
+            return ()=>content.removeEventListener($7f73b938b73b5118$var$ROOT_CONTENT_DISMISS, handleClose)
+            ;
+        }
+    }, [
+        context.isRootMenu,
+        props.value,
+        triggerRef,
+        onItemDismiss,
+        onRootContentClose
+    ]);
+    const motionAttribute = $6jHCS$react.useMemo(()=>{
+        const items = getItems();
+        const values = items.map((item)=>item.value
+        );
+        if (context.dir === 'rtl') values.reverse();
+        const index = values.indexOf(context.value);
+        const prevIndex = values.indexOf(context.previousValue);
+        const isSelected = value === context.value;
+        const wasSelected = prevIndex === values.indexOf(value); // We only want to update selected and the last selected content
+        // this avoids animations being interrupted outside of that range
+        if (!isSelected && !wasSelected) return prevMotionAttributeRef.current;
+        const attribute = (()=>{
+            // Don't provide a direction on the initial open
+            if (index !== prevIndex) {
+                // If we're moving to this item from another
+                if (isSelected && prevIndex !== -1) return index > prevIndex ? 'from-end' : 'from-start'; // If we're leaving this item for another
+                if (wasSelected && index !== -1) return index > prevIndex ? 'to-start' : 'to-end';
+            } // Otherwise we're entering from closed or leaving the list
+            // entirely and should not animate in any direction
+            return null;
+        })();
+        prevMotionAttributeRef.current = attribute;
+        return attribute;
+    }, [
+        context.previousValue,
+        context.value,
+        context.dir,
+        getItems,
+        value
+    ]);
+    return /*#__PURE__*/ $6jHCS$react.createElement($7f73b938b73b5118$var$FocusGroup, {
+        asChild: true
+    }, /*#__PURE__*/ $6jHCS$react.createElement($6jHCS$radixuireactdismissablelayer.DismissableLayer, ($parcel$interopDefault($6jHCS$babelruntimehelpersextends))({
+        id: contentId,
+        "aria-labelledby": triggerId,
+        "data-motion": motionAttribute,
+        "data-orientation": context.orientation
+    }, contentProps, {
+        ref: composedRefs,
+        onDismiss: ()=>{
+            var _ref$current;
+            const rootContentDismissEvent = new Event($7f73b938b73b5118$var$ROOT_CONTENT_DISMISS, {
+                bubbles: true,
+                cancelable: true
+            });
+            (_ref$current = ref.current) === null || _ref$current === void 0 || _ref$current.dispatchEvent(rootContentDismissEvent);
+        },
+        onFocusOutside: $6jHCS$radixuiprimitive.composeEventHandlers(props.onFocusOutside, (event)=>{
+            var _context$rootNavigati;
+            onContentFocusOutside();
+            const target = event.target; // Only dismiss content when focus moves outside of the menu
+            if ((_context$rootNavigati = context.rootNavigationMenu) !== null && _context$rootNavigati !== void 0 && _context$rootNavigati.contains(target)) event.preventDefault();
+        }),
+        onPointerDownOutside: $6jHCS$radixuiprimitive.composeEventHandlers(props.onPointerDownOutside, (event)=>{
+            var _context$viewport;
+            const target = event.target;
+            const isTrigger = getItems().some((item)=>{
+                var _item$ref$current;
+                return (_item$ref$current = item.ref.current) === null || _item$ref$current === void 0 ? void 0 : _item$ref$current.contains(target);
+            });
+            const isRootViewport = context.isRootMenu && ((_context$viewport = context.viewport) === null || _context$viewport === void 0 ? void 0 : _context$viewport.contains(target));
+            if (isTrigger || isRootViewport || !context.isRootMenu) event.preventDefault();
+        }),
+        onKeyDown: $6jHCS$radixuiprimitive.composeEventHandlers(props.onKeyDown, (event)=>{
+            const isMetaKey = event.altKey || event.ctrlKey || event.metaKey;
+            const isTabKey = event.key === 'Tab' && !isMetaKey;
+            if (isTabKey) {
+                const candidates = $7f73b938b73b5118$var$getTabbableCandidates(event.currentTarget);
+                const focusedElement = document.activeElement;
+                const index = candidates.findIndex((candidate)=>candidate === focusedElement
+                );
+                const isMovingBackwards = event.shiftKey;
+                const nextCandidates = isMovingBackwards ? candidates.slice(0, index).reverse() : candidates.slice(index + 1, candidates.length);
+                if ($7f73b938b73b5118$var$focusFirst(nextCandidates)) // prevent browser tab keydown because we've handled focus
+                event.preventDefault();
+                else {
+                    var _focusProxyRef$curren;
+                    // If we can't focus that means we're at the edges
+                    // so focus the proxy and let browser handle
+                    // tab/shift+tab keypress on the proxy instead
+                    (_focusProxyRef$curren = focusProxyRef.current) === null || _focusProxyRef$curren === void 0 || _focusProxyRef$curren.focus();
+                }
+            }
+        })
+    })));
+});
+/* -------------------------------------------------------------------------------------------------
+ * NavigationMenuViewport
+ * -----------------------------------------------------------------------------------------------*/ const $7f73b938b73b5118$var$VIEWPORT_NAME = 'NavigationMenuViewport';
+const $7f73b938b73b5118$export$ee880b97cc6d44a5 = /*#__PURE__*/ $6jHCS$react.forwardRef((props, forwardedRef)=>{
+    const { forceMount: forceMount , ...viewportProps } = props;
+    const context = $7f73b938b73b5118$var$useNavigationMenuContext($7f73b938b73b5118$var$VIEWPORT_NAME, props.__scopeNavigationMenu);
+    const open = Boolean(context.value);
+    return /*#__PURE__*/ $6jHCS$react.createElement($6jHCS$radixuireactpresence.Presence, {
+        present: forceMount || open
+    }, /*#__PURE__*/ $6jHCS$react.createElement($7f73b938b73b5118$var$NavigationMenuViewportImpl, ($parcel$interopDefault($6jHCS$babelruntimehelpersextends))({}, viewportProps, {
+        ref: forwardedRef
+    })));
+});
+/*#__PURE__*/ Object.assign($7f73b938b73b5118$export$ee880b97cc6d44a5, {
+    displayName: $7f73b938b73b5118$var$VIEWPORT_NAME
+});
+/* -----------------------------------------------------------------------------------------------*/ const $7f73b938b73b5118$var$NavigationMenuViewportImpl = /*#__PURE__*/ $6jHCS$react.forwardRef((props1, forwardedRef)=>{
+    const { __scopeNavigationMenu: __scopeNavigationMenu , children: children , ...viewportImplProps } = props1;
+    const context = $7f73b938b73b5118$var$useNavigationMenuContext($7f73b938b73b5118$var$VIEWPORT_NAME, __scopeNavigationMenu);
+    const composedRefs = $6jHCS$radixuireactcomposerefs.useComposedRefs(forwardedRef, context.onViewportChange);
+    const viewportContentContext = $7f73b938b73b5118$var$useViewportContentContext($7f73b938b73b5118$var$CONTENT_NAME, props1.__scopeNavigationMenu);
+    const [size, setSize] = $6jHCS$react.useState(null);
+    const [content, setContent] = $6jHCS$react.useState(null);
+    const viewportWidth = size ? (size === null || size === void 0 ? void 0 : size.width) + 'px' : undefined;
+    const viewportHeight = size ? (size === null || size === void 0 ? void 0 : size.height) + 'px' : undefined;
+    const open = Boolean(context.value); // We persist the last active content value as the viewport may be animating out
+    // and we want the content to remain mounted for the lifecycle of the viewport.
+    const activeContentValue = open ? context.value : context.previousValue;
+    /**
+   * Update viewport size to match the active content node.
+   * We prefer offset dimensions over `getBoundingClientRect` as the latter respects CSS transform.
+   * For example, if content animates in from `scale(0.5)` the dimensions would be anything
+   * from `0.5` to `1` of the intended size.
+   */ const handleSizeChange = ()=>{
+        if (content) setSize({
+            width: content.offsetWidth,
+            height: content.offsetHeight
+        });
+    };
+    $7f73b938b73b5118$var$useResizeObserver(content, handleSizeChange);
+    return /*#__PURE__*/ $6jHCS$react.createElement($6jHCS$radixuireactprimitive.Primitive.div, ($parcel$interopDefault($6jHCS$babelruntimehelpersextends))({
+        "data-state": $7f73b938b73b5118$var$getOpenState(open),
+        "data-orientation": context.orientation
+    }, viewportImplProps, {
+        ref: composedRefs,
+        style: {
+            // Prevent interaction when animating out
+            pointerEvents: !open && context.isRootMenu ? 'none' : undefined,
+            ['--radix-navigation-menu-viewport-width']: viewportWidth,
+            ['--radix-navigation-menu-viewport-height']: viewportHeight,
+            ...viewportImplProps.style
+        },
+        onPointerEnter: $6jHCS$radixuiprimitive.composeEventHandlers(props1.onPointerEnter, ()=>{
+            context.onItemOver(activeContentValue);
+        }),
+        onPointerLeave: $6jHCS$radixuiprimitive.composeEventHandlers(props1.onPointerLeave, $7f73b938b73b5118$var$whenMouse(context.onItemLeave))
+    }), Array.from(viewportContentContext.items).map(([value, { ref: ref , forceMount: forceMount , ...props }])=>{
+        const isActive = activeContentValue === value;
+        return /*#__PURE__*/ $6jHCS$react.createElement($6jHCS$radixuireactpresence.Presence, {
+            key: value,
+            present: forceMount || isActive
+        }, /*#__PURE__*/ $6jHCS$react.createElement($7f73b938b73b5118$var$NavigationMenuContentImpl, ($parcel$interopDefault($6jHCS$babelruntimehelpersextends))({}, props, {
+            ref: $6jHCS$radixuireactcomposerefs.composeRefs(ref, (node)=>{
+                // We only want to update the stored node when another is available
+                // as we need to smoothly transition between them.
+                if (isActive && node) setContent(node);
+            })
+        })));
+    }));
+});
+/* -----------------------------------------------------------------------------------------------*/ const $7f73b938b73b5118$var$FOCUS_GROUP_NAME = 'FocusGroup';
+const $7f73b938b73b5118$var$FocusGroup = /*#__PURE__*/ $6jHCS$react.forwardRef((props, forwardedRef)=>{
+    const { __scopeNavigationMenu: __scopeNavigationMenu , ...groupProps } = props;
+    const context = $7f73b938b73b5118$var$useNavigationMenuContext($7f73b938b73b5118$var$FOCUS_GROUP_NAME, __scopeNavigationMenu);
+    return /*#__PURE__*/ $6jHCS$react.createElement($7f73b938b73b5118$var$FocusGroupCollection.Provider, {
+        scope: __scopeNavigationMenu
+    }, /*#__PURE__*/ $6jHCS$react.createElement($7f73b938b73b5118$var$FocusGroupCollection.Slot, {
+        scope: __scopeNavigationMenu
+    }, /*#__PURE__*/ $6jHCS$react.createElement($6jHCS$radixuireactprimitive.Primitive.div, ($parcel$interopDefault($6jHCS$babelruntimehelpersextends))({
+        dir: context.dir
+    }, groupProps, {
+        ref: forwardedRef
+    }))));
+});
+/* -----------------------------------------------------------------------------------------------*/ const $7f73b938b73b5118$var$ARROW_KEYS = [
+    'ArrowRight',
+    'ArrowLeft',
+    'ArrowUp',
+    'ArrowDown'
+];
+const $7f73b938b73b5118$var$FOCUS_GROUP_ITEM_NAME = 'FocusGroupItem';
+const $7f73b938b73b5118$var$FocusGroupItem = /*#__PURE__*/ $6jHCS$react.forwardRef((props, forwardedRef)=>{
+    const { __scopeNavigationMenu: __scopeNavigationMenu , ...groupProps } = props;
+    const getItems = $7f73b938b73b5118$var$useFocusGroupCollection(__scopeNavigationMenu);
+    const context = $7f73b938b73b5118$var$useNavigationMenuContext($7f73b938b73b5118$var$FOCUS_GROUP_ITEM_NAME, __scopeNavigationMenu);
+    return /*#__PURE__*/ $6jHCS$react.createElement($7f73b938b73b5118$var$FocusGroupCollection.ItemSlot, {
+        scope: __scopeNavigationMenu
+    }, /*#__PURE__*/ $6jHCS$react.createElement($6jHCS$radixuireactprimitive.Primitive.button, ($parcel$interopDefault($6jHCS$babelruntimehelpersextends))({}, groupProps, {
+        ref: forwardedRef,
+        onKeyDown: $6jHCS$radixuiprimitive.composeEventHandlers(props.onKeyDown, (event)=>{
+            const isFocusNavigationKey = [
+                'Home',
+                'End',
+                ...$7f73b938b73b5118$var$ARROW_KEYS
+            ].includes(event.key);
+            if (isFocusNavigationKey) {
+                let candidateNodes = getItems().map((item)=>item.ref.current
+                );
+                const prevItemKey = context.dir === 'rtl' ? 'ArrowRight' : 'ArrowLeft';
+                const prevKeys = [
+                    prevItemKey,
+                    'ArrowUp',
+                    'End'
+                ];
+                if (prevKeys.includes(event.key)) candidateNodes.reverse();
+                if ($7f73b938b73b5118$var$ARROW_KEYS.includes(event.key)) {
+                    const currentIndex = candidateNodes.indexOf(event.currentTarget);
+                    candidateNodes = candidateNodes.slice(currentIndex + 1);
+                }
+                /**
+         * Imperative focus during keydown is risky so we prevent React's batching updates
+         * to avoid potential bugs. See: https://github.com/facebook/react/issues/20332
+         */ setTimeout(()=>$7f73b938b73b5118$var$focusFirst(candidateNodes)
+                ); // Prevent page scroll while navigating
+                event.preventDefault();
+            }
+        })
+    })));
+});
+/**
+ * Returns a list of potential tabbable candidates.
+ *
+ * NOTE: This is only a close approximation. For example it doesn't take into account cases like when
+ * elements are not visible. This cannot be worked out easily by just reading a property, but rather
+ * necessitate runtime knowledge (computed styles, etc). We deal with these cases separately.
+ *
+ * See: https://developer.mozilla.org/en-US/docs/Web/API/TreeWalker
+ * Credit: https://github.com/discord/focus-layers/blob/master/src/util/wrapFocus.tsx#L1
+ */ function $7f73b938b73b5118$var$getTabbableCandidates(container) {
+    const nodes = [];
+    const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {
+        acceptNode: (node)=>{
+            const isHiddenInput = node.tagName === 'INPUT' && node.type === 'hidden';
+            if (node.disabled || node.hidden || isHiddenInput) return NodeFilter.FILTER_SKIP; // `.tabIndex` is not the same as the `tabindex` attribute. It works on the
+            // runtime's understanding of tabbability, so this automatically accounts
+            // for any kind of element that could be tabbed to.
+            return node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+        }
+    });
+    while(walker.nextNode())nodes.push(walker.currentNode); // we do not take into account the order of nodes with positive `tabIndex` as it
+    // hinders accessibility to have tab order different from visual order.
+    return nodes;
+}
+function $7f73b938b73b5118$var$focusFirst(candidates) {
+    const previouslyFocusedElement = document.activeElement;
+    return candidates.some((candidate)=>{
+        // if focus is already where we want to go, we don't want to keep going through the candidates
+        if (candidate === previouslyFocusedElement) return true;
+        candidate.focus();
+        return document.activeElement !== previouslyFocusedElement;
+    });
+}
+function $7f73b938b73b5118$var$removeFromTabOrder(candidates) {
+    candidates.forEach((candidate)=>{
+        candidate.dataset.tabindex = candidate.getAttribute('tabindex') || '';
+        candidate.setAttribute('tabindex', '-1');
+    });
+    return ()=>{
+        candidates.forEach((candidate)=>{
+            const prevTabIndex = candidate.dataset.tabindex;
+            candidate.setAttribute('tabindex', prevTabIndex);
+        });
+    };
+}
+function $7f73b938b73b5118$var$useResizeObserver(element, onResize) {
+    const handleResize = $6jHCS$radixuireactusecallbackref.useCallbackRef(onResize);
+    $6jHCS$radixuireactuselayouteffect.useLayoutEffect(()=>{
+        let rAF = 0;
+        if (element) {
+            /**
+       * Resize Observer will throw an often benign error that says `ResizeObserver loop
+       * completed with undelivered notifications`. This means that ResizeObserver was not
+       * able to deliver all observations within a single animation frame, so we use
+       * `requestAnimationFrame` to ensure we don't deliver unnecessary observations.
+       * Further reading: https://github.com/WICG/resize-observer/issues/38
+       */ const resizeObserver = new ResizeObserver(()=>{
+                cancelAnimationFrame(rAF);
+                rAF = window.requestAnimationFrame(handleResize);
+            });
+            resizeObserver.observe(element);
+            return ()=>{
+                window.cancelAnimationFrame(rAF);
+                resizeObserver.unobserve(element);
+            };
+        }
+    }, [
+        element,
+        handleResize
+    ]);
+}
+function $7f73b938b73b5118$var$getOpenState(open) {
+    return open ? 'open' : 'closed';
+}
+function $7f73b938b73b5118$var$makeTriggerId(baseId, value) {
+    return `${baseId}-trigger-${value}`;
+}
+function $7f73b938b73b5118$var$makeContentId(baseId, value) {
+    return `${baseId}-content-${value}`;
+}
+function $7f73b938b73b5118$var$whenMouse(handler) {
+    return (event)=>event.pointerType === 'mouse' ? handler(event) : undefined
+    ;
+}
+/* -----------------------------------------------------------------------------------------------*/ const $7f73b938b73b5118$export$be92b6f5f03c0fe9 = $7f73b938b73b5118$export$5b2278cf1e8bcae2;
+const $7f73b938b73b5118$export$d7a01e11500dfb6f = $7f73b938b73b5118$export$5958edd6c4ee7c79;
+const $7f73b938b73b5118$export$54c2e3dc7acea9f5 = $7f73b938b73b5118$export$c361068a95fd2286;
+const $7f73b938b73b5118$export$6d08773d2e66f8f2 = $7f73b938b73b5118$export$ffdbb83a2de845c2;
+const $7f73b938b73b5118$export$41fb9f06171c75f4 = $7f73b938b73b5118$export$37fe8002734d8f2;
+const $7f73b938b73b5118$export$a6c7ac8248d6e38a = $7f73b938b73b5118$export$6893bf21536567da;
+const $7f73b938b73b5118$export$adb584737d712b70 = $7f73b938b73b5118$export$8ddb526647c0d8fb;
+const $7f73b938b73b5118$export$7c6e2c02157bb7d2 = $7f73b938b73b5118$export$38e00e996c2f93f7;
+const $7f73b938b73b5118$export$d5c6c08dc2d3ca7 = $7f73b938b73b5118$export$ee880b97cc6d44a5;
+
+
+
+
 //# sourceMappingURL=index.js.map