quirk-ui 0.0.453 → 0.0.454

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/core/components/NavBar/index.cjs +2 -2
  2. package/dist/core/components/NavBar/index.mjs +64 -61
  3. package/package.json +1 -1
package/dist/core/components/NavBar/index.cjs CHANGED
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),ae=require("../Modal/index.cjs"),z=require("../../../index-DpYgzTme.cjs"),te=require("../ButtonGroup/index.cjs"),e=require("../../../NavLink-D5ERU5uS.cjs"),I=require("../../../external-link-DDShu-48.cjs"),ve=require("../../../x-Dft9NVe_.cjs"),D=require("../../../createLucideIcon-DpotSgUx.cjs"),pe=require("../../../chevron-down-DfK1XBl3.cjs");/**
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),ae=require("../Modal/index.cjs"),O=require("../../../index-DpYgzTme.cjs"),te=require("../ButtonGroup/index.cjs"),e=require("../../../NavLink-D5ERU5uS.cjs"),I=require("../../../external-link-DDShu-48.cjs"),ve=require("../../../x-Dft9NVe_.cjs"),D=require("../../../createLucideIcon-DpotSgUx.cjs"),pe=require("../../../chevron-down-DfK1XBl3.cjs");/**
2
2
  * @license lucide-react v0.488.0 - ISC
3
3
  *
4
4
  * This source code is licensed under the ISC license.
@@ -13,4 +13,4 @@
13
13
  *
14
14
  * This source code is licensed under the ISC license.
15
15
  * See the LICENSE file in the root directory of this source tree.
16
- */const Ce=[["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}],["path",{d:"m21 21-4.3-4.3",key:"1qie3q"}]],Le=D.createLucideIcon("search",Ce),_e={standard:e.styles.standard,transparent:e.styles.transparent},Se={left:e.styles.left,center:e.styles.center,right:e.styles.right},Me=({spotlight:a,renderText:b})=>{var t,w,j,p,k,C,f,L,_,S,y;const g=(t=a.image)==null?void 0:t.asset.altText,x=((w=a.callToAction.linkOptions)==null?void 0:w.linkType)==="external";let u="#";return((j=a.callToAction.linkOptions)==null?void 0:j.linkType)==="external"&&((p=a.callToAction.linkOptions)!=null&&p.externalUrl)?u=(k=a.callToAction.linkOptions)==null?void 0:k.externalUrl:((C=a.callToAction.linkOptions)==null?void 0:C.linkType)==="internal"&&((L=(f=a.callToAction.linkOptions)==null?void 0:f.internalUrl)!=null&&L.slug.current)&&(u=`/${(S=(_=a.callToAction.linkOptions)==null?void 0:_.internalUrl)==null?void 0:S.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:g||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:b==null?void 0:b(a.title,e.styles.title)}),a.description&&s.jsx("div",{className:e.styles.description,children:b==null?void 0:b(a.description,e.styles.description)})]}),((y=a.callToAction)==null?void 0:y.linkOptions)&&s.jsx("div",{className:e.styles.actions,children:s.jsx(z.CallToAction,{as:"a",variant:a.callToAction.variant??"primary",href:u,target:x?"_blank":"_self",rel:x?"noopener noreferrer":"","aria-label":a.callToAction.ariaLabel||a.callToAction.label,children:a.callToAction.label})})]})};function Ee({renderText:a,title:b,logo:g,items:x,groups:u,utilityItems:t,isSticky:w=!1,showSearch:j=!0,showLocaleSelect:p=!0,alignment:k="right",variant:C="standard",navigationType:f="default",searchComponent:L,localeSelectComponent:_,className:S}){const[y,G]=r.useState(!1),[U,m]=r.useState(null),[ie,ce]=r.useState(0),[re,oe]=r.useState(!1),[de,ye]=r.useState(null),[o,M]=r.useState([]),[E,O]=r.useState(0),[ue,X]=r.useState(null),[N,he]=r.useState(!1),[A,q]=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(ae.Modal,{className:e.styles.searchModal,trigger:s.jsx("button",{title:"Search","aria-label":"Search",className:e.styles.search,children:s.jsx(Le,{size:16})}),content:L})})}),H=()=>s.jsx("div",{className:`${e.styles.linkWrapper} ${e.styles.parent} `,children:s.jsx("div",{className:e.styles.linkItem,children:s.jsx(ae.Modal,{className:e.styles.localeModal,trigger:s.jsx("button",{title:"Locale Select","aria-label":"Locale Select",role:"menuitem",className:e.styles.locale,children:s.jsx($e,{size:16})}),content:_})})});r.useEffect(()=>{if(typeof window<"u"){const n=()=>{const l=window.innerWidth<768;he(l)};return n(),window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)}},[]);const be=()=>{M([])},xe=n=>{q("forward"),M([{title:n.title,primary:n.primaryItems??[],secondary:n.secondaryItems??[],description:""}])},V=n=>{q("forward"),M(l=>[...l,{title:n.label,primary:n.sublinks??[],secondary:[],description:n.description}])},fe=()=>{q("backward"),M(n=>n.slice(0,-1))},F=r.useRef(null),$=r.useRef(null),W=r.useRef(new Map),me=()=>{G(n=>!n)},J=n=>{const l=W.current.get(n);if(l&&$.current){const d=l.getBoundingClientRect(),h=$.current.getBoundingClientRect(),c=d.left-h.left+d.width/2;ye(c)}},je=n=>{m(l=>l===n?null:n)},K=r.useCallback(n=>{F.current&&!F.current.contains(n.target)&&m(null)},[]),Q=r.useCallback(()=>{Y(),typeof window<"u"&&window.innerWidth>768&&(G(!1),m(null),typeof document<"u"&&(document.body.style.overflow=""))},[]),Y=r.useCallback(()=>{if($.current){const n=$.current.getBoundingClientRect().width;ce(n),oe(!0)}},[]);r.useEffect(()=>{const n=typeof window<"u",l=typeof document<"u";return n&&window.addEventListener("resize",Q),l&&document.addEventListener("click",K),Y(),()=>{n&&window.removeEventListener("resize",Q),l&&document.removeEventListener("click",K)}},[]),r.useEffect(()=>{if(typeof document<"u")return document.body.style.overflow=y?"hidden":"",()=>{document.body.style.overflow=""}},[y]);const ke=n=>n.map((l,d)=>{var Z,P,ee,se,ne;const h=`group-${d}`,R=ue===d,c=(Z=l.primaryItems)==null?void 0:Z[E??0];return s.jsxs("div",{className:`${e.styles.linkWrapper} ${e.styles.parent}`,onMouseEnter:()=>{X(d),m(h),J(h)},onMouseLeave:()=>{X(null),O(0),m(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":R,"aria-controls":`submenu-${d}`,className:`${e.styles.sublinkToggle} ${R?e.styles.open:""} `,children:[l.title,s.jsx(pe.ChevronDown,{size:18,className:e.styles.chevron})]})}),s.jsx("div",{id:`submenu-${d}`,className:`${e.styles.sublinks} ${R?e.styles.show:""}`,role:"menu","aria-label":`${l.title} submenu`,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}),(P=l.primaryItems)==null?void 0:P.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 le;m(null),(le=i.onClick)==null||le.call(i)},onMouseEnter:()=>i.sublinks?O(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(I.ExternalLink,{className:e.styles.newTabIcon,size:16})]},i._key??v):s.jsx("button",{className:`${e.styles.sublinkToggle} ${E===v?e.styles.open:""}`,onMouseEnter:()=>O(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)&&((ee=c==null?void 0:c.sublinks)==null?void 0:ee.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)&&T(c.sublinks,`${h}-${E}`)]},`${c.label}-${(se=c==null?void 0:c.sublinks)==null?void 0:se.length}`),(l==null?void 0:l.secondaryItems)&&((ne=l==null?void 0:l.secondaryItems)==null?void 0:ne.length)>0&&s.jsx("div",{className:`${e.styles.sublinksColumn} ${e.styles.secondaryColumn}`,children:l.secondaryItems&&l.secondaryItems.length>0&&T(l.secondaryItems,`${h}-secondary`)}),l.spotlight&&s.jsx("div",{className:`${e.styles.sublinksColumn} ${e.styles.spotlightColumn}`,children:s.jsx(Me,{spotlight:l.spotlight,renderText:a??(i=>String(i))})})]})})})]},l._key??`group-${d}`)}),T=(n,l="")=>n.map(d=>{const h=`${l}/${d.label}`;return s.jsx(e.NavLink,{link:d,path:h,parentPath:l,openPath:U,togglePath:je,updateTriangleIndicator:J,setOpenPath:m,renderLinks:T,buttonRefs:W},d._key??h)});return s.jsx("header",{ref:F,className:`${S??""} ${Se[k]} ${_e[C]} ${e.styles.navbar} ${w?e.styles.sticky:""} ${u&&u.length?e.styles.advanced:e.styles.default}`,"aria-label":"Main navigation",children:s.jsxs("div",{className:`${e.styles.container} ${(!t||t.length===0)&&k!=="center"?e.styles.twoColumn:""}`,children:[g?s.jsx("div",{className:e.styles.logo,children:g}):s.jsx("div",{className:e.styles.title,children:b}),s.jsx("nav",{ref:$,style:{left:k==="center"?`calc(50% - ${ie/2}px)`:"0"},className:`${e.styles.nav} ${y?e.styles.open:""} ${re?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:`${de}px`},className:`${e.styles.triangle} ${U?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"})}),f==="default"&&x&&s.jsxs("div",{className:e.styles.grid,children:[x&&x.length>0&&T(x),j&&!N&&s.jsxs(s.Fragment,{children:[s.jsx("span",{className:e.styles.separator}),s.jsx(B,{})]}),p&&s.jsx(H,{})]}),!N&&f==="advanced"&&u&&s.jsxs("div",{className:e.styles.grid,children:[u.length>0&&ke(u),j&&s.jsxs(s.Fragment,{children:[s.jsx("span",{className:e.styles.separator}),s.jsx(B,{})]}),p&&s.jsx(H,{})]}),N&&f==="advanced"&&y&&o.length===0&&u&&s.jsx("div",{className:`${e.styles.mobileMenu}`,children:u.map((n,l)=>s.jsx("div",{className:`${e.styles.mobileMenuItem} ${A==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:s.jsx("button",{className:e.styles.sublinkToggle,onClick:()=>xe(n),children:n.title})},n._key??l))}),N&&f==="advanced"&&y&&o.length>0&&s.jsxs("div",{className:`${e.styles.mobileMenuSlide} `,children:[s.jsx("button",{className:e.styles.back,onClick:o.length===1?be:fe,children:s.jsx(z.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((n,l)=>s.jsx("div",{className:`${e.styles.mobileMenuItem} ${A==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:n.sublinks?s.jsx("button",{className:e.styles.sublinkToggle,onClick:()=>V(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,role:"menuitem",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(I.ExternalLink,{className:e.styles.newTabIcon,size:16})]})},n._key??`primary-${l}`)),o[o.length-1].secondary.length>0&&s.jsx("hr",{className:e.styles.groupDivider}),o[o.length-1].secondary.map((n,l)=>s.jsx("div",{className:`${e.styles.mobileMenuItem} ${A==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:n.sublinks?s.jsx("button",{className:e.styles.sublinkToggle,onClick:()=>V(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,role:"menuitem",children:[n.label,n.isExternal&&s.jsx(I.ExternalLink,{className:e.styles.newTabIcon,size:16})]})},n._key??`secondary-${l}`))]},`stack-${o.length}`)]})}),t&&t.length>0&&s.jsx("nav",{className:e.styles.utility,"aria-label":"Utility navigation",children:s.jsx(te.ButtonGroup,{children:t.map((n,l)=>s.jsx(z.CallToAction,{as:"a",href:n.href??"/",variant:n.variant??"primary",displayType:n.displayType??"text",imageSrc:n.imageSrc,imageAlt:n.imageAlt,"aria-label":n.ariaLabel??n.label,icon:n.icon,iconAlignment:n.iconAlignment,children:n.imageSrc?s.jsx("img",{src:n.imageSrc,alt:n.imageAlt??n.ariaLabel??n.label}):n.label},n._key||l))})}),t&&t.length>0&&s.jsx("nav",{"aria-label":"Utility navigation",className:`${e.styles.utilityMobile} ${y?e.styles.open:""}`,children:s.jsx(te.ButtonGroup,{alignment:"center",children:s.jsx(z.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,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:[N&&j&&s.jsx(B,{}),s.jsx("button",{className:e.styles.menuToggle,onClick:me,"aria-label":y?"Close menu":"Open menu","aria-expanded":y,"aria-controls":"main-menu",children:y?s.jsx(ve.X,{size:24}):s.jsx(we,{size:24})})]})]})})}exports.Navbar=Ee;
16
+ */const Ce=[["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}],["path",{d:"m21 21-4.3-4.3",key:"1qie3q"}]],Le=D.createLucideIcon("search",Ce),_e={standard:e.styles.standard,transparent:e.styles.transparent},Se={left:e.styles.left,center:e.styles.center,right:e.styles.right},Me=({spotlight:a,renderText:b})=>{var t,C,j,p,k,L,m,_,S,M,y;const w=(t=a.image)==null?void 0:t.asset.altText,x=((C=a.callToAction.linkOptions)==null?void 0:C.linkType)==="external";let u="#";return((j=a.callToAction.linkOptions)==null?void 0:j.linkType)==="external"&&((p=a.callToAction.linkOptions)!=null&&p.externalUrl)?u=(k=a.callToAction.linkOptions)==null?void 0:k.externalUrl:((L=a.callToAction.linkOptions)==null?void 0:L.linkType)==="internal"&&((_=(m=a.callToAction.linkOptions)==null?void 0:m.internalUrl)!=null&&_.slug.current)&&(u=`/${(M=(S=a.callToAction.linkOptions)==null?void 0:S.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:b==null?void 0:b(a.title,e.styles.title)}),a.description&&s.jsx("div",{className:e.styles.description,children:b==null?void 0:b(a.description,e.styles.description)})]}),((y=a.callToAction)==null?void 0:y.linkOptions)&&s.jsx("div",{className:e.styles.actions,children:s.jsx(O.CallToAction,{as:"a",variant:a.callToAction.variant??"primary",href:u,target:x?"_blank":"_self",rel:x?"noopener noreferrer":"","aria-label":a.callToAction.ariaLabel||a.callToAction.label,children:a.callToAction.label})})]})};function Ee({renderText:a,title:b,logo:w,items:x,groups:u,utilityItems:t,isSticky:C=!1,showSearch:j=!0,showLocaleSelect:p=!0,alignment:k="right",variant:L="standard",navigationType:m="default",searchComponent:_,localeSelectComponent:S,className:M}){const[y,G]=r.useState(!1),[U,f]=r.useState(null),[ie,ce]=r.useState(0),[re,oe]=r.useState(!1),[de,ye]=r.useState(null),[o,N]=r.useState([]),[E,q]=r.useState(0),[ue,X]=r.useState(null),[$,he]=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(ae.Modal,{className:e.styles.searchModal,trigger:s.jsx("button",{title:"Search","aria-label":"Search",className:e.styles.search,children:s.jsx(Le,{size:16})}),content:_})})}),H=()=>s.jsx("div",{className:`${e.styles.linkWrapper} ${e.styles.parent} `,children:s.jsx("div",{className:e.styles.linkItem,children:s.jsx(ae.Modal,{className:e.styles.localeModal,trigger:s.jsx("button",{title:"Locale Select","aria-label":"Locale Select",role:"menuitem",className:e.styles.locale,children:s.jsx($e,{size:16})}),content:S})})});r.useEffect(()=>{if(typeof window<"u"){const n=()=>{const l=window.innerWidth<768;he(l)};return n(),window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)}},[]);const be=()=>{N([])},fe=n=>{T("forward"),N([{title:n.title,primary:n.primaryItems??[],secondary:n.secondaryItems??[],description:""}])},V=n=>{T("forward"),N(l=>[...l,{title:n.label,primary:n.sublinks??[],secondary:[],description:n.description}])},xe=()=>{T("backward"),N(n=>n.slice(0,-1))},F=r.useRef(null),g=r.useRef(null),W=r.useRef(new Map),me=()=>{G(n=>{const l=!n;return l||(N([]),T("forward"),f(null)),l})},J=n=>{const l=W.current.get(n);if(l&&g.current){const d=l.getBoundingClientRect(),h=g.current.getBoundingClientRect(),c=d.left-h.left+d.width/2;ye(c)}},je=n=>{f(l=>l===n?null:n)},K=r.useCallback(n=>{F.current&&!F.current.contains(n.target)&&f(null)},[]),Q=r.useCallback(()=>{Y(),typeof window<"u"&&window.innerWidth>768&&(G(!1),f(null),typeof document<"u"&&(document.body.style.overflow=""))},[]),Y=r.useCallback(()=>{if(g.current){const n=g.current.getBoundingClientRect().width;ce(n),oe(!0)}},[]);r.useEffect(()=>{const n=typeof window<"u",l=typeof document<"u";return n&&window.addEventListener("resize",Q),l&&document.addEventListener("click",K),Y(),()=>{n&&window.removeEventListener("resize",Q),l&&document.removeEventListener("click",K)}},[]),r.useEffect(()=>{if(typeof document<"u")return document.body.style.overflow=y?"hidden":"",()=>{document.body.style.overflow=""}},[y]);const ke=n=>n.map((l,d)=>{var Z,P,ee,se,ne;const h=`group-${d}`,z=ue===d,c=(Z=l.primaryItems)==null?void 0:Z[E??0];return s.jsxs("div",{className:`${e.styles.linkWrapper} ${e.styles.parent}`,onMouseEnter:()=>{X(d),f(h),J(h)},onMouseLeave:()=>{X(null),q(0),f(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:[l.title,s.jsx(pe.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":`${l.title} submenu`,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}),(P=l.primaryItems)==null?void 0:P.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 le;f(null),(le=i.onClick)==null||le.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(I.ExternalLink,{className:e.styles.newTabIcon,size:16})]},i._key??v):s.jsx("button",{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)&&((ee=c==null?void 0:c.sublinks)==null?void 0:ee.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}-${(se=c==null?void 0:c.sublinks)==null?void 0:se.length}`),(l==null?void 0:l.secondaryItems)&&((ne=l==null?void 0:l.secondaryItems)==null?void 0:ne.length)>0&&s.jsx("div",{className:`${e.styles.sublinksColumn} ${e.styles.secondaryColumn}`,children:l.secondaryItems&&l.secondaryItems.length>0&&R(l.secondaryItems,`${h}-secondary`)}),l.spotlight&&s.jsx("div",{className:`${e.styles.sublinksColumn} ${e.styles.spotlightColumn}`,children:s.jsx(Me,{spotlight:l.spotlight,renderText:a??(i=>String(i))})})]})})})]},l._key??`group-${d}`)}),R=(n,l="")=>n.map(d=>{const h=`${l}/${d.label}`;return s.jsx(e.NavLink,{link:d,path:h,parentPath:l,openPath:U,togglePath:je,updateTriangleIndicator:J,setOpenPath:f,renderLinks:R,buttonRefs:W},d._key??h)});return s.jsx("header",{ref:F,className:`${M??""} ${Se[k]} ${_e[L]} ${e.styles.navbar} ${C?e.styles.sticky:""} ${u&&u.length?e.styles.advanced:e.styles.default}`,"aria-label":"Main navigation",children:s.jsxs("div",{className:`${e.styles.container} ${(!t||t.length===0)&&k!=="center"?e.styles.twoColumn:""}`,children:[w?s.jsx("div",{className:e.styles.logo,children:w}):s.jsx("div",{className:e.styles.title,children:b}),s.jsx("nav",{ref:g,style:{left:k==="center"?`calc(50% - ${ie/2}px)`:"0"},className:`${e.styles.nav} ${y?e.styles.open:""} ${re?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:`${de}px`},className:`${e.styles.triangle} ${U?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"})}),m==="default"&&x&&s.jsxs("div",{className:e.styles.grid,children:[x&&x.length>0&&R(x),j&&!$&&s.jsxs(s.Fragment,{children:[s.jsx("span",{className:e.styles.separator}),s.jsx(B,{})]}),p&&s.jsx(H,{})]}),!$&&m==="advanced"&&u&&s.jsxs("div",{className:e.styles.grid,children:[u.length>0&&ke(u),j&&s.jsxs(s.Fragment,{children:[s.jsx("span",{className:e.styles.separator}),s.jsx(B,{})]}),p&&s.jsx(H,{})]}),$&&m==="advanced"&&y&&o.length===0&&u&&s.jsx("div",{className:`${e.styles.mobileMenu}`,children:u.map((n,l)=>s.jsx("div",{className:`${e.styles.mobileMenuItem} ${A==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:s.jsx("button",{className:e.styles.sublinkToggle,onClick:()=>fe(n),children:n.title})},n._key??l))}),$&&m==="advanced"&&y&&o.length>0&&s.jsxs("div",{className:`${e.styles.mobileMenuSlide} `,children:[s.jsx("button",{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((n,l)=>s.jsx("div",{className:`${e.styles.mobileMenuItem} ${A==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:n.sublinks?s.jsx("button",{className:e.styles.sublinkToggle,onClick:()=>V(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,role:"menuitem",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(I.ExternalLink,{className:e.styles.newTabIcon,size:16})]})},n._key??`primary-${l}`)),o[o.length-1].secondary.length>0&&s.jsx("hr",{className:e.styles.groupDivider}),o[o.length-1].secondary.map((n,l)=>s.jsx("div",{className:`${e.styles.mobileMenuItem} ${A==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:n.sublinks?s.jsx("button",{className:e.styles.sublinkToggle,onClick:()=>V(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,role:"menuitem",children:[n.label,n.isExternal&&s.jsx(I.ExternalLink,{className:e.styles.newTabIcon,size:16})]})},n._key??`secondary-${l}`))]},`stack-${o.length}`)]})}),t&&t.length>0&&s.jsx("nav",{className:e.styles.utility,"aria-label":"Utility navigation",children:s.jsx(te.ButtonGroup,{children:t.map((n,l)=>s.jsx(O.CallToAction,{as:"a",href:n.href??"/",variant:n.variant??"primary",displayType:n.displayType??"text",imageSrc:n.imageSrc,imageAlt:n.imageAlt,"aria-label":n.ariaLabel??n.label,icon:n.icon,iconAlignment:n.iconAlignment,children:n.imageSrc?s.jsx("img",{src:n.imageSrc,alt:n.imageAlt??n.ariaLabel??n.label}):n.label},n._key||l))})}),t&&t.length>0&&s.jsx("nav",{"aria-label":"Utility navigation",className:`${e.styles.utilityMobile} ${y?e.styles.open:""}`,children:s.jsx(te.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,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:[$&&j&&s.jsx(B,{}),s.jsx("button",{className:e.styles.menuToggle,onClick:me,"aria-label":y?"Close menu":"Open menu","aria-expanded":y,"aria-controls":"main-menu",children:y?s.jsx(ve.X,{size:24}):s.jsx(we,{size:24})})]})]})})}exports.Navbar=Ee;
package/dist/core/components/NavBar/index.mjs CHANGED
@@ -57,15 +57,15 @@ const Re = [
57
57
  spotlight: s,
58
58
  renderText: u
59
59
  }) => {
60
- var i, M, N, y, $, E, k, A, _, S, h;
61
- const L = (i = s.image) == null ? void 0 : i.asset.altText, v = ((M = s.callToAction.linkOptions) == null ? void 0 : M.linkType) === "external";
60
+ var i, E, N, w, $, A, p, _, S, z, h;
61
+ const M = (i = s.image) == null ? void 0 : i.asset.altText, k = ((E = s.callToAction.linkOptions) == null ? void 0 : E.linkType) === "external";
62
62
  let m = "#";
63
- return ((N = s.callToAction.linkOptions) == null ? void 0 : N.linkType) === "external" && ((y = s.callToAction.linkOptions) != null && y.externalUrl) ? m = ($ = s.callToAction.linkOptions) == null ? void 0 : $.externalUrl : ((E = s.callToAction.linkOptions) == null ? void 0 : E.linkType) === "internal" && ((A = (k = s.callToAction.linkOptions) == null ? void 0 : k.internalUrl) != null && A.slug.current) && (m = `/${(S = (_ = s.callToAction.linkOptions) == null ? void 0 : _.internalUrl) == null ? void 0 : S.slug.current}`), /* @__PURE__ */ c("div", { className: e.spotlight, children: [
63
+ return ((N = s.callToAction.linkOptions) == null ? void 0 : N.linkType) === "external" && ((w = s.callToAction.linkOptions) != null && w.externalUrl) ? m = ($ = s.callToAction.linkOptions) == null ? void 0 : $.externalUrl : ((A = s.callToAction.linkOptions) == null ? void 0 : A.linkType) === "internal" && ((_ = (p = s.callToAction.linkOptions) == null ? void 0 : p.internalUrl) != null && _.slug.current) && (m = `/${(z = (S = s.callToAction.linkOptions) == null ? void 0 : S.internalUrl) == null ? void 0 : z.slug.current}`), /* @__PURE__ */ c("div", { className: e.spotlight, children: [
64
64
  s.image && /* @__PURE__ */ a("div", { className: e.imageWrapper, children: /* @__PURE__ */ a(
65
65
  "img",
66
66
  {
67
67
  src: (s == null ? void 0 : s.image.imageUrl) ?? "",
68
- alt: L || s.image.asset.description || "Content image",
68
+ alt: M || s.image.asset.description || "Content image",
69
69
  width: 600,
70
70
  height: 400
71
71
  }
@@ -80,8 +80,8 @@ const Re = [
80
80
  as: "a",
81
81
  variant: s.callToAction.variant ?? "primary",
82
82
  href: m,
83
- target: v ? "_blank" : "_self",
84
- rel: v ? "noopener noreferrer" : "",
83
+ target: k ? "_blank" : "_self",
84
+ rel: k ? "noopener noreferrer" : "",
85
85
  "aria-label": s.callToAction.ariaLabel || s.callToAction.label,
86
86
  children: s.callToAction.label
87
87
  }
@@ -91,23 +91,23 @@ const Re = [
91
91
  function Je({
92
92
  renderText: s,
93
93
  title: u,
94
- logo: L,
95
- items: v,
94
+ logo: M,
95
+ items: k,
96
96
  groups: m,
97
97
  utilityItems: i,
98
- isSticky: M = !1,
98
+ isSticky: E = !1,
99
99
  showSearch: N = !0,
100
- showLocaleSelect: y = !0,
100
+ showLocaleSelect: w = !0,
101
101
  alignment: $ = "right",
102
- variant: E = "standard",
103
- navigationType: k = "default",
104
- searchComponent: A,
105
- localeSelectComponent: _,
106
- className: S
102
+ variant: A = "standard",
103
+ navigationType: p = "default",
104
+ searchComponent: _,
105
+ localeSelectComponent: S,
106
+ className: z
107
107
  }) {
108
- const [h, q] = f(!1), [J, p] = f(null), [he, me] = f(0), [be, fe] = f(!1), [ue, ve] = f(null), [t, z] = f([]), [x, W] = f(
108
+ const [h, q] = f(!1), [J, v] = f(null), [he, me] = f(0), [be, fe] = f(!1), [ue, ve] = f(null), [t, y] = f([]), [x, F] = f(
109
109
  0
110
- ), [ke, K] = f(null), [w, pe] = f(!1), [R, F] = f("forward"), B = () => /* @__PURE__ */ a(
110
+ ), [ke, K] = f(null), [C, pe] = f(!1), [R, T] = f("forward"), B = () => /* @__PURE__ */ a(
111
111
  "div",
112
112
  {
113
113
  className: `${e.linkWrapper} ${e.parent} ${e.searchWrapper}`,
@@ -124,7 +124,7 @@ function Je({
124
124
  children: /* @__PURE__ */ a(Te, { size: 16 })
125
125
  }
126
126
  ),
127
- content: A
127
+ content: _
128
128
  }
129
129
  ) })
130
130
  }
@@ -142,7 +142,7 @@ function Je({
142
142
  children: /* @__PURE__ */ a(Se, { size: 16 })
143
143
  }
144
144
  ),
145
- content: _
145
+ content: S
146
146
  }
147
147
  ) }) });
148
148
  U(() => {
@@ -155,9 +155,9 @@ function Je({
155
155
  }
156
156
  }, []);
157
157
  const Ne = () => {
158
- z([]);
158
+ y([]);
159
159
  }, $e = (n) => {
160
- F("forward"), z([
160
+ T("forward"), y([
161
161
  {
162
162
  title: n.title,
163
163
  primary: n.primaryItems ?? [],
@@ -166,7 +166,7 @@ function Je({
166
166
  }
167
167
  ]);
168
168
  }, Y = (n) => {
169
- F("forward"), z((l) => [
169
+ T("forward"), y((l) => [
170
170
  ...l,
171
171
  {
172
172
  title: n.label,
@@ -176,24 +176,27 @@ function Je({
176
176
  }
177
177
  ]);
178
178
  }, ge = () => {
179
- F("backward"), z((n) => n.slice(0, -1));
180
- }, j = I(null), C = I(null), D = I(/* @__PURE__ */ new Map()), ye = () => {
181
- q((n) => !n);
179
+ T("backward"), y((n) => n.slice(0, -1));
180
+ }, j = I(null), L = I(null), D = I(/* @__PURE__ */ new Map()), we = () => {
181
+ q((n) => {
182
+ const l = !n;
183
+ return l || (y([]), T("forward"), v(null)), l;
184
+ });
182
185
  }, Z = (n) => {
183
186
  const l = D.current.get(n);
184
- if (l && C.current) {
185
- const d = l.getBoundingClientRect(), b = C.current.getBoundingClientRect(), o = d.left - b.left + d.width / 2;
187
+ if (l && L.current) {
188
+ const d = l.getBoundingClientRect(), b = L.current.getBoundingClientRect(), o = d.left - b.left + d.width / 2;
186
189
  ve(o);
187
190
  }
188
- }, we = (n) => {
189
- p((l) => l === n ? null : n);
191
+ }, ye = (n) => {
192
+ v((l) => l === n ? null : n);
190
193
  }, P = G((n) => {
191
- j.current && !j.current.contains(n.target) && p(null);
194
+ j.current && !j.current.contains(n.target) && v(null);
192
195
  }, []), ee = G(() => {
193
- ne(), typeof window < "u" && window.innerWidth > 768 && (q(!1), p(null), typeof document < "u" && (document.body.style.overflow = ""));
196
+ ne(), typeof window < "u" && window.innerWidth > 768 && (q(!1), v(null), typeof document < "u" && (document.body.style.overflow = ""));
194
197
  }, []), ne = G(() => {
195
- if (C.current) {
196
- const n = C.current.getBoundingClientRect().width;
198
+ if (L.current) {
199
+ const n = L.current.getBoundingClientRect().width;
197
200
  me(n), fe(!0);
198
201
  }
199
202
  }, []);
@@ -210,16 +213,16 @@ function Je({
210
213
  }, [h]);
211
214
  const Ce = (n) => n.map((l, d) => {
212
215
  var ae, le, se, ie, ce;
213
- const b = `group-${d}`, O = ke === d, o = (ae = l.primaryItems) == null ? void 0 : ae[x ?? 0];
216
+ const b = `group-${d}`, W = ke === d, o = (ae = l.primaryItems) == null ? void 0 : ae[x ?? 0];
214
217
  return /* @__PURE__ */ c(
215
218
  "div",
216
219
  {
217
220
  className: `${e.linkWrapper} ${e.parent}`,
218
221
  onMouseEnter: () => {
219
- K(d), p(b), Z(b);
222
+ K(d), v(b), Z(b);
220
223
  },
221
224
  onMouseLeave: () => {
222
- K(null), W(0), p(null);
225
+ K(null), F(0), v(null);
223
226
  },
224
227
  children: [
225
228
  /* @__PURE__ */ a("div", { className: e.linkItem, children: /* @__PURE__ */ c(
@@ -230,9 +233,9 @@ function Je({
230
233
  },
231
234
  role: "menuitem",
232
235
  "aria-haspopup": "true",
233
- "aria-expanded": O,
236
+ "aria-expanded": W,
234
237
  "aria-controls": `submenu-${d}`,
235
- className: `${e.sublinkToggle} ${O ? e.open : ""} `,
238
+ className: `${e.sublinkToggle} ${W ? e.open : ""} `,
236
239
  children: [
237
240
  l.title,
238
241
  /* @__PURE__ */ a(Ae, { size: 18, className: e.chevron })
@@ -243,7 +246,7 @@ function Je({
243
246
  "div",
244
247
  {
245
248
  id: `submenu-${d}`,
246
- className: `${e.sublinks} ${O ? e.show : ""}`,
249
+ className: `${e.sublinks} ${W ? e.show : ""}`,
247
250
  role: "menu",
248
251
  "aria-label": `${l.title} submenu`,
249
252
  children: /* @__PURE__ */ a("div", { children: /* @__PURE__ */ c(
@@ -267,9 +270,9 @@ function Je({
267
270
  rel: r.isExternal ? "noopener noreferrer" : void 0,
268
271
  onClick: () => {
269
272
  var re;
270
- p(null), (re = r.onClick) == null || re.call(r);
273
+ v(null), (re = r.onClick) == null || re.call(r);
271
274
  },
272
- onMouseEnter: () => r.sublinks ? W(g) : null,
275
+ onMouseEnter: () => r.sublinks ? F(g) : null,
273
276
  role: "menuitem",
274
277
  children: [
275
278
  /* @__PURE__ */ c("span", { className: e.linkContent, children: [
@@ -290,7 +293,7 @@ function Je({
290
293
  "button",
291
294
  {
292
295
  className: `${e.sublinkToggle} ${x === g ? e.open : ""}`,
293
- onMouseEnter: () => W(g),
296
+ onMouseEnter: () => F(g),
294
297
  children: /* @__PURE__ */ c("span", { className: e.linkContent, children: [
295
298
  r.label,
296
299
  r.subtitle && /* @__PURE__ */ a("span", { className: e.subtitle, children: r.subtitle })
@@ -311,7 +314,7 @@ function Je({
311
314
  /* @__PURE__ */ a("p", { children: "TEXT HERE" }),
312
315
  s == null ? void 0 : s(o.description)
313
316
  ] }),
314
- (o == null ? void 0 : o.sublinks) && T(
317
+ (o == null ? void 0 : o.sublinks) && O(
315
318
  o.sublinks,
316
319
  `${b}-${x}`
317
320
  )
@@ -323,7 +326,7 @@ function Je({
323
326
  "div",
324
327
  {
325
328
  className: `${e.sublinksColumn} ${e.secondaryColumn}`,
326
- children: l.secondaryItems && l.secondaryItems.length > 0 && T(l.secondaryItems, `${b}-secondary`)
329
+ children: l.secondaryItems && l.secondaryItems.length > 0 && O(l.secondaryItems, `${b}-secondary`)
327
330
  }
328
331
  ),
329
332
  l.spotlight && /* @__PURE__ */ a(
@@ -348,7 +351,7 @@ function Je({
348
351
  },
349
352
  l._key ?? `group-${d}`
350
353
  );
351
- }), T = (n, l = "") => n.map((d) => {
354
+ }), O = (n, l = "") => n.map((d) => {
352
355
  const b = `${l}/${d.label}`;
353
356
  return /* @__PURE__ */ a(
354
357
  Me,
@@ -357,10 +360,10 @@ function Je({
357
360
  path: b,
358
361
  parentPath: l,
359
362
  openPath: J,
360
- togglePath: we,
363
+ togglePath: ye,
361
364
  updateTriangleIndicator: Z,
362
- setOpenPath: p,
363
- renderLinks: T,
365
+ setOpenPath: v,
366
+ renderLinks: O,
364
367
  buttonRefs: D
365
368
  },
366
369
  d._key ?? b
@@ -370,18 +373,18 @@ function Je({
370
373
  "header",
371
374
  {
372
375
  ref: j,
373
- className: `${S ?? ""} ${We[$]} ${Oe[E]} ${e.navbar} ${M ? e.sticky : ""} ${m && m.length ? e.advanced : e.default}`,
376
+ className: `${z ?? ""} ${We[$]} ${Oe[A]} ${e.navbar} ${E ? e.sticky : ""} ${m && m.length ? e.advanced : e.default}`,
374
377
  "aria-label": "Main navigation",
375
378
  children: /* @__PURE__ */ c(
376
379
  "div",
377
380
  {
378
381
  className: `${e.container} ${(!i || i.length === 0) && $ !== "center" ? e.twoColumn : ""}`,
379
382
  children: [
380
- L ? /* @__PURE__ */ a("div", { className: e.logo, children: L }) : /* @__PURE__ */ a("div", { className: e.title, children: u }),
383
+ M ? /* @__PURE__ */ a("div", { className: e.logo, children: M }) : /* @__PURE__ */ a("div", { className: e.title, children: u }),
381
384
  /* @__PURE__ */ a(
382
385
  "nav",
383
386
  {
384
- ref: C,
387
+ ref: L,
385
388
  style: {
386
389
  left: $ === "center" ? `calc(50% - ${he / 2}px)` : "0"
387
390
  },
@@ -410,23 +413,23 @@ function Je({
410
413
  )
411
414
  }
412
415
  ),
413
- k === "default" && v && /* @__PURE__ */ c("div", { className: e.grid, children: [
414
- v && v.length > 0 && T(v),
415
- N && !w && /* @__PURE__ */ c(oe, { children: [
416
+ p === "default" && k && /* @__PURE__ */ c("div", { className: e.grid, children: [
417
+ k && k.length > 0 && O(k),
418
+ N && !C && /* @__PURE__ */ c(oe, { children: [
416
419
  /* @__PURE__ */ a("span", { className: e.separator }),
417
420
  /* @__PURE__ */ a(B, {})
418
421
  ] }),
419
- y && /* @__PURE__ */ a(Q, {})
422
+ w && /* @__PURE__ */ a(Q, {})
420
423
  ] }),
421
- !w && k === "advanced" && m && /* @__PURE__ */ c("div", { className: e.grid, children: [
424
+ !C && p === "advanced" && m && /* @__PURE__ */ c("div", { className: e.grid, children: [
422
425
  m.length > 0 && Ce(m),
423
426
  N && /* @__PURE__ */ c(oe, { children: [
424
427
  /* @__PURE__ */ a("span", { className: e.separator }),
425
428
  /* @__PURE__ */ a(B, {})
426
429
  ] }),
427
- y && /* @__PURE__ */ a(Q, {})
430
+ w && /* @__PURE__ */ a(Q, {})
428
431
  ] }),
429
- w && k === "advanced" && h && t.length === 0 && m && /* @__PURE__ */ a("div", { className: `${e.mobileMenu}`, children: m.map((n, l) => /* @__PURE__ */ a(
432
+ C && p === "advanced" && h && t.length === 0 && m && /* @__PURE__ */ a("div", { className: `${e.mobileMenu}`, children: m.map((n, l) => /* @__PURE__ */ a(
430
433
  "div",
431
434
  {
432
435
  className: `${e.mobileMenuItem} ${R === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
@@ -441,7 +444,7 @@ function Je({
441
444
  },
442
445
  n._key ?? l
443
446
  )) }),
444
- w && k === "advanced" && h && t.length > 0 && /* @__PURE__ */ c(
447
+ C && p === "advanced" && h && t.length > 0 && /* @__PURE__ */ c(
445
448
  "div",
446
449
  {
447
450
  className: `${e.mobileMenuSlide} `,
@@ -605,12 +608,12 @@ function Je({
605
608
  }
606
609
  ),
607
610
  /* @__PURE__ */ c("div", { className: e.mobileButtons, children: [
608
- w && N && /* @__PURE__ */ a(B, {}),
611
+ C && N && /* @__PURE__ */ a(B, {}),
609
612
  /* @__PURE__ */ a(
610
613
  "button",
611
614
  {
612
615
  className: e.menuToggle,
613
- onClick: ye,
616
+ onClick: we,
614
617
  "aria-label": h ? "Close menu" : "Open menu",
615
618
  "aria-expanded": h,
616
619
  "aria-controls": "main-menu",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "quirk-ui",
3
3
  "private": false,
4
- "version": "0.0.453",
4
+ "version": "0.0.454",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  ".": {