quirk-ui 0.0.521 → 0.0.523

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

@@ -1,16 +1,16 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),te=require("../Modal/index.cjs"),O=require("../../../index-BN6814Bi.cjs"),ie=require("../ButtonGroup/index.cjs"),e=require("../../../NavLink-CuZO2Wm5.cjs"),I=require("../../utils/NoScroll/noScroll.cjs"),D=require("../../../external-link-DDShu-48.cjs"),pe=require("../../../x-Dft9NVe_.cjs"),G=require("../../../createLucideIcon-DpotSgUx.cjs"),Ne=require("../../../chevron-down-DfK1XBl3.cjs");/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),te=require("../Modal/index.cjs"),q=require("../../../index-BN6814Bi.cjs"),ie=require("../ButtonGroup/index.cjs"),e=require("../../../NavLink-CuZO2Wm5.cjs"),D=require("../../utils/NoScroll/noScroll.cjs"),G=require("../../../external-link-DDShu-48.cjs"),pe=require("../../../x-Dft9NVe_.cjs"),U=require("../../../createLucideIcon-DpotSgUx.cjs"),Ne=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 $e=[["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"}]],ge=G.createLucideIcon("earth",$e);/**
+ */const $e=[["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"}]],ge=U.createLucideIcon("earth",$e);/**
  * @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 we=[["line",{x1:"4",x2:"20",y1:"12",y2:"12",key:"1e0a9i"}],["line",{x1:"4",x2:"20",y1:"6",y2:"6",key:"1owob3"}],["line",{x1:"4",x2:"20",y1:"18",y2:"18",key:"yk5zj1"}]],Ce=G.createLucideIcon("menu",we);/**
+ */const we=[["line",{x1:"4",x2:"20",y1:"12",y2:"12",key:"1e0a9i"}],["line",{x1:"4",x2:"20",y1:"6",y2:"6",key:"1owob3"}],["line",{x1:"4",x2:"20",y1:"18",y2:"18",key:"yk5zj1"}]],Ce=U.createLucideIcon("menu",we);/**
  * @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=[["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}],["path",{d:"m21 21-4.3-4.3",key:"1qie3q"}]],_e=G.createLucideIcon("search",Se),Le={standard:e.styles.standard,transparent:e.styles.transparent},Me={left:e.styles.left,center:e.styles.center,right:e.styles.right},Ee=({spotlight:a,renderText:m})=>{var t,C,k,p,j,S,x,_,L,M,u;const w=(t=a.image)==null?void 0:t.asset.altText,f=((C=a.callToAction.linkOptions)==null?void 0:C.linkType)==="external";let y="#";return((k=a.callToAction.linkOptions)==null?void 0:k.linkType)==="external"&&((p=a.callToAction.linkOptions)!=null&&p.externalUrl)?y=(j=a.callToAction.linkOptions)==null?void 0:j.externalUrl:((S=a.callToAction.linkOptions)==null?void 0:S.linkType)==="internal"&&((_=(x=a.callToAction.linkOptions)==null?void 0:x.internalUrl)!=null&&_.slug.current)&&(y=`/${(M=(L=a.callToAction.linkOptions)==null?void 0:L.internalUrl)==null?void 0:M.slug.current}`),s.jsxs("div",{className:e.styles.spotlight,children:[a.image&&s.jsx("div",{className:e.styles.imageWrapper,children:s.jsx("img",{src:(a==null?void 0:a.image.imageUrl)??"",alt:w||a.image.asset.description||"Content image",width:600,height:400})}),s.jsxs("div",{className:e.styles.content,children:[a.title&&s.jsx("div",{className:e.styles.title,children:m==null?void 0:m(a.title,e.styles.title)}),a.description&&s.jsx("div",{className:e.styles.description,children:m==null?void 0:m(a.description,e.styles.description)})]}),((u=a.callToAction)==null?void 0:u.linkOptions)&&s.jsx("div",{className:e.styles.actions,children:s.jsx(O.CallToAction,{as:"a",variant:a.callToAction.variant??"primary",href:y,target:f?"_blank":"_self",rel:f?"noopener noreferrer":"","aria-label":a.callToAction.ariaLabel||a.callToAction.label,children:a.callToAction.label})})]})};function Ae({renderText:a,title:m,logo:w,items:f,groups:y,utilityItems:t,isSticky:C=!1,showSearch:k=!0,showLocaleSelect:p=!0,alignment:j="right",variant:S="standard",navigationType:x="default",searchComponent:_,localeSelectComponent:L,className:M}){const[u,U]=r.useState(!1),[X,b]=r.useState(null),[ce,re]=r.useState(0),[oe,de]=r.useState(!1),[ue,ye]=r.useState(null),[o,N]=r.useState([]),[E,q]=r.useState(0),[he,H]=r.useState(null),[$,me]=r.useState(!1),[A,T]=r.useState("forward"),B=()=>s.jsx("div",{className:`${e.styles.linkWrapper} ${e.styles.parent} ${e.styles.searchWrapper}`,children:s.jsx("div",{className:e.styles.linkItem,children:s.jsx(te.Modal,{className:e.styles.searchModal,trigger:s.jsx("button",{role:"button",title:"Search","aria-label":"Search",className:e.styles.search,children:s.jsx(_e,{size:16})}),content:_})})}),V=()=>s.jsx("div",{className:`${e.styles.linkWrapper} ${e.styles.parent} `,children:s.jsx("div",{className:e.styles.linkItem,children:s.jsx(te.Modal,{className:e.styles.localeModal,trigger:s.jsx("button",{title:"Locale Select","aria-label":"Locale Select",role:"button",className:e.styles.locale,children:s.jsx(ge,{size:16})}),content:L})})});r.useEffect(()=>{if(typeof window<"u"){const l=()=>{const n=window.innerWidth<768;me(n)};return l(),window.addEventListener("resize",l),()=>window.removeEventListener("resize",l)}},[]);const be=()=>{N([])},fe=l=>{T("forward"),N([{title:l.title,primary:l.primaryItems??[],secondary:l.secondaryItems??[],description:""}])},J=l=>{T("forward"),N(n=>[...n,{title:l.label,primary:l.sublinks??[],secondary:[],description:l.description}])},xe=()=>{T("backward"),N(l=>l.slice(0,-1))},F=r.useRef(null),g=r.useRef(null),W=r.useRef(new Map),ke=()=>{U(l=>{const n=!l;return n||(N([]),T("forward"),b(null)),n})},K=l=>{const n=W.current.get(l);if(n&&g.current){const d=n.getBoundingClientRect(),h=g.current.getBoundingClientRect(),c=d.left-h.left+d.width/2;ye(c)}},je=l=>{b(n=>n===l?null:l)},Q=r.useCallback(l=>{F.current&&!F.current.contains(l.target)&&b(null)},[]),Y=r.useCallback(()=>{Z(),typeof window<"u"&&window.innerWidth>768&&(U(!1),b(null),typeof document<"u"&&(document.body.style.overflow=""))},[]),Z=r.useCallback(()=>{if(g.current){const l=g.current.getBoundingClientRect().width;re(l),de(!0)}},[]);r.useEffect(()=>{const l=typeof window<"u",n=typeof document<"u";return l&&window.addEventListener("resize",Y),n&&document.addEventListener("click",Q),Z(),()=>{l&&window.removeEventListener("resize",Y),n&&document.removeEventListener("click",Q)}},[]),r.useEffect(()=>{if(typeof document<"u")return u?setTimeout(()=>{I.lockScroll()},0):I.unlockScroll(),()=>I.unlockScroll()},[u]);const ve=l=>l.map((n,d)=>{var P,ee,se,le,ne;const h=`group-${d}`,z=he===d,c=(P=n.primaryItems)==null?void 0:P[E??0];return s.jsxs("div",{className:`${e.styles.linkWrapper} ${e.styles.parent}`,onMouseEnter:()=>{H(d),b(h),K(h)},onMouseLeave:()=>{H(null),q(0),b(null)},children:[s.jsx("div",{className:e.styles.linkItem,children:s.jsxs("button",{ref:i=>{W.current.set(h,i)},role:"menuitem","aria-haspopup":"true","aria-expanded":z,"aria-controls":`submenu-${d}`,className:`${e.styles.sublinkToggle} ${z?e.styles.open:""} `,children:[n.title,s.jsx(Ne.ChevronDown,{size:18,className:e.styles.chevron})]})}),s.jsx("div",{id:`submenu-${d}`,className:`${e.styles.sublinks} ${z?e.styles.show:""}`,role:"menu","aria-label":`${n.title} submenu`,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}),(ee=n.primaryItems)==null?void 0:ee.map((i,v)=>i.href?s.jsxs("a",{href:i.href,className:`${e.styles.link} ${E===v?e.styles.open:""}`,target:i.isExternal?"_blank":"_self",rel:i.isExternal?"noopener noreferrer":void 0,onClick:()=>{var ae;b(null),(ae=i.onClick)==null||ae.call(i)},onMouseEnter:()=>i.sublinks?q(v):null,role:"menuitem",children:[s.jsxs("span",{className:e.styles.linkContent,children:[i.label,i.subtitle&&s.jsx("span",{className:e.styles.subtitle,children:i.subtitle})]}),i.isExternal&&s.jsx(D.ExternalLink,{className:e.styles.newTabIcon,size:16})]},i._key??v):s.jsx("button",{role:"menuitem",className:`${e.styles.sublinkToggle} ${E===v?e.styles.open:""}`,onMouseEnter:()=>q(v),children:s.jsxs("span",{className:e.styles.linkContent,children:[i.label,i.subtitle&&s.jsx("span",{className:e.styles.subtitle,children:i.subtitle})]})},i._key??v))]}),(c==null?void 0:c.sublinks)&&((se=c==null?void 0:c.sublinks)==null?void 0:se.length)>0&&s.jsxs("div",{className:`${e.styles.sublinksColumn} ${e.styles.fadeInFromLeft}`,children:[(c==null?void 0:c.description)&&s.jsxs("div",{className:e.styles.sublinksDescription,children:[s.jsx("p",{children:"TEXT HERE"}),a==null?void 0:a(c.description)]}),(c==null?void 0:c.sublinks)&&R(c.sublinks,`${h}-${E}`)]},`${c.label}-${(le=c==null?void 0:c.sublinks)==null?void 0:le.length}`),(n==null?void 0:n.secondaryItems)&&((ne=n==null?void 0:n.secondaryItems)==null?void 0:ne.length)>0&&s.jsx("div",{className:`${e.styles.sublinksColumn} ${e.styles.secondaryColumn}`,children:n.secondaryItems&&n.secondaryItems.length>0&&R(n.secondaryItems,`${h}-secondary`)}),n.spotlight&&s.jsx("div",{className:`${e.styles.sublinksColumn} ${e.styles.spotlightColumn}`,children:s.jsx(Ee,{spotlight:n.spotlight,renderText:a??(i=>String(i))})})]})})})]},n._key??`group-${d}`)}),R=(l,n="")=>l.map(d=>{const h=`${n}/${d.label}`;return s.jsx(e.NavLink,{link:d,path:h,parentPath:n,openPath:X,togglePath:je,updateTriangleIndicator:K,setOpenPath:b,renderLinks:R,buttonRefs:W},d._key??h)});return s.jsx("header",{ref:F,className:`${M??""} ${Me[j]} ${Le[S]} ${e.styles.navbar} ${C?e.styles.sticky:""} ${y&&y.length?e.styles.advanced:e.styles.default}`,"aria-label":"Main navigation",children:s.jsxs("div",{className:`${e.styles.container} ${(!t||t.length===0)&&j!=="center"?e.styles.twoColumn:""}`,children:[w?s.jsx("div",{className:e.styles.logo,children:w}):s.jsx("div",{className:e.styles.title,children:m}),s.jsx("nav",{ref:g,style:{left:j==="center"?`calc(50% - ${ce/2}px)`:"0"},className:`${e.styles.nav} ${u?e.styles.open:""} ${oe?e.styles.visible:e.styles.hidden}`,id:"main-menu",role:"menubar","aria-label":"Main navigation",children:s.jsxs("div",{className:e.styles.navInner,children:[s.jsx("svg",{style:{left:`${ue}px`},className:`${e.styles.triangle} ${X?e.styles.show:""}`,width:16,height:12,viewBox:"0 0 100 75",xmlns:"http://www.w3.org/2000/svg",children:s.jsx("polygon",{points:"50,5 95,70 5,70",strokeLinejoin:"round",fill:"white",stroke:"white"})}),x==="default"&&f&&s.jsxs("div",{className:e.styles.grid,children:[f&&f.length>0&&R(f),k&&!$&&s.jsxs(s.Fragment,{children:[s.jsx("span",{className:e.styles.separator}),s.jsx(B,{})]}),p&&s.jsx(V,{})]}),!$&&x==="advanced"&&y&&s.jsxs("div",{className:e.styles.grid,children:[y.length>0&&ve(y),k&&s.jsxs(s.Fragment,{children:[s.jsx("span",{className:e.styles.separator}),s.jsx(B,{})]}),p&&s.jsx(V,{})]}),$&&x==="advanced"&&u&&o.length===0&&y&&s.jsx("div",{className:`${e.styles.mobileMenu}`,children:y.map((l,n)=>s.jsx("div",{className:`${e.styles.mobileMenuItem} ${A==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:s.jsx("button",{role:"menuitem",className:e.styles.sublinkToggle,onClick:()=>fe(l),children:l.title})},l._key??n))}),$&&x==="advanced"&&u&&o.length>0&&s.jsxs("div",{className:`${e.styles.mobileMenuSlide} `,children:[s.jsx("button",{role:"menuitem",className:e.styles.back,onClick:o.length===1?be:xe,children:s.jsx(O.ChevronLeft,{size:18,"aria-hidden":"true",focusable:"false"})}),o[o.length-1].description&&s.jsx("div",{className:`${e.styles.sublinksDescription} ${A==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:a==null?void 0:a(o[o.length-1].description)}),o[o.length-1].primary.map((l,n)=>s.jsx("div",{className:`${e.styles.mobileMenuItem} ${A==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:l.sublinks?s.jsx("button",{role:"menuitem",className:e.styles.sublinkToggle,onClick:()=>J(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,role:"menuitem",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(D.ExternalLink,{className:e.styles.newTabIcon,size:16})]})},l._key??`primary-${n}`)),o[o.length-1].secondary.length>0&&s.jsx("hr",{className:e.styles.groupDivider}),o[o.length-1].secondary.map((l,n)=>s.jsx("div",{className:`${e.styles.mobileMenuItem} ${A==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:l.sublinks?s.jsx("button",{role:"menuitem",className:e.styles.sublinkToggle,onClick:()=>J(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,role:"menuitem",children:[l.label,l.isExternal&&s.jsx(D.ExternalLink,{className:e.styles.newTabIcon,size:16})]})},l._key??`secondary-${n}`))]},`stack-${o.length}`)]})}),t&&t.length>0&&s.jsx("nav",{className:e.styles.utility,role:"menu","aria-label":"Utility navigation",children:s.jsx(ie.ButtonGroup,{children:t.map((l,n)=>s.jsx(O.CallToAction,{as:"a",href:l.href??"/",variant:l.variant??"primary",displayType:l.displayType??"text",imageSrc:l.imageSrc,imageAlt:l.imageAlt,"aria-label":l.ariaLabel??l.label,icon:l.icon,iconAlignment:l.iconAlignment,role:"menuitem",children:l.imageSrc?s.jsx("img",{src:l.imageSrc,alt:l.imageAlt??l.ariaLabel??l.label}):l.label},l._key||n))})}),t&&t.length>0&&s.jsx("nav",{role:"menu","aria-label":"Utility navigation",className:`${e.styles.utilityMobile} ${u?e.styles.open:""}`,children:s.jsx(ie.ButtonGroup,{alignment:"center",children:s.jsx(O.CallToAction,{as:"a",href:t[1].href??"/",variant:t[1].variant??"primary",displayType:t[1].displayType??"text",imageSrc:t[1].imageSrc,imageAlt:t[1].imageAlt,"aria-label":t[1].ariaLabel??t[1].label,icon:t[1].icon,iconAlignment:t[1].iconAlignment,role:"menuitem",children:t[1].imageSrc?s.jsx("img",{src:t[1].imageSrc,"aria-label":t[1].imageAlt??t[1].ariaLabel??t[1].label}):t[1].label})})}),s.jsxs("div",{className:e.styles.mobileButtons,children:[$&&k&&s.jsx(B,{}),s.jsx("button",{className:e.styles.menuToggle,onClick:ke,"aria-label":u?"Close menu":"Open menu","aria-expanded":u,"aria-controls":"main-menu",children:u?s.jsx(pe.X,{size:24}):s.jsx(Ce,{size:24})})]})]})})}exports.Navbar=Ae;
+ */const Se=[["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}],["path",{d:"m21 21-4.3-4.3",key:"1qie3q"}]],_e=U.createLucideIcon("search",Se),Le={standard:e.styles.standard,transparent:e.styles.transparent},Me={left:e.styles.left,center:e.styles.center,right:e.styles.right},Ee=({spotlight:a,renderText:m})=>{var t,S,k,p,j,_,x,L,M,E,u,N;const C=(t=a.image)==null?void 0:t.asset.altText,f=((S=a.callToAction.linkOptions)==null?void 0:S.linkType)==="external";let y="#";return((k=a.callToAction.linkOptions)==null?void 0:k.linkType)==="external"&&((p=a.callToAction.linkOptions)!=null&&p.externalUrl)?y=(j=a.callToAction.linkOptions)==null?void 0:j.externalUrl:((_=a.callToAction.linkOptions)==null?void 0:_.linkType)==="internal"&&((L=(x=a.callToAction.linkOptions)==null?void 0:x.internalUrl)!=null&&L.slug.current)&&(y=`/${(E=(M=a.callToAction.linkOptions)==null?void 0:M.internalUrl)==null?void 0:E.slug.current}`),s.jsxs("div",{className:e.styles.spotlight,children:[a.image&&s.jsx("div",{className:e.styles.imageWrapper,children:s.jsx("img",{src:((u=a==null?void 0:a.image.imageUrls)==null?void 0:u.medium)??"",alt:C||a.image.asset.description||"Content image",width:600,height:400})}),s.jsxs("div",{className:e.styles.content,children:[a.title&&s.jsx("div",{className:e.styles.title,children:m==null?void 0:m(a.title,e.styles.title)}),a.description&&s.jsx("div",{className:e.styles.description,children:m==null?void 0:m(a.description,e.styles.description)})]}),((N=a.callToAction)==null?void 0:N.linkOptions)&&s.jsx("div",{className:e.styles.actions,children:s.jsx(q.CallToAction,{as:"a",variant:a.callToAction.variant??"primary",href:y,target:f?"_blank":"_self",rel:f?"noopener noreferrer":"","aria-label":a.callToAction.ariaLabel||a.callToAction.label,children:a.callToAction.label})})]})};function Ae({renderText:a,title:m,logo:C,items:f,groups:y,utilityItems:t,isSticky:S=!1,showSearch:k=!0,showLocaleSelect:p=!0,alignment:j="right",variant:_="standard",navigationType:x="default",searchComponent:L,localeSelectComponent:M,className:E}){const[u,N]=r.useState(!1),[X,b]=r.useState(null),[ce,re]=r.useState(0),[oe,de]=r.useState(!1),[ue,ye]=r.useState(null),[o,$]=r.useState([]),[A,B]=r.useState(0),[he,H]=r.useState(null),[g,me]=r.useState(!1),[T,R]=r.useState("forward"),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(te.Modal,{className:e.styles.searchModal,trigger:s.jsx("button",{role:"button",title:"Search","aria-label":"Search",className:e.styles.search,children:s.jsx(_e,{size:16})}),content:L})})}),V=()=>s.jsx("div",{className:`${e.styles.linkWrapper} ${e.styles.parent} `,children:s.jsx("div",{className:e.styles.linkItem,children:s.jsx(te.Modal,{className:e.styles.localeModal,trigger:s.jsx("button",{title:"Locale Select","aria-label":"Locale Select",role:"button",className:e.styles.locale,children:s.jsx(ge,{size:16})}),content:M})})});r.useEffect(()=>{if(typeof window<"u"){const l=()=>{const n=window.innerWidth<768;me(n)};return l(),window.addEventListener("resize",l),()=>window.removeEventListener("resize",l)}},[]);const be=()=>{$([])},fe=l=>{R("forward"),$([{title:l.title,primary:l.primaryItems??[],secondary:l.secondaryItems??[],description:""}])},J=l=>{R("forward"),$(n=>[...n,{title:l.label,primary:l.sublinks??[],secondary:[],description:l.description}])},xe=()=>{R("backward"),$(l=>l.slice(0,-1))},W=r.useRef(null),w=r.useRef(null),I=r.useRef(new Map),ke=()=>{N(l=>{const n=!l;return n||($([]),R("forward"),b(null)),n})},K=l=>{const n=I.current.get(l);if(n&&w.current){const d=n.getBoundingClientRect(),h=w.current.getBoundingClientRect(),c=d.left-h.left+d.width/2;ye(c)}},je=l=>{b(n=>n===l?null:l)},Q=r.useCallback(l=>{W.current&&!W.current.contains(l.target)&&b(null)},[]),Y=r.useCallback(()=>{Z(),typeof window<"u"&&window.innerWidth>768&&(N(!1),b(null),typeof document<"u"&&(document.body.style.overflow=""))},[]),Z=r.useCallback(()=>{if(w.current){const l=w.current.getBoundingClientRect().width;re(l),de(!0)}},[]);r.useEffect(()=>{const l=typeof window<"u",n=typeof document<"u";return l&&window.addEventListener("resize",Y),n&&document.addEventListener("click",Q),Z(),()=>{l&&window.removeEventListener("resize",Y),n&&document.removeEventListener("click",Q)}},[]),r.useEffect(()=>{if(typeof document<"u")return u?setTimeout(()=>{D.lockScroll()},0):D.unlockScroll(),()=>D.unlockScroll()},[u]);const ve=l=>l.map((n,d)=>{var P,ee,se,le,ne;const h=`group-${d}`,O=he===d,c=(P=n.primaryItems)==null?void 0:P[A??0];return s.jsxs("div",{className:`${e.styles.linkWrapper} ${e.styles.parent}`,onMouseEnter:()=>{H(d),b(h),K(h)},onMouseLeave:()=>{H(null),B(0),b(null)},children:[s.jsx("div",{className:e.styles.linkItem,children:s.jsxs("button",{ref:i=>{I.current.set(h,i)},role:"menuitem","aria-haspopup":"true","aria-expanded":O,"aria-controls":`submenu-${d}`,className:`${e.styles.sublinkToggle} ${O?e.styles.open:""} `,children:[n.title,s.jsx(Ne.ChevronDown,{size:18,className:e.styles.chevron})]})}),s.jsx("div",{id:`submenu-${d}`,className:`${e.styles.sublinks} ${O?e.styles.show:""}`,role:"menu","aria-label":`${n.title} submenu`,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}),(ee=n.primaryItems)==null?void 0:ee.map((i,v)=>i.href?s.jsxs("a",{href:i.href,className:`${e.styles.link} ${A===v?e.styles.open:""}`,target:i.isExternal?"_blank":"_self",rel:i.isExternal?"noopener noreferrer":void 0,onClick:()=>{var ae;b(null),(ae=i.onClick)==null||ae.call(i)},onMouseEnter:()=>i.sublinks?B(v):null,role:"menuitem",children:[s.jsxs("span",{className:e.styles.linkContent,children:[i.label,i.subtitle&&s.jsx("span",{className:e.styles.subtitle,children:i.subtitle})]}),i.isExternal&&s.jsx(G.ExternalLink,{className:e.styles.newTabIcon,size:16})]},i._key??v):s.jsx("button",{role:"menuitem",className:`${e.styles.sublinkToggle} ${A===v?e.styles.open:""}`,onMouseEnter:()=>B(v),children:s.jsxs("span",{className:e.styles.linkContent,children:[i.label,i.subtitle&&s.jsx("span",{className:e.styles.subtitle,children:i.subtitle})]})},i._key??v))]}),(c==null?void 0:c.sublinks)&&((se=c==null?void 0:c.sublinks)==null?void 0:se.length)>0&&s.jsxs("div",{className:`${e.styles.sublinksColumn} ${e.styles.fadeInFromLeft}`,children:[(c==null?void 0:c.description)&&s.jsxs("div",{className:e.styles.sublinksDescription,children:[s.jsx("p",{children:"TEXT HERE"}),a==null?void 0:a(c.description)]}),(c==null?void 0:c.sublinks)&&z(c.sublinks,`${h}-${A}`)]},`${c.label}-${(le=c==null?void 0:c.sublinks)==null?void 0:le.length}`),(n==null?void 0:n.secondaryItems)&&((ne=n==null?void 0:n.secondaryItems)==null?void 0:ne.length)>0&&s.jsx("div",{className:`${e.styles.sublinksColumn} ${e.styles.secondaryColumn}`,children:n.secondaryItems&&n.secondaryItems.length>0&&z(n.secondaryItems,`${h}-secondary`)}),n.spotlight&&s.jsx("div",{className:`${e.styles.sublinksColumn} ${e.styles.spotlightColumn}`,children:s.jsx(Ee,{spotlight:n.spotlight,renderText:a??(i=>String(i))})})]})})})]},n._key??`group-${d}`)}),z=(l,n="")=>l.map(d=>{const h=`${n}/${d.label}`;return s.jsx(e.NavLink,{link:d,path:h,parentPath:n,openPath:X,togglePath:je,updateTriangleIndicator:K,setOpenPath:b,renderLinks:z,buttonRefs:I},d._key??h)});return s.jsx("header",{ref:W,className:`${E??""} ${Me[j]} ${Le[_]} ${e.styles.navbar} ${S?e.styles.sticky:""} ${y&&y.length?e.styles.advanced:e.styles.default}`,"aria-label":"Main navigation",children:s.jsxs("div",{className:`${e.styles.container} ${(!t||t.length===0)&&j!=="center"?e.styles.twoColumn:""}`,children:[C?s.jsx("div",{className:e.styles.logo,children:C}):s.jsx("div",{className:e.styles.title,children:m}),s.jsx("nav",{ref:w,style:{left:j==="center"?`calc(50% - ${ce/2}px)`:"0"},className:`${e.styles.nav} ${u?e.styles.open:""} ${oe?e.styles.visible:e.styles.hidden}`,id:"main-menu",role:"menubar","aria-label":"Main navigation",children:s.jsxs("div",{className:e.styles.navInner,children:[s.jsx("svg",{style:{left:`${ue}px`},className:`${e.styles.triangle} ${X?e.styles.show:""}`,width:16,height:12,viewBox:"0 0 100 75",xmlns:"http://www.w3.org/2000/svg",children:s.jsx("polygon",{points:"50,5 95,70 5,70",strokeLinejoin:"round",fill:"white",stroke:"white"})}),x==="default"&&f&&s.jsxs("div",{className:e.styles.grid,children:[f&&f.length>0&&z(f),k&&!g&&s.jsxs(s.Fragment,{children:[s.jsx("span",{className:e.styles.separator}),s.jsx(F,{})]}),p&&s.jsx(V,{})]}),!g&&x==="advanced"&&y&&s.jsxs("div",{className:e.styles.grid,children:[y.length>0&&ve(y),k&&s.jsxs(s.Fragment,{children:[s.jsx("span",{className:e.styles.separator}),s.jsx(F,{})]}),p&&s.jsx(V,{})]}),g&&x==="advanced"&&u&&o.length===0&&y&&s.jsx("div",{className:`${e.styles.mobileMenu}`,children:y.map((l,n)=>s.jsx("div",{className:`${e.styles.mobileMenuItem} ${T==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:s.jsx("button",{role:"menuitem",className:e.styles.sublinkToggle,onClick:()=>fe(l),children:l.title})},l._key??n))}),g&&x==="advanced"&&u&&o.length>0&&s.jsxs("div",{className:`${e.styles.mobileMenuSlide} `,children:[s.jsx("button",{role:"menuitem",className:e.styles.back,onClick:o.length===1?be:xe,children:s.jsx(q.ChevronLeft,{size:18,"aria-hidden":"true",focusable:"false"})}),o[o.length-1].description&&s.jsx("div",{className:`${e.styles.sublinksDescription} ${T==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:a==null?void 0:a(o[o.length-1].description)}),o[o.length-1].primary.map((l,n)=>s.jsx("div",{className:`${e.styles.mobileMenuItem} ${T==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:l.sublinks?s.jsx("button",{role:"menuitem",className:e.styles.sublinkToggle,onClick:()=>J(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,role:"menuitem",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(G.ExternalLink,{className:e.styles.newTabIcon,size:16})]})},l._key??`primary-${n}`)),o[o.length-1].secondary.length>0&&s.jsx("hr",{className:e.styles.groupDivider}),o[o.length-1].secondary.map((l,n)=>s.jsx("div",{className:`${e.styles.mobileMenuItem} ${T==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:l.sublinks?s.jsx("button",{role:"menuitem",className:e.styles.sublinkToggle,onClick:()=>J(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,role:"menuitem",children:[l.label,l.isExternal&&s.jsx(G.ExternalLink,{className:e.styles.newTabIcon,size:16})]})},l._key??`secondary-${n}`))]},`stack-${o.length}`)]})}),t&&t.length>0&&s.jsx("nav",{className:e.styles.utility,role:"menu","aria-label":"Utility navigation",children:s.jsx(ie.ButtonGroup,{children:t.map((l,n)=>s.jsx(q.CallToAction,{as:"a",href:l.href??"/",variant:l.variant??"primary",displayType:l.displayType??"text",imageSrc:l.imageSrc,imageAlt:l.imageAlt,"aria-label":l.ariaLabel??l.label,icon:l.icon,iconAlignment:l.iconAlignment,role:"menuitem",children:l.imageSrc?s.jsx("img",{src:l.imageSrc,alt:l.imageAlt??l.ariaLabel??l.label}):l.label},l._key||n))})}),t&&t.length>0&&s.jsx("nav",{role:"menu","aria-label":"Utility navigation",className:`${e.styles.utilityMobile} ${u?e.styles.open:""}`,children:s.jsx(ie.ButtonGroup,{alignment:"center",children:s.jsx(q.CallToAction,{as:"a",href:t[1].href??"/",variant:t[1].variant??"primary",displayType:t[1].displayType??"text",imageSrc:t[1].imageSrc,imageAlt:t[1].imageAlt,"aria-label":t[1].ariaLabel??t[1].label,icon:t[1].icon,iconAlignment:t[1].iconAlignment,role:"menuitem",children:t[1].imageSrc?s.jsx("img",{src:t[1].imageSrc,"aria-label":t[1].imageAlt??t[1].ariaLabel??t[1].label}):t[1].label})})}),s.jsxs("div",{className:e.styles.mobileButtons,children:[g&&k&&s.jsx(F,{}),s.jsx("button",{className:e.styles.menuToggle,onClick:ke,"aria-label":u?"Close menu":"Open menu","aria-expanded":u,"aria-controls":"main-menu",children:u?s.jsx(pe.X,{size:24}):s.jsx(Ce,{size:24})})]})]})})}exports.Navbar=Ae;

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

@@ -1,13 +1,13 @@
 import { jsx as a, jsxs as c, Fragment as oe } from "react/jsx-runtime";
-import { useState as b, useEffect as U, useRef as I, useCallback as G } from "react";
+import { useState as b, useEffect as I, useRef as G, useCallback as X } from "react";
 import { Modal as te } from "../Modal/index.mjs";
-import { a as Me, C as H } from "../../../index-C-E0ib2G.js";
+import { a as Me, C as V } from "../../../index-C-E0ib2G.js";
 import { ButtonGroup as de } from "../ButtonGroup/index.mjs";
 import { s as e, N as Ee } from "../../../NavLink-CsNKwUSm.js";
-import { lockScroll as Ae, unlockScroll as he } from "../../utils/NoScroll/noScroll.mjs";
-import { E as X } from "../../../external-link-BOPobeQJ.js";
+import { lockScroll as Ae, unlockScroll as me } from "../../utils/NoScroll/noScroll.mjs";
+import { E as H } from "../../../external-link-BOPobeQJ.js";
 import { X as Se } from "../../../x-CnsEH4Ox.js";
-import { c as V } from "../../../createLucideIcon-C8GTh_Qx.js";
+import { c as q } from "../../../createLucideIcon-C8GTh_Qx.js";
 import { C as _e } from "../../../chevron-down-DSUzBz9F.js";
 /**
  * @license lucide-react v0.488.0 - ISC
@@ -26,7 +26,7 @@ const ze = [
   ],
   ["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" }]
-], Te = V("earth", ze);
+], Te = q("earth", ze);
 /**
  * @license lucide-react v0.488.0 - ISC
  *
@@ -37,7 +37,7 @@ const xe = [
   ["line", { x1: "4", x2: "20", y1: "12", y2: "12", key: "1e0a9i" }],
   ["line", { x1: "4", x2: "20", y1: "6", y2: "6", key: "1owob3" }],
   ["line", { x1: "4", x2: "20", y1: "18", y2: "18", key: "yk5zj1" }]
-], Re = V("menu", xe);
+], Re = q("menu", xe);
 /**
  * @license lucide-react v0.488.0 - ISC
  *
@@ -47,7 +47,7 @@ const xe = [
 const Oe = [
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
   ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
-], We = V("search", Oe), Fe = {
+], We = q("search", Oe), Fe = {
   standard: e.standard,
   transparent: e.transparent
 }, Be = {
@@ -58,15 +58,15 @@ const Oe = [
   spotlight: i,
   renderText: f
 }) => {
-  var s, E, N, w, $, A, p, S, _, z, h;
-  const M = (s = i.image) == null ? void 0 : s.asset.altText, v = ((E = i.callToAction.linkOptions) == null ? void 0 : E.linkType) === "external";
-  let m = "#";
-  return ((N = i.callToAction.linkOptions) == null ? void 0 : N.linkType) === "external" && ((w = i.callToAction.linkOptions) != null && w.externalUrl) ? m = ($ = i.callToAction.linkOptions) == null ? void 0 : $.externalUrl : ((A = i.callToAction.linkOptions) == null ? void 0 : A.linkType) === "internal" && ((S = (p = i.callToAction.linkOptions) == null ? void 0 : p.internalUrl) != null && S.slug.current) && (m = `/${(z = (_ = i.callToAction.linkOptions) == null ? void 0 : _.internalUrl) == null ? void 0 : z.slug.current}`), /* @__PURE__ */ c("div", { className: e.spotlight, children: [
+  var s, A, N, w, $, S, p, _, z, T, m, y;
+  const E = (s = i.image) == null ? void 0 : s.asset.altText, v = ((A = i.callToAction.linkOptions) == null ? void 0 : A.linkType) === "external";
+  let h = "#";
+  return ((N = i.callToAction.linkOptions) == null ? void 0 : N.linkType) === "external" && ((w = i.callToAction.linkOptions) != null && w.externalUrl) ? h = ($ = i.callToAction.linkOptions) == null ? void 0 : $.externalUrl : ((S = i.callToAction.linkOptions) == null ? void 0 : S.linkType) === "internal" && ((_ = (p = i.callToAction.linkOptions) == null ? void 0 : p.internalUrl) != null && _.slug.current) && (h = `/${(T = (z = i.callToAction.linkOptions) == null ? void 0 : z.internalUrl) == null ? void 0 : T.slug.current}`), /* @__PURE__ */ c("div", { className: e.spotlight, children: [
     i.image && /* @__PURE__ */ a("div", { className: e.imageWrapper, children: /* @__PURE__ */ a(
       "img",
       {
-        src: (i == null ? void 0 : i.image.imageUrl) ?? "",
-        alt: M || i.image.asset.description || "Content image",
+        src: ((m = i == null ? void 0 : i.image.imageUrls) == null ? void 0 : m.medium) ?? "",
+        alt: E || i.image.asset.description || "Content image",
         width: 600,
         height: 400
       }
@@ -75,12 +75,12 @@ const Oe = [
       i.title && /* @__PURE__ */ a("div", { className: e.title, children: f == null ? void 0 : f(i.title, e.title) }),
       i.description && /* @__PURE__ */ a("div", { className: e.description, children: f == null ? void 0 : f(i.description, e.description) })
     ] }),
-    ((h = i.callToAction) == null ? void 0 : h.linkOptions) && /* @__PURE__ */ a("div", { className: e.actions, children: /* @__PURE__ */ a(
-      H,
+    ((y = i.callToAction) == null ? void 0 : y.linkOptions) && /* @__PURE__ */ a("div", { className: e.actions, children: /* @__PURE__ */ a(
+      V,
       {
         as: "a",
         variant: i.callToAction.variant ?? "primary",
-        href: m,
+        href: h,
         target: v ? "_blank" : "_self",
         rel: v ? "noopener noreferrer" : "",
         "aria-label": i.callToAction.ariaLabel || i.callToAction.label,
@@ -92,23 +92,23 @@ const Oe = [
 function Ye({
   renderText: i,
   title: f,
-  logo: M,
+  logo: E,
   items: v,
-  groups: m,
+  groups: h,
   utilityItems: s,
-  isSticky: E = !1,
+  isSticky: A = !1,
   showSearch: N = !0,
   showLocaleSelect: w = !0,
   alignment: $ = "right",
-  variant: A = "standard",
+  variant: S = "standard",
   navigationType: p = "default",
-  searchComponent: S,
-  localeSelectComponent: _,
-  className: z
+  searchComponent: _,
+  localeSelectComponent: z,
+  className: T
 }) {
-  const [h, q] = b(!1), [J, k] = b(null), [me, ue] = b(0), [be, fe] = b(!1), [ke, ve] = b(null), [t, y] = b([]), [T, F] = b(
+  const [m, y] = b(!1), [J, k] = b(null), [he, ue] = b(0), [be, fe] = b(!1), [ke, ve] = b(null), [t, C] = b([]), [x, B] = b(
     0
-  ), [pe, K] = b(null), [C, Ne] = b(!1), [x, R] = b("forward"), B = () => /* @__PURE__ */ a(
+  ), [pe, K] = b(null), [L, Ne] = b(!1), [R, O] = b("forward"), j = () => /* @__PURE__ */ a(
     "div",
     {
       className: `${e.linkWrapper} ${e.parent} ${e.searchWrapper}`,
@@ -126,7 +126,7 @@ function Ye({
               children: /* @__PURE__ */ a(We, { size: 16 })
             }
           ),
-          content: S
+          content: _
         }
       ) })
     }
@@ -144,10 +144,10 @@ function Ye({
           children: /* @__PURE__ */ a(Te, { size: 16 })
         }
       ),
-      content: _
+      content: z
     }
   ) }) });
-  U(() => {
+  I(() => {
     if (typeof window < "u") {
       const n = () => {
         const l = window.innerWidth < 768;
@@ -157,9 +157,9 @@ function Ye({
     }
   }, []);
   const $e = () => {
-    y([]);
+    C([]);
   }, ge = (n) => {
-    R("forward"), y([
+    O("forward"), C([
       {
         title: n.title,
         primary: n.primaryItems ?? [],
@@ -168,7 +168,7 @@ function Ye({
       }
     ]);
   }, Y = (n) => {
-    R("forward"), y((l) => [
+    O("forward"), C((l) => [
       ...l,
       {
         title: n.label,
@@ -178,44 +178,44 @@ function Ye({
       }
     ]);
   }, we = () => {
-    R("backward"), y((n) => n.slice(0, -1));
-  }, j = I(null), L = I(null), D = I(/* @__PURE__ */ new Map()), ye = () => {
-    q((n) => {
+    O("backward"), C((n) => n.slice(0, -1));
+  }, D = G(null), M = G(null), U = G(/* @__PURE__ */ new Map()), ye = () => {
+    y((n) => {
       const l = !n;
-      return l || (y([]), R("forward"), k(null)), l;
+      return l || (C([]), O("forward"), k(null)), l;
     });
   }, Z = (n) => {
-    const l = D.current.get(n);
-    if (l && L.current) {
-      const d = l.getBoundingClientRect(), u = L.current.getBoundingClientRect(), o = d.left - u.left + d.width / 2;
+    const l = U.current.get(n);
+    if (l && M.current) {
+      const d = l.getBoundingClientRect(), u = M.current.getBoundingClientRect(), o = d.left - u.left + d.width / 2;
       ve(o);
     }
   }, Ce = (n) => {
     k((l) => l === n ? null : n);
-  }, P = G((n) => {
-    j.current && !j.current.contains(n.target) && k(null);
-  }, []), ee = G(() => {
-    ne(), typeof window < "u" && window.innerWidth > 768 && (q(!1), k(null), typeof document < "u" && (document.body.style.overflow = ""));
-  }, []), ne = G(() => {
-    if (L.current) {
-      const n = L.current.getBoundingClientRect().width;
+  }, P = X((n) => {
+    D.current && !D.current.contains(n.target) && k(null);
+  }, []), ee = X(() => {
+    ne(), typeof window < "u" && window.innerWidth > 768 && (y(!1), k(null), typeof document < "u" && (document.body.style.overflow = ""));
+  }, []), ne = X(() => {
+    if (M.current) {
+      const n = M.current.getBoundingClientRect().width;
       ue(n), fe(!0);
     }
   }, []);
-  U(() => {
+  I(() => {
     const n = typeof window < "u", l = typeof document < "u";
     return n && window.addEventListener("resize", ee), l && document.addEventListener("click", P), ne(), () => {
       n && window.removeEventListener("resize", ee), l && document.removeEventListener("click", P);
     };
-  }, []), U(() => {
+  }, []), I(() => {
     if (typeof document < "u")
-      return h ? setTimeout(() => {
+      return m ? setTimeout(() => {
         Ae();
-      }, 0) : he(), () => he();
-  }, [h]);
+      }, 0) : me(), () => me();
+  }, [m]);
   const Le = (n) => n.map((l, d) => {
     var ae, le, ie, se, ce;
-    const u = `group-${d}`, W = pe === d, o = (ae = l.primaryItems) == null ? void 0 : ae[T ?? 0];
+    const u = `group-${d}`, F = pe === d, o = (ae = l.primaryItems) == null ? void 0 : ae[x ?? 0];
     return /* @__PURE__ */ c(
       "div",
       {
@@ -224,20 +224,20 @@ function Ye({
           K(d), k(u), Z(u);
         },
         onMouseLeave: () => {
-          K(null), F(0), k(null);
+          K(null), B(0), k(null);
         },
         children: [
           /* @__PURE__ */ a("div", { className: e.linkItem, children: /* @__PURE__ */ c(
             "button",
             {
               ref: (r) => {
-                D.current.set(u, r);
+                U.current.set(u, r);
               },
               role: "menuitem",
               "aria-haspopup": "true",
-              "aria-expanded": W,
+              "aria-expanded": F,
               "aria-controls": `submenu-${d}`,
-              className: `${e.sublinkToggle} ${W ? e.open : ""} `,
+              className: `${e.sublinkToggle} ${F ? e.open : ""} `,
               children: [
                 l.title,
                 /* @__PURE__ */ a(_e, { size: 18, className: e.chevron })
@@ -248,7 +248,7 @@ function Ye({
             "div",
             {
               id: `submenu-${d}`,
-              className: `${e.sublinks} ${W ? e.show : ""}`,
+              className: `${e.sublinks} ${F ? e.show : ""}`,
               role: "menu",
               "aria-label": `${l.title} submenu`,
               children: /* @__PURE__ */ a("div", { children: /* @__PURE__ */ c(
@@ -267,14 +267,14 @@ function Ye({
                               "a",
                               {
                                 href: r.href,
-                                className: `${e.link} ${T === g ? e.open : ""}`,
+                                className: `${e.link} ${x === g ? e.open : ""}`,
                                 target: r.isExternal ? "_blank" : "_self",
                                 rel: r.isExternal ? "noopener noreferrer" : void 0,
                                 onClick: () => {
                                   var re;
                                   k(null), (re = r.onClick) == null || re.call(r);
                                 },
-                                onMouseEnter: () => r.sublinks ? F(g) : null,
+                                onMouseEnter: () => r.sublinks ? B(g) : null,
                                 role: "menuitem",
                                 children: [
                                   /* @__PURE__ */ c("span", { className: e.linkContent, children: [
@@ -282,7 +282,7 @@ function Ye({
                                     r.subtitle && /* @__PURE__ */ a("span", { className: e.subtitle, children: r.subtitle })
                                   ] }),
                                   r.isExternal && /* @__PURE__ */ a(
-                                    X,
+                                    H,
                                     {
                                       className: e.newTabIcon,
                                       size: 16
@@ -295,8 +295,8 @@ function Ye({
                               "button",
                               {
                                 role: "menuitem",
-                                className: `${e.sublinkToggle} ${T === g ? e.open : ""}`,
-                                onMouseEnter: () => F(g),
+                                className: `${e.sublinkToggle} ${x === g ? e.open : ""}`,
+                                onMouseEnter: () => B(g),
                                 children: /* @__PURE__ */ c("span", { className: e.linkContent, children: [
                                   r.label,
                                   r.subtitle && /* @__PURE__ */ a("span", { className: e.subtitle, children: r.subtitle })
@@ -317,9 +317,9 @@ function Ye({
                             /* @__PURE__ */ a("p", { children: "TEXT HERE" }),
                             i == null ? void 0 : i(o.description)
                           ] }),
-                          (o == null ? void 0 : o.sublinks) && O(
+                          (o == null ? void 0 : o.sublinks) && W(
                             o.sublinks,
-                            `${u}-${T}`
+                            `${u}-${x}`
                           )
                         ]
                       },
@@ -329,7 +329,7 @@ function Ye({
                       "div",
                       {
                         className: `${e.sublinksColumn} ${e.secondaryColumn}`,
-                        children: l.secondaryItems && l.secondaryItems.length > 0 && O(l.secondaryItems, `${u}-secondary`)
+                        children: l.secondaryItems && l.secondaryItems.length > 0 && W(l.secondaryItems, `${u}-secondary`)
                       }
                     ),
                     l.spotlight && /* @__PURE__ */ a(
@@ -354,7 +354,7 @@ function Ye({
       },
       l._key ?? `group-${d}`
     );
-  }), O = (n, l = "") => n.map((d) => {
+  }), W = (n, l = "") => n.map((d) => {
     const u = `${l}/${d.label}`;
     return /* @__PURE__ */ a(
       Ee,
@@ -366,8 +366,8 @@ function Ye({
         togglePath: Ce,
         updateTriangleIndicator: Z,
         setOpenPath: k,
-        renderLinks: O,
-        buttonRefs: D
+        renderLinks: W,
+        buttonRefs: U
       },
       d._key ?? u
     );
@@ -375,23 +375,23 @@ function Ye({
   return /* @__PURE__ */ a(
     "header",
     {
-      ref: j,
-      className: `${z ?? ""} ${Be[$]} ${Fe[A]} ${e.navbar} ${E ? e.sticky : ""} ${m && m.length ? e.advanced : e.default}`,
+      ref: D,
+      className: `${T ?? ""} ${Be[$]} ${Fe[S]} ${e.navbar} ${A ? e.sticky : ""} ${h && h.length ? e.advanced : e.default}`,
       "aria-label": "Main navigation",
       children: /* @__PURE__ */ c(
         "div",
         {
           className: `${e.container} ${(!s || s.length === 0) && $ !== "center" ? e.twoColumn : ""}`,
           children: [
-            M ? /* @__PURE__ */ a("div", { className: e.logo, children: M }) : /* @__PURE__ */ a("div", { className: e.title, children: f }),
+            E ? /* @__PURE__ */ a("div", { className: e.logo, children: E }) : /* @__PURE__ */ a("div", { className: e.title, children: f }),
             /* @__PURE__ */ a(
               "nav",
               {
-                ref: L,
+                ref: M,
                 style: {
-                  left: $ === "center" ? `calc(50% - ${me / 2}px)` : "0"
+                  left: $ === "center" ? `calc(50% - ${he / 2}px)` : "0"
                 },
-                className: `${e.nav} ${h ? e.open : ""} ${be ? e.visible : e.hidden}`,
+                className: `${e.nav} ${m ? e.open : ""} ${be ? e.visible : e.hidden}`,
                 id: "main-menu",
                 role: "menubar",
                 "aria-label": "Main navigation",
@@ -417,25 +417,25 @@ function Ye({
                     }
                   ),
                   p === "default" && v && /* @__PURE__ */ c("div", { className: e.grid, children: [
-                    v && v.length > 0 && O(v),
-                    N && !C && /* @__PURE__ */ c(oe, { children: [
+                    v && v.length > 0 && W(v),
+                    N && !L && /* @__PURE__ */ c(oe, { children: [
                       /* @__PURE__ */ a("span", { className: e.separator }),
-                      /* @__PURE__ */ a(B, {})
+                      /* @__PURE__ */ a(j, {})
                     ] }),
                     w && /* @__PURE__ */ a(Q, {})
                   ] }),
-                  !C && p === "advanced" && m && /* @__PURE__ */ c("div", { className: e.grid, children: [
-                    m.length > 0 && Le(m),
+                  !L && p === "advanced" && h && /* @__PURE__ */ c("div", { className: e.grid, children: [
+                    h.length > 0 && Le(h),
                     N && /* @__PURE__ */ c(oe, { children: [
                       /* @__PURE__ */ a("span", { className: e.separator }),
-                      /* @__PURE__ */ a(B, {})
+                      /* @__PURE__ */ a(j, {})
                     ] }),
                     w && /* @__PURE__ */ a(Q, {})
                   ] }),
-                  C && p === "advanced" && h && t.length === 0 && m && /* @__PURE__ */ a("div", { className: `${e.mobileMenu}`, children: m.map((n, l) => /* @__PURE__ */ a(
+                  L && p === "advanced" && m && t.length === 0 && h && /* @__PURE__ */ a("div", { className: `${e.mobileMenu}`, children: h.map((n, l) => /* @__PURE__ */ a(
                     "div",
                     {
-                      className: `${e.mobileMenuItem} ${x === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
+                      className: `${e.mobileMenuItem} ${R === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
                       children: /* @__PURE__ */ a(
                         "button",
                         {
@@ -448,7 +448,7 @@ function Ye({
                     },
                     n._key ?? l
                   )) }),
-                  C && p === "advanced" && h && t.length > 0 && /* @__PURE__ */ c(
+                  L && p === "advanced" && m && t.length > 0 && /* @__PURE__ */ c(
                     "div",
                     {
                       className: `${e.mobileMenuSlide} `,
@@ -472,7 +472,7 @@ function Ye({
                         t[t.length - 1].description && /* @__PURE__ */ a(
                           "div",
                           {
-                            className: `${e.sublinksDescription} ${x === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
+                            className: `${e.sublinksDescription} ${R === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
                             children: i == null ? void 0 : i(
                               t[t.length - 1].description
                             )
@@ -481,7 +481,7 @@ function Ye({
                         t[t.length - 1].primary.map((n, l) => /* @__PURE__ */ a(
                           "div",
                           {
-                            className: `${e.mobileMenuItem} ${x === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
+                            className: `${e.mobileMenuItem} ${R === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
                             children: n.sublinks ? /* @__PURE__ */ a(
                               "button",
                               {
@@ -507,7 +507,7 @@ function Ye({
                                     n.subtitle && /* @__PURE__ */ a("span", { className: e.subtitle, children: n.subtitle })
                                   ] }),
                                   n.isExternal && /* @__PURE__ */ a(
-                                    X,
+                                    H,
                                     {
                                       className: e.newTabIcon,
                                       size: 16
@@ -524,7 +524,7 @@ function Ye({
                           (n, l) => /* @__PURE__ */ a(
                             "div",
                             {
-                              className: `${e.mobileMenuItem} ${x === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
+                              className: `${e.mobileMenuItem} ${R === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
                               children: n.sublinks ? /* @__PURE__ */ a(
                                 "button",
                                 {
@@ -544,7 +544,7 @@ function Ye({
                                   children: [
                                     n.label,
                                     n.isExternal && /* @__PURE__ */ a(
-                                      X,
+                                      H,
                                       {
                                         className: e.newTabIcon,
                                         size: 16
@@ -571,7 +571,7 @@ function Ye({
                 role: "menu",
                 "aria-label": "Utility navigation",
                 children: /* @__PURE__ */ a(de, { children: s.map((n, l) => /* @__PURE__ */ a(
-                  H,
+                  V,
                   {
                     as: "a",
                     href: n.href ?? "/",
@@ -600,9 +600,9 @@ function Ye({
               {
                 role: "menu",
                 "aria-label": "Utility navigation",
-                className: `${e.utilityMobile} ${h ? e.open : ""}`,
+                className: `${e.utilityMobile} ${m ? e.open : ""}`,
                 children: /* @__PURE__ */ a(de, { alignment: "center", children: /* @__PURE__ */ a(
-                  H,
+                  V,
                   {
                     as: "a",
                     href: s[1].href ?? "/",
@@ -626,16 +626,16 @@ function Ye({
               }
             ),
             /* @__PURE__ */ c("div", { className: e.mobileButtons, children: [
-              C && N && /* @__PURE__ */ a(B, {}),
+              L && N && /* @__PURE__ */ a(j, {}),
               /* @__PURE__ */ a(
                 "button",
                 {
                   className: e.menuToggle,
                   onClick: ye,
-                  "aria-label": h ? "Close menu" : "Open menu",
-                  "aria-expanded": h,
+                  "aria-label": m ? "Close menu" : "Open menu",
+                  "aria-expanded": m,
                   "aria-controls": "main-menu",
-                  children: h ? /* @__PURE__ */ a(Se, { size: 24 }) : /* @__PURE__ */ a(Re, { size: 24 })
+                  children: m ? /* @__PURE__ */ a(Se, { size: 24 }) : /* @__PURE__ */ a(Re, { size: 24 })
                 }
               )
             ] })

package/dist/core.d.ts

@@ -1132,6 +1132,11 @@ declare type Spotlight = {
             description: string;
         };
         imageUrl?: string;
+        imageUrls?: {
+            small: string;
+            medium: string;
+            large: string;
+        };
     };
     callToAction: any;
 };