quirk-ui 0.1.79 → 0.1.80

package/dist/core/components/NavBar/index.cjs

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("react"),se=require("../Modal/index.cjs"),z=require("../../../index-hPJqlEOh.cjs"),le=require("../ButtonGroup/index.cjs"),e=require("../../../NavLink-BaEzx3t5.cjs"),U=require("../../utils/NoScroll/noScroll.cjs"),we=require("../../../chevron-right-motlyADs.cjs"),P=require("../../../external-link-DDShu-48.cjs"),Ce=require("../../../x-Dft9NVe_.cjs"),ne=require("../../../createLucideIcon-DpotSgUx.cjs"),_e=require("../../../chevron-down-DfK1XBl3.cjs");/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),t=require("react"),le=require("../Modal/index.cjs"),A=require("../../../index-hPJqlEOh.cjs"),te=require("../ButtonGroup/index.cjs"),e=require("../../../NavLink-BaEzx3t5.cjs"),V=require("../../utils/NoScroll/noScroll.cjs"),Ce=require("../../../chevron-right-motlyADs.cjs"),H=require("../../../external-link-DDShu-48.cjs"),_e=require("../../../x-Dft9NVe_.cjs"),ae=require("../../../createLucideIcon-DpotSgUx.cjs"),Se=require("../../../chevron-down-DfK1XBl3.cjs");/**
  * @license lucide-react v0.488.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const Se=[["path",{d:"M21.54 15H17a2 2 0 0 0-2 2v4.54",key:"1djwo0"}],["path",{d:"M7 3.34V5a3 3 0 0 0 3 3a2 2 0 0 1 2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2c0-1.1.9-2 2-2h3.17",key:"1tzkfa"}],["path",{d:"M11 21.95V18a2 2 0 0 0-2-2a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05",key:"14pb5j"}],["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}]],Ie=ne.createLucideIcon("earth",Se);/**
+ */const Ee=[["path",{d:"M21.54 15H17a2 2 0 0 0-2 2v4.54",key:"1djwo0"}],["path",{d:"M7 3.34V5a3 3 0 0 0 3 3a2 2 0 0 1 2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2c0-1.1.9-2 2-2h3.17",key:"1tzkfa"}],["path",{d:"M11 21.95V18a2 2 0 0 0-2-2a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05",key:"14pb5j"}],["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}]],Le=ae.createLucideIcon("earth",Ee);/**
  * @license lucide-react v0.488.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const Le=[["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}],["path",{d:"m21 21-4.3-4.3",key:"1qie3q"}]],Me=ne.createLucideIcon("search",Le),Ee={standard:e.styles.standard,transparent:e.styles.transparent},Be={left:e.styles.left,center:e.styles.center,right:e.styles.right},Re=({spotlight:i,renderText:h})=>{var y,_,p,v,k,S;const r=i.callToAction;if(!r)return null;const j=((y=r.linkOptions)==null?void 0:y.linkType)==="external";let u="#";return j&&((_=r.linkOptions)!=null&&_.externalUrl)?u=r.linkOptions.externalUrl:((p=r.linkOptions)==null?void 0:p.linkType)==="internal"&&((k=(v=r.linkOptions)==null?void 0:v.internalUrl)!=null&&k.slug.current)&&(u=`/${r.linkOptions.internalUrl.slug.current}`),s.jsxs("div",{className:e.styles.spotlight,children:[i.image&&s.jsx("div",{className:e.styles.imageWrapper,children:s.jsx("img",{src:((S=i.image.imageUrls)==null?void 0:S.medium)??"",alt:i.image.asset.altText||i.image.asset.description||"Content image",width:600,height:400})}),s.jsxs("div",{className:e.styles.content,children:[i.title&&s.jsx("div",{className:e.styles.title,children:h==null?void 0:h(i.title,e.styles.title)}),i.description&&s.jsx("div",{className:e.styles.description,children:h==null?void 0:h(i.description,e.styles.description)})]}),r.linkOptions&&s.jsx("div",{className:e.styles.actions,children:s.jsx(z.Button,{as:"a",variant:r.variant??"primary",href:u,target:j?"_blank":"_self",rel:j?"noopener noreferrer":void 0,"aria-label":r.ariaLabel||r.label,children:r.label})})]})};function ze({renderText:i,title:h,logo:r,items:j,groups:u,utilityItems:y,isSticky:_=!1,showSearch:p=!0,showLocaleSelect:v=!0,showThemeToggle:k=!0,themeToggleComponent:S,alignment:q="right",variant:ae="standard",navigationType:I="default",searchComponent:te,localeSelectComponent:ie,className:re,style:ce,...oe}){const[m,V]=a.useState(!1),[H,f]=a.useState(null),[de,ue]=a.useState(0),[ye,he]=a.useState(!1),[me,be]=a.useState(null),[c,$]=a.useState([]),[L,O]=a.useState(0),[xe,X]=a.useState(null),[w,pe]=a.useState(!1),[M,E]=a.useState("forward"),A=a.useRef(null),C=a.useRef(null),W=a.useRef(new Map),J=()=>s.jsx("div",{className:`${e.styles.linkWrapper} ${e.styles.parent}`,children:s.jsx("div",{className:`${e.styles.linkItem} ${e.styles.themeToggle}`,children:S})}),F=()=>s.jsx("div",{className:`${e.styles.linkWrapper} ${e.styles.parent} ${e.styles.searchWrapper}`,children:s.jsx("div",{className:e.styles.linkItem,children:s.jsx(se.Modal,{size:"lg",className:e.styles.searchModal,trigger:s.jsx("button",{title:"Search","aria-label":"Search",className:e.styles.search,children:s.jsx(Me,{size:16,"aria-hidden":"true"})}),content:te})})}),K=()=>s.jsx("div",{className:`${e.styles.linkWrapper} ${e.styles.parent}`,children:s.jsx("div",{className:e.styles.linkItem,children:s.jsx(se.Modal,{className:e.styles.localeModal,trigger:s.jsx("button",{title:"Locale Select","aria-label":"Locale Select",className:e.styles.locale,children:s.jsx(Ie,{size:16,"aria-hidden":"true"})}),content:ie})})}),B=a.useCallback(()=>{C.current&&ue(C.current.getBoundingClientRect().width)},[]),fe=()=>{V(l=>{const n=!l;return n||($([]),E("forward"),f(null)),n})},Q=a.useCallback(l=>{const n=W.current.get(l);if(n&&C.current){const d=n.getBoundingClientRect(),b=C.current.getBoundingClientRect();be(d.left-b.left+d.width/2)}},[]),je=a.useCallback(l=>{f(n=>n===l?null:l)},[]),G=a.useCallback(l=>{A.current&&!A.current.contains(l.target)&&f(null)},[]),D=a.useCallback(()=>{B(),typeof window<"u"&&window.innerWidth>768&&(V(!1),f(null))},[B]),ve=()=>$([]),ke=l=>{E("forward"),$([{title:l.title,primary:l.primaryItems??[],secondary:l.secondaryItems??[],description:""}])},Y=l=>{E("forward"),$(n=>[...n,{title:l.label,primary:l.sublinks??[],secondary:[],description:l.description}])},ge=()=>{E("backward"),$(l=>l.slice(0,-1))};a.useEffect(()=>{if(typeof window>"u")return;const l=()=>pe(window.innerWidth<768);return l(),window.addEventListener("resize",l),()=>window.removeEventListener("resize",l)},[]),a.useEffect(()=>{const l=typeof window<"u",n=typeof document<"u";return l&&window.addEventListener("resize",D),n&&document.addEventListener("click",G),B(),he(!0),()=>{l&&window.removeEventListener("resize",D),n&&document.removeEventListener("click",G)}},[D,G,B]),a.useEffect(()=>{if(!(typeof document>"u"))return m?setTimeout(()=>U.lockScroll(),0):U.unlockScroll(),()=>U.unlockScroll()},[m]);const R=(l,n="")=>l.map((d,b)=>{const g=`${n}/${d._key??d.label}-${b}`;return s.jsx(e.NavLink,{link:d,path:g,parentPath:n,openPath:H,togglePath:je,updateTriangleIndicator:Q,setOpenPath:f,renderLinks:R,buttonRefs:W},g)}),Ne=l=>l.map((n,d)=>{var Z,T;const b=`group-${d}`,g=xe===d,x=(Z=n.primaryItems)==null?void 0:Z[L??0];return s.jsxs("div",{className:`${e.styles.linkWrapper} ${e.styles.parent}`,onMouseEnter:()=>{X(d),f(b),Q(b)},children:[s.jsx("div",{className:e.styles.linkItem,children:s.jsxs("button",{ref:t=>{W.current.set(b,t)},"aria-haspopup":!0,"aria-expanded":g,"aria-controls":`submenu-${d}`,className:`${e.styles.sublinkToggle} ${g?e.styles.open:""}`,children:[n.title,s.jsx(_e.ChevronDown,{size:18,className:e.styles.chevron,"aria-hidden":"true"})]})}),s.jsx("div",{id:`submenu-${d}`,className:`${e.styles.sublinks} ${g?e.styles.show:""}`,role:"menu","aria-label":`${n.title} submenu`,onMouseLeave:()=>{X(null),O(0),f(null)},children:s.jsx("div",{children:s.jsxs("div",{className:`${e.styles.sublinksInner} ${n.spotlight?e.styles.withSpotlight:e.styles.withoutSpotlight}`,children:[s.jsxs("div",{className:`${e.styles.sublinksColumn} ${e.styles.primaryColumn}`,children:[s.jsx("div",{className:e.styles.linkItem}),(T=n.primaryItems)==null?void 0:T.map((t,N)=>t.href?s.jsx("div",{role:"menuitem",children:s.jsxs("a",{href:t.href,className:`${e.styles.link} ${L===N?e.styles.open:""}`,target:t.isExternal?"_blank":"_self",rel:t.isExternal?"noopener noreferrer":void 0,onClick:()=>{var ee;f(null),(ee=t.onClick)==null||ee.call(t)},onMouseEnter:()=>O(N),children:[s.jsxs("span",{className:e.styles.linkContent,children:[t.label,t.subtitle&&s.jsx("span",{className:e.styles.subtitle,children:t.subtitle})]}),t.isExternal&&s.jsx(P.ExternalLink,{className:e.styles.newTabIcon,size:16,"aria-hidden":"true"})]})},t._key??N):s.jsx("div",{role:"menuitem",children:s.jsx("button",{className:`${e.styles.sublinkToggle} ${L===N?e.styles.open:""}`,onMouseEnter:()=>O(N),children:s.jsxs("span",{className:e.styles.linkContent,children:[t.label,t.subtitle&&s.jsx("span",{className:e.styles.subtitle,children:t.subtitle})]})})},t._key??N))]}),(x==null?void 0:x.sublinks)&&x.sublinks.length>0&&s.jsxs("div",{className:`${e.styles.sublinksColumn} ${e.styles.fadeInFromLeft}`,children:[x.description&&s.jsx("div",{className:e.styles.sublinksDescription,children:i==null?void 0:i(x.description)}),R(x.sublinks,`${b}-${L}`)]},`${x.label}-${x.sublinks.length}`),n.secondaryItems&&n.secondaryItems.length>0&&s.jsx("div",{className:`${e.styles.sublinksColumn} ${e.styles.secondaryColumn}`,children:R(n.secondaryItems,`${b}-secondary`)}),n.spotlight&&s.jsx("div",{className:`${e.styles.sublinksColumn} ${e.styles.spotlightColumn}`,children:s.jsx(Re,{spotlight:n.spotlight,renderText:i})})]})})})]},n._key??`group-${d}`)}),$e=[e.styles.navbar,Be[q],Ee[ae],_?e.styles.sticky:"",u!=null&&u.length?e.styles.advanced:e.styles.default,re??""].filter(Boolean).join(" "),o=y&&y.length>0?y[Math.min(1,y.length-1)]:null;return s.jsx("header",{ref:A,className:$e,style:ce,"aria-label":"Site header",...oe,children:s.jsxs("div",{className:`${e.styles.container} ${(!y||y.length===0)&&q!=="center"?e.styles.twoColumn:""}`,children:[r?s.jsx("div",{className:e.styles.logo,children:r}):h?s.jsx("div",{className:e.styles.title,children:h}):null,s.jsx("nav",{ref:C,style:{left:q==="center"?`calc(50% - ${de/2}px)`:"0"},className:`${e.styles.nav} ${m?e.styles.open:""} ${ye?e.styles.visible:e.styles.hidden}`,id:"main-menu","aria-label":"Primary navigation",children:s.jsxs("div",{className:e.styles.navInner,children:[s.jsx("svg",{style:{left:`${me}px`},className:`${e.styles.triangle} ${H?e.styles.show:""}`,width:16,height:12,viewBox:"0 0 100 75",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:s.jsx("polygon",{points:"50,5 95,70 5,70",strokeLinejoin:"round",fill:"white",stroke:"white"})}),I==="default"&&j&&s.jsxs("div",{className:e.styles.grid,role:"menubar",children:[j.length>0&&R(j),(p||v||k)&&s.jsx("span",{className:e.styles.separator,"aria-hidden":"true"}),k&&s.jsx(J,{}),p&&!w&&s.jsx(F,{}),v&&s.jsx(K,{})]}),!w&&I==="advanced"&&u&&s.jsxs("div",{className:e.styles.grid,children:[u.length>0&&Ne(u),(p||v||k)&&s.jsx("span",{className:e.styles.separator,"aria-hidden":"true"}),k&&s.jsx(J,{}),p&&s.jsx(F,{}),v&&s.jsx(K,{})]}),w&&I==="advanced"&&m&&c.length===0&&u&&s.jsx("div",{className:e.styles.mobileMenu,children:u.map((l,n)=>s.jsx("div",{className:`${e.styles.mobileMenuItem} ${M==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:s.jsx("button",{className:e.styles.sublinkToggle,onClick:()=>ke(l),children:l.title})},l._key??n))}),w&&I==="advanced"&&m&&c.length>0&&s.jsxs("div",{className:e.styles.mobileMenuSlide,children:[s.jsx("button",{className:e.styles.back,"aria-label":"Go back",onClick:c.length===1?ve:ge,children:s.jsx(we.ChevronLeft,{size:18,"aria-hidden":"true"})}),c[c.length-1].description&&s.jsx("div",{className:`${e.styles.sublinksDescription} ${M==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:i==null?void 0:i(c[c.length-1].description)}),c[c.length-1].primary.map((l,n)=>s.jsx("div",{role:"menuitem",className:`${e.styles.mobileMenuItem} ${M==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:l.sublinks?s.jsx("button",{className:e.styles.sublinkToggle,onClick:()=>Y(l),children:s.jsxs("span",{className:e.styles.linkContent,children:[l.label,l.subtitle&&s.jsx("span",{className:e.styles.subtitle,children:l.subtitle})]})}):s.jsxs("a",{href:l.href,className:e.styles.link,target:l.isExternal?"_blank":"_self",rel:l.isExternal?"noopener noreferrer":void 0,children:[s.jsxs("span",{className:e.styles.linkContent,children:[l.label,l.subtitle&&s.jsx("span",{className:e.styles.subtitle,children:l.subtitle})]}),l.isExternal&&s.jsx(P.ExternalLink,{className:e.styles.newTabIcon,size:16,"aria-hidden":"true"})]})},l._key??`primary-${n}`)),c[c.length-1].secondary.length>0&&s.jsx("hr",{className:e.styles.groupDivider}),c[c.length-1].secondary.map((l,n)=>s.jsx("div",{role:"menuitem",className:`${e.styles.mobileMenuItem} ${M==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:l.sublinks?s.jsx("button",{className:e.styles.sublinkToggle,onClick:()=>Y(l),children:l.label}):s.jsxs("a",{href:l.href,className:e.styles.link,target:l.isExternal?"_blank":"_self",rel:l.isExternal?"noopener noreferrer":void 0,children:[l.label,l.isExternal&&s.jsx(P.ExternalLink,{className:e.styles.newTabIcon,size:16,"aria-hidden":"true"})]})},l._key??`secondary-${n}`))]},`stack-${c.length}`)]})}),y&&y.length>0&&s.jsx("nav",{className:e.styles.utility,"aria-label":"Utility navigation",children:s.jsx(le.ButtonGroup,{children:y.map((l,n)=>s.jsx(z.Button,{as:"a",href:l.href??"/",variant:l.variant??"primary",displayType:l.displayType??"text",imageSrc:l.imageSrc,imageAlt:l.imageAlt,"aria-label":l.ariaLabel,icon:l.icon,iconAlignment:l.iconAlignment,children:l.imageSrc?s.jsx("img",{src:l.imageSrc,alt:l.imageAlt??l.ariaLabel}):l.label},l._key??n))})}),o&&s.jsx("nav",{"aria-label":"Utility navigation",className:`${e.styles.utilityMobile} ${m?e.styles.open:""}`,children:s.jsx(le.ButtonGroup,{alignment:"center",children:s.jsx(z.Button,{as:"a",href:o.href??"/",variant:o.variant??"primary",displayType:o.displayType??"text",imageSrc:o.imageSrc,imageAlt:o.imageAlt,"aria-label":o.ariaLabel,icon:o.icon,iconAlignment:o.iconAlignment,children:o.imageSrc?s.jsx("img",{src:o.imageSrc,alt:o.imageAlt??o.ariaLabel}):o.label})})}),s.jsxs("div",{className:e.styles.mobileButtons,children:[w&&p&&s.jsx(F,{}),s.jsx("button",{className:e.styles.menuToggle,onClick:fe,"aria-label":m?"Close menu":"Open menu","aria-expanded":m,"aria-controls":"main-menu",children:m?s.jsx(Ce.X,{size:24,"aria-hidden":"true"}):s.jsx(z.Menu,{size:24,"aria-hidden":"true"})})]})]})})}exports.Navbar=ze;
+ */const Ie=[["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}],["path",{d:"m21 21-4.3-4.3",key:"1qie3q"}]],Me=ae.createLucideIcon("search",Ie),Re={standard:e.styles.standard,transparent:e.styles.transparent},Be={left:e.styles.left,center:e.styles.center,right:e.styles.right},qe=({spotlight:i,renderText:x})=>{var h,E,p,g,N,L;const c=i.callToAction;if(!c)return null;const j=((h=c.linkOptions)==null?void 0:h.linkType)==="external";let y="#";return j&&((E=c.linkOptions)!=null&&E.externalUrl)?y=c.linkOptions.externalUrl:((p=c.linkOptions)==null?void 0:p.linkType)==="internal"&&((N=(g=c.linkOptions)==null?void 0:g.internalUrl)!=null&&N.slug.current)&&(y=`/${c.linkOptions.internalUrl.slug.current}`),s.jsxs("div",{className:e.styles.spotlight,children:[i.image&&s.jsx("div",{className:e.styles.imageWrapper,children:s.jsx("img",{src:((L=i.image.imageUrls)==null?void 0:L.medium)??"",alt:i.image.asset.altText||i.image.asset.description||"Content image",width:600,height:400})}),s.jsxs("div",{className:e.styles.content,children:[i.title&&s.jsx("div",{className:e.styles.title,children:x==null?void 0:x(i.title,e.styles.title)}),i.description&&s.jsx("div",{className:e.styles.description,children:x==null?void 0:x(i.description,e.styles.description)})]}),c.linkOptions&&s.jsx("div",{className:e.styles.actions,children:s.jsx(A.Button,{as:"a",variant:c.variant??"primary",href:y,target:j?"_blank":"_self",rel:j?"noopener noreferrer":void 0,"aria-label":c.ariaLabel||c.label,children:c.label})})]})};function ze({renderText:i,title:x,logo:c,items:j,groups:y,utilityItems:h,isSticky:E=!1,showSearch:p=!0,showLocaleSelect:g=!0,showThemeToggle:N=!0,themeToggleComponent:L,alignment:O="right",variant:ie="standard",navigationType:I="default",searchComponent:re,localeSelectComponent:ce,className:oe,style:de,...ue}){const[m,X]=t.useState(!1),[K,v]=t.useState(null),[ye,he]=t.useState(0),[me,fe]=t.useState(!1),[be,xe]=t.useState(null),[d,w]=t.useState([]),[M,W]=t.useState(0),[pe,J]=t.useState(null),[C,ve]=t.useState(!1),[R,B]=t.useState("forward"),D=t.useRef(null),k=t.useRef(null),Q=t.useRef(null),G=t.useRef(new Map),T=()=>s.jsx("div",{className:`${e.styles.linkWrapper} ${e.styles.parent}`,children:s.jsx("div",{className:`${e.styles.linkItem} ${e.styles.themeToggle}`,children:L})}),F=()=>s.jsx("div",{className:`${e.styles.linkWrapper} ${e.styles.parent} ${e.styles.searchWrapper}`,children:s.jsx("div",{className:e.styles.linkItem,children:s.jsx(le.Modal,{size:"lg",className:e.styles.searchModal,trigger:s.jsx("button",{title:"Search","aria-label":"Search",className:e.styles.search,children:s.jsx(Me,{size:16,"aria-hidden":"true"})}),content:re})})}),Y=()=>s.jsx("div",{className:`${e.styles.linkWrapper} ${e.styles.parent}`,children:s.jsx("div",{className:e.styles.linkItem,children:s.jsx(le.Modal,{className:e.styles.localeModal,trigger:s.jsx("button",{title:"Locale Select","aria-label":"Locale Select",className:e.styles.locale,children:s.jsx(Le,{size:16,"aria-hidden":"true"})}),content:ce})})}),q=t.useCallback(()=>{k.current&&he(k.current.getBoundingClientRect().width)},[]),Z=()=>{X(n=>{const l=!n;return l||(w([]),B("forward"),v(null)),l})},ee=t.useCallback(n=>{const l=G.current.get(n);if(l&&k.current){const r=l.getBoundingClientRect(),o=k.current.getBoundingClientRect();xe(r.left-o.left+r.width/2)}},[]),ke=t.useCallback(n=>{v(l=>l===n?null:n)},[]),U=t.useCallback(n=>{D.current&&!D.current.contains(n.target)&&v(null)},[]),P=t.useCallback(()=>{q(),typeof window<"u"&&window.innerWidth>768&&(X(!1),v(null))},[q]),je=()=>w([]),ge=n=>{B("forward"),w([{title:n.title,primary:n.primaryItems??[],secondary:n.secondaryItems??[],description:""}])},se=n=>{B("forward"),w(l=>[...l,{title:n.label,primary:n.sublinks??[],secondary:[],description:n.description}])},Ne=()=>{B("backward"),w(n=>n.slice(0,-1))};t.useEffect(()=>{if(typeof window>"u")return;const n=()=>ve(window.innerWidth<768);return n(),window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)},[]),t.useEffect(()=>{const n=typeof window<"u",l=typeof document<"u";return n&&window.addEventListener("resize",P),l&&document.addEventListener("click",U),q(),fe(!0),()=>{n&&window.removeEventListener("resize",P),l&&document.removeEventListener("click",U)}},[P,U,q]),t.useEffect(()=>{if(!(typeof document>"u"))return m?setTimeout(()=>V.lockScroll(),0):V.unlockScroll(),()=>V.unlockScroll()},[m]),t.useEffect(()=>{var r;if(!m)return;const n=(r=k.current)==null?void 0:r.querySelector('a[href], button:not([disabled]), input, select, textarea, [tabindex]:not([tabindex="-1"])');n==null||n.focus();const l=o=>{var S;if(o.key==="Escape"){Z(),(S=Q.current)==null||S.focus();return}if(o.key!=="Tab"||!k.current)return;const b=Array.from(k.current.querySelectorAll('a[href], button:not([disabled]), input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter(a=>!a.closest("[aria-hidden=true]"));if(b.length===0)return;const f=b[0],_=b[b.length-1];o.shiftKey?document.activeElement===f&&(o.preventDefault(),_.focus()):document.activeElement===_&&(o.preventDefault(),f.focus())};return document.addEventListener("keydown",l),()=>document.removeEventListener("keydown",l)},[m]);const z=(n,l="")=>n.map((r,o)=>{const b=`${l}/${r._key??r.label}-${o}`;return s.jsx(e.NavLink,{link:r,path:b,parentPath:l,openPath:K,togglePath:ke,updateTriangleIndicator:ee,setOpenPath:v,renderLinks:z,buttonRefs:G},b)}),$e=n=>n.map((l,r)=>{var _,S;const o=`group-${r}`,b=pe===r,f=(_=l.primaryItems)==null?void 0:_[M??0];return s.jsxs("div",{className:`${e.styles.linkWrapper} ${e.styles.parent}`,onMouseEnter:()=>{J(r),v(o),ee(o)},children:[s.jsx("div",{className:e.styles.linkItem,children:s.jsxs("button",{ref:a=>{G.current.set(o,a)},"aria-haspopup":!0,"aria-expanded":b,"aria-controls":`submenu-${r}`,className:`${e.styles.sublinkToggle} ${b?e.styles.open:""}`,children:[l.title,s.jsx(Se.ChevronDown,{size:18,className:e.styles.chevron,"aria-hidden":"true"})]})}),s.jsx("div",{id:`submenu-${r}`,className:`${e.styles.sublinks} ${b?e.styles.show:""}`,role:"menu","aria-label":`${l.title} submenu`,onMouseLeave:()=>{J(null),W(0),v(null)},children:s.jsx("div",{children:s.jsxs("div",{className:`${e.styles.sublinksInner} ${l.spotlight?e.styles.withSpotlight:e.styles.withoutSpotlight}`,children:[s.jsxs("div",{className:`${e.styles.sublinksColumn} ${e.styles.primaryColumn}`,children:[s.jsx("div",{className:e.styles.linkItem}),(S=l.primaryItems)==null?void 0:S.map((a,$)=>a.href?s.jsx("div",{role:"menuitem",children:s.jsxs("a",{href:a.href,className:`${e.styles.link} ${M===$?e.styles.open:""}`,target:a.isExternal?"_blank":"_self",rel:a.isExternal?"noopener noreferrer":void 0,onClick:()=>{var ne;v(null),(ne=a.onClick)==null||ne.call(a)},onMouseEnter:()=>W($),children:[s.jsxs("span",{className:e.styles.linkContent,children:[a.label,a.subtitle&&s.jsx("span",{className:e.styles.subtitle,children:a.subtitle})]}),a.isExternal&&s.jsx(H.ExternalLink,{className:e.styles.newTabIcon,size:16,"aria-hidden":"true"})]})},a._key??$):s.jsx("div",{role:"menuitem",children:s.jsx("button",{className:`${e.styles.sublinkToggle} ${M===$?e.styles.open:""}`,onMouseEnter:()=>W($),children:s.jsxs("span",{className:e.styles.linkContent,children:[a.label,a.subtitle&&s.jsx("span",{className:e.styles.subtitle,children:a.subtitle})]})})},a._key??$))]}),(f==null?void 0:f.sublinks)&&f.sublinks.length>0&&s.jsxs("div",{className:`${e.styles.sublinksColumn} ${e.styles.fadeInFromLeft}`,children:[f.description&&s.jsx("div",{className:e.styles.sublinksDescription,children:i==null?void 0:i(f.description)}),z(f.sublinks,`${o}-${M}`)]},`${f.label}-${f.sublinks.length}`),l.secondaryItems&&l.secondaryItems.length>0&&s.jsx("div",{className:`${e.styles.sublinksColumn} ${e.styles.secondaryColumn}`,children:z(l.secondaryItems,`${o}-secondary`)}),l.spotlight&&s.jsx("div",{className:`${e.styles.sublinksColumn} ${e.styles.spotlightColumn}`,children:s.jsx(qe,{spotlight:l.spotlight,renderText:i})})]})})})]},l._key??`group-${r}`)}),we=[e.styles.navbar,Be[O],Re[ie],E?e.styles.sticky:"",y!=null&&y.length?e.styles.advanced:e.styles.default,oe??""].filter(Boolean).join(" "),u=h&&h.length>0?h[Math.min(1,h.length-1)]:null;return s.jsx("header",{ref:D,className:we,style:de,"aria-label":"Site header",...ue,children:s.jsxs("div",{className:`${e.styles.container} ${(!h||h.length===0)&&O!=="center"?e.styles.twoColumn:""}`,children:[c?s.jsx("div",{className:e.styles.logo,children:c}):x?s.jsx("div",{className:e.styles.title,children:x}):null,s.jsx("nav",{ref:k,style:{left:O==="center"?`calc(50% - ${ye/2}px)`:"0"},"aria-modal":m?"true":void 0,className:`${e.styles.nav} ${m?e.styles.open:""} ${me?e.styles.visible:e.styles.hidden}`,id:"main-menu","aria-label":"Primary navigation",children:s.jsxs("div",{className:e.styles.navInner,children:[s.jsx("svg",{style:{left:`${be}px`},className:`${e.styles.triangle} ${K?e.styles.show:""}`,width:16,height:12,viewBox:"0 0 100 75",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:s.jsx("polygon",{points:"50,5 95,70 5,70",strokeLinejoin:"round",fill:"white",stroke:"white"})}),I==="default"&&j&&s.jsxs("div",{className:e.styles.grid,role:"menubar",children:[j.length>0&&z(j),(p||g||N)&&s.jsx("span",{className:e.styles.separator,"aria-hidden":"true"}),N&&s.jsx(T,{}),p&&!C&&s.jsx(F,{}),g&&s.jsx(Y,{})]}),!C&&I==="advanced"&&y&&s.jsxs("div",{className:e.styles.grid,children:[y.length>0&&$e(y),(p||g||N)&&s.jsx("span",{className:e.styles.separator,"aria-hidden":"true"}),N&&s.jsx(T,{}),p&&s.jsx(F,{}),g&&s.jsx(Y,{})]}),C&&I==="advanced"&&m&&d.length===0&&y&&s.jsx("div",{className:e.styles.mobileMenu,children:y.map((n,l)=>s.jsx("div",{className:`${e.styles.mobileMenuItem} ${R==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:s.jsx("button",{className:e.styles.sublinkToggle,onClick:()=>ge(n),children:n.title})},n._key??l))}),C&&I==="advanced"&&m&&d.length>0&&s.jsxs("div",{className:e.styles.mobileMenuSlide,children:[s.jsx("button",{className:e.styles.back,"aria-label":"Go back",onClick:d.length===1?je:Ne,children:s.jsx(Ce.ChevronLeft,{size:18,"aria-hidden":"true"})}),d[d.length-1].description&&s.jsx("div",{className:`${e.styles.sublinksDescription} ${R==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:i==null?void 0:i(d[d.length-1].description)}),d[d.length-1].primary.map((n,l)=>s.jsx("div",{role:"menuitem",className:`${e.styles.mobileMenuItem} ${R==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:n.sublinks?s.jsx("button",{className:e.styles.sublinkToggle,onClick:()=>se(n),children:s.jsxs("span",{className:e.styles.linkContent,children:[n.label,n.subtitle&&s.jsx("span",{className:e.styles.subtitle,children:n.subtitle})]})}):s.jsxs("a",{href:n.href,className:e.styles.link,target:n.isExternal?"_blank":"_self",rel:n.isExternal?"noopener noreferrer":void 0,children:[s.jsxs("span",{className:e.styles.linkContent,children:[n.label,n.subtitle&&s.jsx("span",{className:e.styles.subtitle,children:n.subtitle})]}),n.isExternal&&s.jsx(H.ExternalLink,{className:e.styles.newTabIcon,size:16,"aria-hidden":"true"})]})},n._key??`primary-${l}`)),d[d.length-1].secondary.length>0&&s.jsx("hr",{className:e.styles.groupDivider}),d[d.length-1].secondary.map((n,l)=>s.jsx("div",{role:"menuitem",className:`${e.styles.mobileMenuItem} ${R==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:n.sublinks?s.jsx("button",{className:e.styles.sublinkToggle,onClick:()=>se(n),children:n.label}):s.jsxs("a",{href:n.href,className:e.styles.link,target:n.isExternal?"_blank":"_self",rel:n.isExternal?"noopener noreferrer":void 0,children:[n.label,n.isExternal&&s.jsx(H.ExternalLink,{className:e.styles.newTabIcon,size:16,"aria-hidden":"true"})]})},n._key??`secondary-${l}`))]},`stack-${d.length}`)]})}),h&&h.length>0&&s.jsx("nav",{className:e.styles.utility,"aria-label":"Utility navigation",children:s.jsx(te.ButtonGroup,{children:h.map((n,l)=>s.jsx(A.Button,{as:"a",href:n.href??"/",variant:n.variant??"primary",displayType:n.displayType??"text",imageSrc:n.imageSrc,imageAlt:n.imageAlt,"aria-label":n.ariaLabel,icon:n.icon,iconAlignment:n.iconAlignment,children:n.imageSrc?s.jsx("img",{src:n.imageSrc,alt:n.imageAlt??n.ariaLabel}):n.label},n._key??l))})}),u&&s.jsx("nav",{"aria-label":"Utility navigation",className:`${e.styles.utilityMobile} ${m?e.styles.open:""}`,children:s.jsx(te.ButtonGroup,{alignment:"center",children:s.jsx(A.Button,{as:"a",href:u.href??"/",variant:u.variant??"primary",displayType:u.displayType??"text",imageSrc:u.imageSrc,imageAlt:u.imageAlt,"aria-label":u.ariaLabel,icon:u.icon,iconAlignment:u.iconAlignment,children:u.imageSrc?s.jsx("img",{src:u.imageSrc,alt:u.imageAlt??u.ariaLabel}):u.label})})}),s.jsxs("div",{className:e.styles.mobileButtons,children:[C&&p&&s.jsx(F,{}),s.jsx("button",{ref:Q,className:e.styles.menuToggle,onClick:Z,"aria-label":m?"Close menu":"Open menu","aria-expanded":m,"aria-controls":"main-menu",children:m?s.jsx(_e.X,{size:24,"aria-hidden":"true"}):s.jsx(A.Menu,{size:24,"aria-hidden":"true"})})]})]})})}exports.Navbar=ze;

package/dist/core/components/NavBar/index.mjs

@@ -1,14 +1,14 @@
-import { jsx as n, jsxs as i } from "react/jsx-runtime";
-import { useState as u, useRef as V, useCallback as L, useEffect as H } from "react";
-import { Modal as ie } from "../Modal/index.mjs";
-import { B as q, M as _e } from "../../../index-paelIj6o.js";
+import { jsx as a, jsxs as t } from "react/jsx-runtime";
+import { useState as v, useRef as F, useCallback as _, useEffect as U } from "react";
+import { Modal as re } from "../Modal/index.mjs";
+import { B as J, M as _e } from "../../../index-paelIj6o.js";
 import { ButtonGroup as se } from "../ButtonGroup/index.mjs";
-import { s as e, N as Se } from "../../../NavLink-BbTShlLw.js";
-import { lockScroll as ze, unlockScroll as re } from "../../utils/NoScroll/noScroll.mjs";
-import { C as Re } from "../../../chevron-right-Cim1KPuL.js";
-import { E as X } from "../../../external-link-BOPobeQJ.js";
-import { X as Ae } from "../../../x-CnsEH4Ox.js";
-import { c as te } from "../../../createLucideIcon-C8GTh_Qx.js";
+import { s as e, N as ze } from "../../../NavLink-BbTShlLw.js";
+import { lockScroll as xe, unlockScroll as ce } from "../../utils/NoScroll/noScroll.mjs";
+import { C as Ae } from "../../../chevron-right-Cim1KPuL.js";
+import { E as K } from "../../../external-link-BOPobeQJ.js";
+import { X as Re } from "../../../x-CnsEH4Ox.js";
+import { c as oe } from "../../../createLucideIcon-C8GTh_Qx.js";
 import { C as Be } from "../../../chevron-down-DSUzBz9F.js";
 /**
  * @license lucide-react v0.488.0 - ISC
@@ -27,215 +27,239 @@ const Oe = [
   ],
   ["path", { d: "M11 21.95V18a2 2 0 0 0-2-2a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05", key: "14pb5j" }],
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
-], We = te("earth", Oe);
+], We = oe("earth", Oe);
 /**
  * @license lucide-react v0.488.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const xe = [
+const De = [
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
   ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
-], Fe = te("search", xe), Ue = {
+], Fe = oe("search", De), Ue = {
   standard: e.standard,
   transparent: e.transparent
 }, je = {
   left: e.left,
   center: e.center,
   right: e.right
-}, De = ({
+}, Ge = ({
   spotlight: r,
-  renderText: p
+  renderText: k
 }) => {
-  var h, _, k, $, y, S;
-  const t = r.callToAction;
-  if (!t) return null;
-  const N = ((h = t.linkOptions) == null ? void 0 : h.linkType) === "external";
+  var h, z, g, w, C, x;
+  const c = r.callToAction;
+  if (!c) return null;
+  const $ = ((h = c.linkOptions) == null ? void 0 : h.linkType) === "external";
   let m = "#";
-  return N && ((_ = t.linkOptions) != null && _.externalUrl) ? m = t.linkOptions.externalUrl : ((k = t.linkOptions) == null ? void 0 : k.linkType) === "internal" && ((y = ($ = t.linkOptions) == null ? void 0 : $.internalUrl) != null && y.slug.current) && (m = `/${t.linkOptions.internalUrl.slug.current}`), /* @__PURE__ */ i("div", { className: e.spotlight, children: [
-    r.image && /* @__PURE__ */ n("div", { className: e.imageWrapper, children: /* @__PURE__ */ n(
+  return $ && ((z = c.linkOptions) != null && z.externalUrl) ? m = c.linkOptions.externalUrl : ((g = c.linkOptions) == null ? void 0 : g.linkType) === "internal" && ((C = (w = c.linkOptions) == null ? void 0 : w.internalUrl) != null && C.slug.current) && (m = `/${c.linkOptions.internalUrl.slug.current}`), /* @__PURE__ */ t("div", { className: e.spotlight, children: [
+    r.image && /* @__PURE__ */ a("div", { className: e.imageWrapper, children: /* @__PURE__ */ a(
       "img",
       {
-        src: ((S = r.image.imageUrls) == null ? void 0 : S.medium) ?? "",
+        src: ((x = r.image.imageUrls) == null ? void 0 : x.medium) ?? "",
         alt: r.image.asset.altText || r.image.asset.description || "Content image",
         width: 600,
         height: 400
       }
     ) }),
-    /* @__PURE__ */ i("div", { className: e.content, children: [
-      r.title && /* @__PURE__ */ n("div", { className: e.title, children: p == null ? void 0 : p(r.title, e.title) }),
-      r.description && /* @__PURE__ */ n("div", { className: e.description, children: p == null ? void 0 : p(r.description, e.description) })
+    /* @__PURE__ */ t("div", { className: e.content, children: [
+      r.title && /* @__PURE__ */ a("div", { className: e.title, children: k == null ? void 0 : k(r.title, e.title) }),
+      r.description && /* @__PURE__ */ a("div", { className: e.description, children: k == null ? void 0 : k(r.description, e.description) })
     ] }),
-    t.linkOptions && /* @__PURE__ */ n("div", { className: e.actions, children: /* @__PURE__ */ n(
-      q,
+    c.linkOptions && /* @__PURE__ */ a("div", { className: e.actions, children: /* @__PURE__ */ a(
+      J,
       {
         as: "a",
-        variant: t.variant ?? "primary",
+        variant: c.variant ?? "primary",
         href: m,
-        target: N ? "_blank" : "_self",
-        rel: N ? "noopener noreferrer" : void 0,
-        "aria-label": t.ariaLabel || t.label,
-        children: t.label
+        target: $ ? "_blank" : "_self",
+        rel: $ ? "noopener noreferrer" : void 0,
+        "aria-label": c.ariaLabel || c.label,
+        children: c.label
       }
     ) })
   ] });
 };
-function en({
+function nn({
   renderText: r,
-  title: p,
-  logo: t,
-  items: N,
+  title: k,
+  logo: c,
+  items: $,
   groups: m,
   utilityItems: h,
-  isSticky: _ = !1,
-  showSearch: k = !0,
-  showLocaleSelect: $ = !0,
-  showThemeToggle: y = !0,
-  themeToggleComponent: S,
-  alignment: x = "right",
-  variant: ce = "standard",
-  navigationType: z = "default",
-  searchComponent: oe,
-  localeSelectComponent: de,
-  className: me,
-  style: he,
-  ...ue
+  isSticky: z = !1,
+  showSearch: g = !0,
+  showLocaleSelect: w = !0,
+  showThemeToggle: C = !0,
+  themeToggleComponent: x,
+  alignment: j = "right",
+  variant: de = "standard",
+  navigationType: A = "default",
+  searchComponent: ue,
+  localeSelectComponent: me,
+  className: he,
+  style: fe,
+  ...be
 }) {
-  const [b, J] = u(!1), [K, g] = u(null), [pe, be] = u(0), [fe, ve] = u(!1), [ke, ge] = u(null), [c, I] = u([]), [R, F] = u(
+  const [f, Q] = v(!1), [Y, N] = v(null), [pe, ve] = v(0), [ke, ge] = v(!1), [Ne, ye] = v(null), [d, I] = v([]), [R, G] = v(
     0
-  ), [Ne, Q] = u(null), [M, $e] = u(!1), [A, B] = u("forward"), U = V(null), E = V(null), j = V(/* @__PURE__ */ new Map()), Y = () => /* @__PURE__ */ n("div", { className: `${e.linkWrapper} ${e.parent}`, children: /* @__PURE__ */ n("div", { className: `${e.linkItem} ${e.themeToggle}`, children: S }) }), D = () => /* @__PURE__ */ n(
+  ), [$e, Z] = v(null), [M, we] = v(!1), [B, O] = v("forward"), P = F(null), y = F(null), T = F(null), q = F(/* @__PURE__ */ new Map()), ee = () => /* @__PURE__ */ a("div", { className: `${e.linkWrapper} ${e.parent}`, children: /* @__PURE__ */ a("div", { className: `${e.linkItem} ${e.themeToggle}`, children: x }) }), V = () => /* @__PURE__ */ a(
     "div",
     {
       className: `${e.linkWrapper} ${e.parent} ${e.searchWrapper}`,
-      children: /* @__PURE__ */ n("div", { className: e.linkItem, children: /* @__PURE__ */ n(
-        ie,
+      children: /* @__PURE__ */ a("div", { className: e.linkItem, children: /* @__PURE__ */ a(
+        re,
         {
           size: "lg",
           className: e.searchModal,
-          trigger: /* @__PURE__ */ n(
+          trigger: /* @__PURE__ */ a(
             "button",
             {
               title: "Search",
               "aria-label": "Search",
               className: e.search,
-              children: /* @__PURE__ */ n(Fe, { size: 16, "aria-hidden": "true" })
+              children: /* @__PURE__ */ a(Fe, { size: 16, "aria-hidden": "true" })
             }
           ),
-          content: oe
+          content: ue
         }
       ) })
     }
-  ), Z = () => /* @__PURE__ */ n("div", { className: `${e.linkWrapper} ${e.parent}`, children: /* @__PURE__ */ n("div", { className: e.linkItem, children: /* @__PURE__ */ n(
-    ie,
+  ), ne = () => /* @__PURE__ */ a("div", { className: `${e.linkWrapper} ${e.parent}`, children: /* @__PURE__ */ a("div", { className: e.linkItem, children: /* @__PURE__ */ a(
+    re,
     {
       className: e.localeModal,
-      trigger: /* @__PURE__ */ n(
+      trigger: /* @__PURE__ */ a(
         "button",
         {
           title: "Locale Select",
           "aria-label": "Locale Select",
           className: e.locale,
-          children: /* @__PURE__ */ n(We, { size: 16, "aria-hidden": "true" })
+          children: /* @__PURE__ */ a(We, { size: 16, "aria-hidden": "true" })
         }
       ),
-      content: de
+      content: me
     }
-  ) }) }), O = L(() => {
-    E.current && be(E.current.getBoundingClientRect().width);
-  }, []), ye = () => {
-    J((a) => {
-      const l = !a;
-      return l || (I([]), B("forward"), g(null)), l;
+  ) }) }), W = _(() => {
+    y.current && ve(y.current.getBoundingClientRect().width);
+  }, []), ae = () => {
+    Q((n) => {
+      const l = !n;
+      return l || (I([]), O("forward"), N(null)), l;
     });
-  }, T = L((a) => {
-    const l = j.current.get(a);
-    if (l && E.current) {
-      const d = l.getBoundingClientRect(), f = E.current.getBoundingClientRect();
-      ge(d.left - f.left + d.width / 2);
+  }, le = _((n) => {
+    const l = q.current.get(n);
+    if (l && y.current) {
+      const s = l.getBoundingClientRect(), o = y.current.getBoundingClientRect();
+      ye(s.left - o.left + s.width / 2);
     }
-  }, []), we = L((a) => {
-    g((l) => l === a ? null : a);
-  }, []), G = L((a) => {
-    U.current && !U.current.contains(a.target) && g(null);
-  }, []), P = L(() => {
-    O(), typeof window < "u" && window.innerWidth > 768 && (J(!1), g(null));
-  }, [O]), Ce = () => I([]), Ie = (a) => {
-    B("forward"), I([
+  }, []), Ce = _((n) => {
+    N((l) => l === n ? null : n);
+  }, []), H = _((n) => {
+    P.current && !P.current.contains(n.target) && N(null);
+  }, []), X = _(() => {
+    W(), typeof window < "u" && window.innerWidth > 768 && (Q(!1), N(null));
+  }, [W]), Ee = () => I([]), Ie = (n) => {
+    O("forward"), I([
       {
-        title: a.title,
-        primary: a.primaryItems ?? [],
-        secondary: a.secondaryItems ?? [],
+        title: n.title,
+        primary: n.primaryItems ?? [],
+        secondary: n.secondaryItems ?? [],
         description: ""
       }
     ]);
-  }, ee = (a) => {
-    B("forward"), I((l) => [
+  }, ie = (n) => {
+    O("forward"), I((l) => [
       ...l,
       {
-        title: a.label,
-        primary: a.sublinks ?? [],
+        title: n.label,
+        primary: n.sublinks ?? [],
         secondary: [],
-        description: a.description
+        description: n.description
       }
     ]);
   }, Me = () => {
-    B("backward"), I((a) => a.slice(0, -1));
+    O("backward"), I((n) => n.slice(0, -1));
   };
-  H(() => {
+  U(() => {
     if (typeof window > "u") return;
-    const a = () => $e(window.innerWidth < 768);
-    return a(), window.addEventListener("resize", a), () => window.removeEventListener("resize", a);
-  }, []), H(() => {
-    const a = typeof window < "u", l = typeof document < "u";
-    return a && window.addEventListener("resize", P), l && document.addEventListener("click", G), O(), ve(!0), () => {
-      a && window.removeEventListener("resize", P), l && document.removeEventListener("click", G);
+    const n = () => we(window.innerWidth < 768);
+    return n(), window.addEventListener("resize", n), () => window.removeEventListener("resize", n);
+  }, []), U(() => {
+    const n = typeof window < "u", l = typeof document < "u";
+    return n && window.addEventListener("resize", X), l && document.addEventListener("click", H), W(), ge(!0), () => {
+      n && window.removeEventListener("resize", X), l && document.removeEventListener("click", H);
     };
-  }, [P, G, O]), H(() => {
+  }, [X, H, W]), U(() => {
     if (!(typeof document > "u"))
-      return b ? setTimeout(() => ze(), 0) : re(), () => re();
-  }, [b]);
-  const W = (a, l = "") => a.map((d, f) => {
-    const w = `${l}/${d._key ?? d.label}-${f}`;
-    return /* @__PURE__ */ n(
-      Se,
+      return f ? setTimeout(() => xe(), 0) : ce(), () => ce();
+  }, [f]), U(() => {
+    var s;
+    if (!f) return;
+    const n = (s = y.current) == null ? void 0 : s.querySelector(
+      'a[href], button:not([disabled]), input, select, textarea, [tabindex]:not([tabindex="-1"])'
+    );
+    n == null || n.focus();
+    const l = (o) => {
+      var S;
+      if (o.key === "Escape") {
+        ae(), (S = T.current) == null || S.focus();
+        return;
+      }
+      if (o.key !== "Tab" || !y.current) return;
+      const p = Array.from(
+        y.current.querySelectorAll(
+          'a[href], button:not([disabled]), input, select, textarea, [tabindex]:not([tabindex="-1"])'
+        )
+      ).filter((i) => !i.closest("[aria-hidden=true]"));
+      if (p.length === 0) return;
+      const b = p[0], L = p[p.length - 1];
+      o.shiftKey ? document.activeElement === b && (o.preventDefault(), L.focus()) : document.activeElement === L && (o.preventDefault(), b.focus());
+    };
+    return document.addEventListener("keydown", l), () => document.removeEventListener("keydown", l);
+  }, [f]);
+  const D = (n, l = "") => n.map((s, o) => {
+    const p = `${l}/${s._key ?? s.label}-${o}`;
+    return /* @__PURE__ */ a(
+      ze,
       {
-        link: d,
-        path: w,
+        link: s,
+        path: p,
         parentPath: l,
-        openPath: K,
-        togglePath: we,
-        updateTriangleIndicator: T,
-        setOpenPath: g,
-        renderLinks: W,
-        buttonRefs: j
+        openPath: Y,
+        togglePath: Ce,
+        updateTriangleIndicator: le,
+        setOpenPath: N,
+        renderLinks: D,
+        buttonRefs: q
       },
-      w
+      p
     );
-  }), Ee = (a) => a.map((l, d) => {
-    var ne, ae;
-    const f = `group-${d}`, w = Ne === d, v = (ne = l.primaryItems) == null ? void 0 : ne[R ?? 0];
-    return /* @__PURE__ */ i(
+  }), Le = (n) => n.map((l, s) => {
+    var L, S;
+    const o = `group-${s}`, p = $e === s, b = (L = l.primaryItems) == null ? void 0 : L[R ?? 0];
+    return /* @__PURE__ */ t(
       "div",
       {
         className: `${e.linkWrapper} ${e.parent}`,
         onMouseEnter: () => {
-          Q(d), g(f), T(f);
+          Z(s), N(o), le(o);
         },
         children: [
-          /* @__PURE__ */ n("div", { className: e.linkItem, children: /* @__PURE__ */ i(
+          /* @__PURE__ */ a("div", { className: e.linkItem, children: /* @__PURE__ */ t(
             "button",
             {
-              ref: (s) => {
-                j.current.set(f, s);
+              ref: (i) => {
+                q.current.set(o, i);
               },
               "aria-haspopup": !0,
-              "aria-expanded": w,
-              "aria-controls": `submenu-${d}`,
-              className: `${e.sublinkToggle} ${w ? e.open : ""}`,
+              "aria-expanded": p,
+              "aria-controls": `submenu-${s}`,
+              className: `${e.sublinkToggle} ${p ? e.open : ""}`,
               children: [
                 l.title,
-                /* @__PURE__ */ n(
+                /* @__PURE__ */ a(
                   Be,
                   {
                     size: 18,
@@ -246,47 +270,47 @@ function en({
               ]
             }
           ) }),
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ a(
             "div",
             {
-              id: `submenu-${d}`,
-              className: `${e.sublinks} ${w ? e.show : ""}`,
+              id: `submenu-${s}`,
+              className: `${e.sublinks} ${p ? e.show : ""}`,
               role: "menu",
               "aria-label": `${l.title} submenu`,
               onMouseLeave: () => {
-                Q(null), F(0), g(null);
+                Z(null), G(0), N(null);
               },
-              children: /* @__PURE__ */ n("div", { children: /* @__PURE__ */ i(
+              children: /* @__PURE__ */ a("div", { children: /* @__PURE__ */ t(
                 "div",
                 {
                   className: `${e.sublinksInner} ${l.spotlight ? e.withSpotlight : e.withoutSpotlight}`,
                   children: [
-                    /* @__PURE__ */ i(
+                    /* @__PURE__ */ t(
                       "div",
                       {
                         className: `${e.sublinksColumn} ${e.primaryColumn}`,
                         children: [
-                          /* @__PURE__ */ n("div", { className: e.linkItem }),
-                          (ae = l.primaryItems) == null ? void 0 : ae.map(
-                            (s, C) => s.href ? /* @__PURE__ */ n("div", { role: "menuitem", children: /* @__PURE__ */ i(
+                          /* @__PURE__ */ a("div", { className: e.linkItem }),
+                          (S = l.primaryItems) == null ? void 0 : S.map(
+                            (i, E) => i.href ? /* @__PURE__ */ a("div", { role: "menuitem", children: /* @__PURE__ */ t(
                               "a",
                               {
-                                href: s.href,
-                                className: `${e.link} ${R === C ? e.open : ""}`,
-                                target: s.isExternal ? "_blank" : "_self",
-                                rel: s.isExternal ? "noopener noreferrer" : void 0,
+                                href: i.href,
+                                className: `${e.link} ${R === E ? e.open : ""}`,
+                                target: i.isExternal ? "_blank" : "_self",
+                                rel: i.isExternal ? "noopener noreferrer" : void 0,
                                 onClick: () => {
-                                  var le;
-                                  g(null), (le = s.onClick) == null || le.call(s);
+                                  var te;
+                                  N(null), (te = i.onClick) == null || te.call(i);
                                 },
-                                onMouseEnter: () => F(C),
+                                onMouseEnter: () => G(E),
                                 children: [
-                                  /* @__PURE__ */ i("span", { className: e.linkContent, children: [
-                                    s.label,
-                                    s.subtitle && /* @__PURE__ */ n("span", { className: e.subtitle, children: s.subtitle })
+                                  /* @__PURE__ */ t("span", { className: e.linkContent, children: [
+                                    i.label,
+                                    i.subtitle && /* @__PURE__ */ a("span", { className: e.subtitle, children: i.subtitle })
                                   ] }),
-                                  s.isExternal && /* @__PURE__ */ n(
-                                    X,
+                                  i.isExternal && /* @__PURE__ */ a(
+                                    K,
                                     {
                                       className: e.newTabIcon,
                                       size: 16,
@@ -295,48 +319,48 @@ function en({
                                   )
                                 ]
                               }
-                            ) }, s._key ?? C) : /* @__PURE__ */ n("div", { role: "menuitem", children: /* @__PURE__ */ n(
+                            ) }, i._key ?? E) : /* @__PURE__ */ a("div", { role: "menuitem", children: /* @__PURE__ */ a(
                               "button",
                               {
-                                className: `${e.sublinkToggle} ${R === C ? e.open : ""}`,
-                                onMouseEnter: () => F(C),
-                                children: /* @__PURE__ */ i("span", { className: e.linkContent, children: [
-                                  s.label,
-                                  s.subtitle && /* @__PURE__ */ n("span", { className: e.subtitle, children: s.subtitle })
+                                className: `${e.sublinkToggle} ${R === E ? e.open : ""}`,
+                                onMouseEnter: () => G(E),
+                                children: /* @__PURE__ */ t("span", { className: e.linkContent, children: [
+                                  i.label,
+                                  i.subtitle && /* @__PURE__ */ a("span", { className: e.subtitle, children: i.subtitle })
                                 ] })
                               }
-                            ) }, s._key ?? C)
+                            ) }, i._key ?? E)
                           )
                         ]
                       }
                     ),
-                    (v == null ? void 0 : v.sublinks) && v.sublinks.length > 0 && /* @__PURE__ */ i(
+                    (b == null ? void 0 : b.sublinks) && b.sublinks.length > 0 && /* @__PURE__ */ t(
                       "div",
                       {
                         className: `${e.sublinksColumn} ${e.fadeInFromLeft}`,
                         children: [
-                          v.description && /* @__PURE__ */ n("div", { className: e.sublinksDescription, children: r == null ? void 0 : r(v.description) }),
-                          W(
-                            v.sublinks,
-                            `${f}-${R}`
+                          b.description && /* @__PURE__ */ a("div", { className: e.sublinksDescription, children: r == null ? void 0 : r(b.description) }),
+                          D(
+                            b.sublinks,
+                            `${o}-${R}`
                           )
                         ]
                       },
-                      `${v.label}-${v.sublinks.length}`
+                      `${b.label}-${b.sublinks.length}`
                     ),
-                    l.secondaryItems && l.secondaryItems.length > 0 && /* @__PURE__ */ n(
+                    l.secondaryItems && l.secondaryItems.length > 0 && /* @__PURE__ */ a(
                       "div",
                       {
                         className: `${e.sublinksColumn} ${e.secondaryColumn}`,
-                        children: W(l.secondaryItems, `${f}-secondary`)
+                        children: D(l.secondaryItems, `${o}-secondary`)
                       }
                     ),
-                    l.spotlight && /* @__PURE__ */ n(
+                    l.spotlight && /* @__PURE__ */ a(
                       "div",
                       {
                         className: `${e.sublinksColumn} ${e.spotlightColumn}`,
-                        children: /* @__PURE__ */ n(
-                          De,
+                        children: /* @__PURE__ */ a(
+                          Ge,
                           {
                             spotlight: l.spotlight,
                             renderText: r
@@ -351,52 +375,53 @@ function en({
           )
         ]
       },
-      l._key ?? `group-${d}`
+      l._key ?? `group-${s}`
     );
-  }), Le = [
+  }), Se = [
     e.navbar,
-    je[x],
-    Ue[ce],
-    _ ? e.sticky : "",
+    je[j],
+    Ue[de],
+    z ? e.sticky : "",
     m != null && m.length ? e.advanced : e.default,
-    me ?? ""
-  ].filter(Boolean).join(" "), o = h && h.length > 0 ? h[Math.min(1, h.length - 1)] : null;
-  return /* @__PURE__ */ n(
+    he ?? ""
+  ].filter(Boolean).join(" "), u = h && h.length > 0 ? h[Math.min(1, h.length - 1)] : null;
+  return /* @__PURE__ */ a(
     "header",
     {
-      ref: U,
-      className: Le,
-      style: he,
+      ref: P,
+      className: Se,
+      style: fe,
       "aria-label": "Site header",
-      ...ue,
-      children: /* @__PURE__ */ i(
+      ...be,
+      children: /* @__PURE__ */ t(
         "div",
         {
-          className: `${e.container} ${(!h || h.length === 0) && x !== "center" ? e.twoColumn : ""}`,
+          className: `${e.container} ${(!h || h.length === 0) && j !== "center" ? e.twoColumn : ""}`,
           children: [
-            t ? /* @__PURE__ */ n("div", { className: e.logo, children: t }) : p ? /* @__PURE__ */ n("div", { className: e.title, children: p }) : null,
-            /* @__PURE__ */ n(
+            c ? /* @__PURE__ */ a("div", { className: e.logo, children: c }) : k ? /* @__PURE__ */ a("div", { className: e.title, children: k }) : null,
+            /* @__PURE__ */ a(
               "nav",
               {
-                ref: E,
+                ref: y,
                 style: {
-                  left: x === "center" ? `calc(50% - ${pe / 2}px)` : "0"
+                  left: j === "center" ? `calc(50% - ${pe / 2}px)` : "0"
                 },
-                className: `${e.nav} ${b ? e.open : ""} ${fe ? e.visible : e.hidden}`,
+                "aria-modal": f ? "true" : void 0,
+                className: `${e.nav} ${f ? e.open : ""} ${ke ? e.visible : e.hidden}`,
                 id: "main-menu",
                 "aria-label": "Primary navigation",
-                children: /* @__PURE__ */ i("div", { className: e.navInner, children: [
-                  /* @__PURE__ */ n(
+                children: /* @__PURE__ */ t("div", { className: e.navInner, children: [
+                  /* @__PURE__ */ a(
                     "svg",
                     {
-                      style: { left: `${ke}px` },
-                      className: `${e.triangle} ${K ? e.show : ""}`,
+                      style: { left: `${Ne}px` },
+                      className: `${e.triangle} ${Y ? e.show : ""}`,
                       width: 16,
                       height: 12,
                       viewBox: "0 0 100 75",
                       xmlns: "http://www.w3.org/2000/svg",
                       "aria-hidden": "true",
-                      children: /* @__PURE__ */ n(
+                      children: /* @__PURE__ */ a(
                         "polygon",
                         {
                           points: "50,5 95,70 5,70",
@@ -407,87 +432,87 @@ function en({
                       )
                     }
                   ),
-                  z === "default" && N && /* @__PURE__ */ i("div", { className: e.grid, role: "menubar", children: [
-                    N.length > 0 && W(N),
-                    (k || $ || y) && /* @__PURE__ */ n("span", { className: e.separator, "aria-hidden": "true" }),
-                    y && /* @__PURE__ */ n(Y, {}),
-                    k && !M && /* @__PURE__ */ n(D, {}),
-                    $ && /* @__PURE__ */ n(Z, {})
+                  A === "default" && $ && /* @__PURE__ */ t("div", { className: e.grid, role: "menubar", children: [
+                    $.length > 0 && D($),
+                    (g || w || C) && /* @__PURE__ */ a("span", { className: e.separator, "aria-hidden": "true" }),
+                    C && /* @__PURE__ */ a(ee, {}),
+                    g && !M && /* @__PURE__ */ a(V, {}),
+                    w && /* @__PURE__ */ a(ne, {})
                   ] }),
-                  !M && z === "advanced" && m && /* @__PURE__ */ i("div", { className: e.grid, children: [
-                    m.length > 0 && Ee(m),
-                    (k || $ || y) && /* @__PURE__ */ n("span", { className: e.separator, "aria-hidden": "true" }),
-                    y && /* @__PURE__ */ n(Y, {}),
-                    k && /* @__PURE__ */ n(D, {}),
-                    $ && /* @__PURE__ */ n(Z, {})
+                  !M && A === "advanced" && m && /* @__PURE__ */ t("div", { className: e.grid, children: [
+                    m.length > 0 && Le(m),
+                    (g || w || C) && /* @__PURE__ */ a("span", { className: e.separator, "aria-hidden": "true" }),
+                    C && /* @__PURE__ */ a(ee, {}),
+                    g && /* @__PURE__ */ a(V, {}),
+                    w && /* @__PURE__ */ a(ne, {})
                   ] }),
-                  M && z === "advanced" && b && c.length === 0 && m && /* @__PURE__ */ n("div", { className: e.mobileMenu, children: m.map((a, l) => /* @__PURE__ */ n(
+                  M && A === "advanced" && f && d.length === 0 && m && /* @__PURE__ */ a("div", { className: e.mobileMenu, children: m.map((n, l) => /* @__PURE__ */ a(
                     "div",
                     {
-                      className: `${e.mobileMenuItem} ${A === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
-                      children: /* @__PURE__ */ n(
+                      className: `${e.mobileMenuItem} ${B === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
+                      children: /* @__PURE__ */ a(
                         "button",
                         {
                           className: e.sublinkToggle,
-                          onClick: () => Ie(a),
-                          children: a.title
+                          onClick: () => Ie(n),
+                          children: n.title
                         }
                       )
                     },
-                    a._key ?? l
+                    n._key ?? l
                   )) }),
-                  M && z === "advanced" && b && c.length > 0 && /* @__PURE__ */ i(
+                  M && A === "advanced" && f && d.length > 0 && /* @__PURE__ */ t(
                     "div",
                     {
                       className: e.mobileMenuSlide,
                       children: [
-                        /* @__PURE__ */ n(
+                        /* @__PURE__ */ a(
                           "button",
                           {
                             className: e.back,
                             "aria-label": "Go back",
-                            onClick: c.length === 1 ? Ce : Me,
-                            children: /* @__PURE__ */ n(Re, { size: 18, "aria-hidden": "true" })
+                            onClick: d.length === 1 ? Ee : Me,
+                            children: /* @__PURE__ */ a(Ae, { size: 18, "aria-hidden": "true" })
                           }
                         ),
-                        c[c.length - 1].description && /* @__PURE__ */ n(
+                        d[d.length - 1].description && /* @__PURE__ */ a(
                           "div",
                           {
-                            className: `${e.sublinksDescription} ${A === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
+                            className: `${e.sublinksDescription} ${B === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
                             children: r == null ? void 0 : r(
-                              c[c.length - 1].description
+                              d[d.length - 1].description
                             )
                           }
                         ),
-                        c[c.length - 1].primary.map((a, l) => /* @__PURE__ */ n(
+                        d[d.length - 1].primary.map((n, l) => /* @__PURE__ */ a(
                           "div",
                           {
                             role: "menuitem",
-                            className: `${e.mobileMenuItem} ${A === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
-                            children: a.sublinks ? /* @__PURE__ */ n(
+                            className: `${e.mobileMenuItem} ${B === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
+                            children: n.sublinks ? /* @__PURE__ */ a(
                               "button",
                               {
                                 className: e.sublinkToggle,
-                                onClick: () => ee(a),
-                                children: /* @__PURE__ */ i("span", { className: e.linkContent, children: [
-                                  a.label,
-                                  a.subtitle && /* @__PURE__ */ n("span", { className: e.subtitle, children: a.subtitle })
+                                onClick: () => ie(n),
+                                children: /* @__PURE__ */ t("span", { className: e.linkContent, children: [
+                                  n.label,
+                                  n.subtitle && /* @__PURE__ */ a("span", { className: e.subtitle, children: n.subtitle })
                                 ] })
                               }
-                            ) : /* @__PURE__ */ i(
+                            ) : /* @__PURE__ */ t(
                               "a",
                               {
-                                href: a.href,
+                                href: n.href,
                                 className: e.link,
-                                target: a.isExternal ? "_blank" : "_self",
-                                rel: a.isExternal ? "noopener noreferrer" : void 0,
+                                target: n.isExternal ? "_blank" : "_self",
+                                rel: n.isExternal ? "noopener noreferrer" : void 0,
                                 children: [
-                                  /* @__PURE__ */ i("span", { className: e.linkContent, children: [
-                                    a.label,
-                                    a.subtitle && /* @__PURE__ */ n("span", { className: e.subtitle, children: a.subtitle })
+                                  /* @__PURE__ */ t("span", { className: e.linkContent, children: [
+                                    n.label,
+                                    n.subtitle && /* @__PURE__ */ a("span", { className: e.subtitle, children: n.subtitle })
                                   ] }),
-                                  a.isExternal && /* @__PURE__ */ n(
-                                    X,
+                                  n.isExternal && /* @__PURE__ */ a(
+                                    K,
                                     {
                                       className: e.newTabIcon,
                                       size: 16,
@@ -498,33 +523,33 @@ function en({
                               }
                             )
                           },
-                          a._key ?? `primary-${l}`
+                          n._key ?? `primary-${l}`
                         )),
-                        c[c.length - 1].secondary.length > 0 && /* @__PURE__ */ n("hr", { className: e.groupDivider }),
-                        c[c.length - 1].secondary.map(
-                          (a, l) => /* @__PURE__ */ n(
+                        d[d.length - 1].secondary.length > 0 && /* @__PURE__ */ a("hr", { className: e.groupDivider }),
+                        d[d.length - 1].secondary.map(
+                          (n, l) => /* @__PURE__ */ a(
                             "div",
                             {
                               role: "menuitem",
-                              className: `${e.mobileMenuItem} ${A === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
-                              children: a.sublinks ? /* @__PURE__ */ n(
+                              className: `${e.mobileMenuItem} ${B === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
+                              children: n.sublinks ? /* @__PURE__ */ a(
                                 "button",
                                 {
                                   className: e.sublinkToggle,
-                                  onClick: () => ee(a),
-                                  children: a.label
+                                  onClick: () => ie(n),
+                                  children: n.label
                                 }
-                              ) : /* @__PURE__ */ i(
+                              ) : /* @__PURE__ */ t(
                                 "a",
                                 {
-                                  href: a.href,
+                                  href: n.href,
                                   className: e.link,
-                                  target: a.isExternal ? "_blank" : "_self",
-                                  rel: a.isExternal ? "noopener noreferrer" : void 0,
+                                  target: n.isExternal ? "_blank" : "_self",
+                                  rel: n.isExternal ? "noopener noreferrer" : void 0,
                                   children: [
-                                    a.label,
-                                    a.isExternal && /* @__PURE__ */ n(
-                                      X,
+                                    n.label,
+                                    n.isExternal && /* @__PURE__ */ a(
+                                      K,
                                       {
                                         className: e.newTabIcon,
                                         size: 16,
@@ -535,77 +560,78 @@ function en({
                                 }
                               )
                             },
-                            a._key ?? `secondary-${l}`
+                            n._key ?? `secondary-${l}`
                           )
                         )
                       ]
                     },
-                    `stack-${c.length}`
+                    `stack-${d.length}`
                   )
                 ] })
               }
             ),
-            h && h.length > 0 && /* @__PURE__ */ n("nav", { className: e.utility, "aria-label": "Utility navigation", children: /* @__PURE__ */ n(se, { children: h.map((a, l) => /* @__PURE__ */ n(
-              q,
+            h && h.length > 0 && /* @__PURE__ */ a("nav", { className: e.utility, "aria-label": "Utility navigation", children: /* @__PURE__ */ a(se, { children: h.map((n, l) => /* @__PURE__ */ a(
+              J,
               {
                 as: "a",
-                href: a.href ?? "/",
-                variant: a.variant ?? "primary",
-                displayType: a.displayType ?? "text",
-                imageSrc: a.imageSrc,
-                imageAlt: a.imageAlt,
-                "aria-label": a.ariaLabel,
-                icon: a.icon,
-                iconAlignment: a.iconAlignment,
-                children: a.imageSrc ? /* @__PURE__ */ n(
+                href: n.href ?? "/",
+                variant: n.variant ?? "primary",
+                displayType: n.displayType ?? "text",
+                imageSrc: n.imageSrc,
+                imageAlt: n.imageAlt,
+                "aria-label": n.ariaLabel,
+                icon: n.icon,
+                iconAlignment: n.iconAlignment,
+                children: n.imageSrc ? /* @__PURE__ */ a(
                   "img",
                   {
-                    src: a.imageSrc,
-                    alt: a.imageAlt ?? a.ariaLabel
+                    src: n.imageSrc,
+                    alt: n.imageAlt ?? n.ariaLabel
                   }
-                ) : a.label
+                ) : n.label
               },
-              a._key ?? l
+              n._key ?? l
             )) }) }),
-            o && /* @__PURE__ */ n(
+            u && /* @__PURE__ */ a(
               "nav",
               {
                 "aria-label": "Utility navigation",
-                className: `${e.utilityMobile} ${b ? e.open : ""}`,
-                children: /* @__PURE__ */ n(se, { alignment: "center", children: /* @__PURE__ */ n(
-                  q,
+                className: `${e.utilityMobile} ${f ? e.open : ""}`,
+                children: /* @__PURE__ */ a(se, { alignment: "center", children: /* @__PURE__ */ a(
+                  J,
                   {
                     as: "a",
-                    href: o.href ?? "/",
-                    variant: o.variant ?? "primary",
-                    displayType: o.displayType ?? "text",
-                    imageSrc: o.imageSrc,
-                    imageAlt: o.imageAlt,
-                    "aria-label": o.ariaLabel,
-                    icon: o.icon,
-                    iconAlignment: o.iconAlignment,
-                    children: o.imageSrc ? /* @__PURE__ */ n(
+                    href: u.href ?? "/",
+                    variant: u.variant ?? "primary",
+                    displayType: u.displayType ?? "text",
+                    imageSrc: u.imageSrc,
+                    imageAlt: u.imageAlt,
+                    "aria-label": u.ariaLabel,
+                    icon: u.icon,
+                    iconAlignment: u.iconAlignment,
+                    children: u.imageSrc ? /* @__PURE__ */ a(
                       "img",
                       {
-                        src: o.imageSrc,
-                        alt: o.imageAlt ?? o.ariaLabel
+                        src: u.imageSrc,
+                        alt: u.imageAlt ?? u.ariaLabel
                       }
-                    ) : o.label
+                    ) : u.label
                   }
                 ) })
               }
             ),
-            /* @__PURE__ */ i("div", { className: e.mobileButtons, children: [
-              M && k && /* @__PURE__ */ n(D, {}),
-              /* @__PURE__ */ n(
+            /* @__PURE__ */ t("div", { className: e.mobileButtons, children: [
+              M && g && /* @__PURE__ */ a(V, {}),
+              /* @__PURE__ */ a(
                 "button",
                 {
+                  ref: T,
                   className: e.menuToggle,
-                  onClick: ye,
-                  "aria-label": b ? "Close menu" : "Open menu",
-                  "aria-expanded": b,
+                  onClick: ae,
+                  "aria-label": f ? "Close menu" : "Open menu",
+                  "aria-expanded": f,
                   "aria-controls": "main-menu",
-                  children: b ? /* @__PURE__ */ n(Ae, { size: 24, "aria-hidden": "true" }) : /* @__PURE__ */ n(_e, { size: 24, "aria-hidden": "true" })
+                  children: f ? /* @__PURE__ */ a(Re, { size: 24, "aria-hidden": "true" }) : /* @__PURE__ */ a(_e, { size: 24, "aria-hidden": "true" })
                 }
               )
             ] })
@@ -616,5 +642,5 @@ function en({
   );
 }
 export {
-  en as Navbar
+  nn as Navbar
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "quirk-ui",
   "private": false,
-  "version": "0.1.79",
+  "version": "0.1.80",
   "type": "module",
   "exports": {
     ".": {