@stackshift-ui/navigation 7.0.0-beta.3 → 7.0.0-beta.6

package/dist/chunk-6462EVZG.mjs

@@ -0,0 +1 @@
+import{a as o}from"./chunk-S35O64PB.mjs";import{Button as m}from"@stackshift-ui/button";import{Container as x}from"@stackshift-ui/container";import{Flex as v}from"@stackshift-ui/flex";import{Image as c}from"@stackshift-ui/image";import{Link as d}from"@stackshift-ui/link";import{Section as h}from"@stackshift-ui/section";import{Text as p}from"@stackshift-ui/text";import g from"react";import{jsx as a,jsxs as n}from"react/jsx-runtime";function w({links:e,primaryButton:l,secondaryButton:r,logo:i}){let[t,s]=g.useState(!1),b=()=>{s(f=>!f)};return n(h,{className:"bg-background",children:[a("nav",{className:"relative py-6",children:a(x,{maxWidth:1280,children:n(v,{align:"center",justify:"between",gap:4,children:[a(N,{logo:i}),a(R,{showMenu:b}),a(u,{links:e}),a(M,{primaryButton:l,secondaryButton:r})]})})}),a(z,{menu:t,showMenu:b,links:e,primaryButton:l,secondaryButton:r})]})}function N({logo:e}){var l;return e?a("div",{className:"w-full lg:w-fit",children:a(d,{className:"w-20 h-14 flex items-center","aria-label":o(e)==="/"?"Go to home page":`Go to ${o(e)}`,href:o(e),target:e==null?void 0:e.linkTarget,rel:(e==null?void 0:e.linkTarget)==="_blank"?"noopener noreferrer":"",children:a(c,{className:"w-fit h-full object-contain",src:`${e==null?void 0:e.image}`,sizes:"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",alt:(l=e==null?void 0:e.alt)!=null?l:"navigation-logo"})})}):null}function u({links:e}){return e?a(v,{children:a("ul",{className:"hidden lg:flex lg:items-center lg:gap-5 xl:gap-10",children:e==null?void 0:e.map((l,r)=>n(g.Fragment,{children:[a(L,{link:l},l._key),e.length!==r+1?a(k,{}):null]},r))})}):null}function L({link:e}){return e?a("li",{children:a(m,{variant:"unstyled",as:"link",link:e,"aria-label":e==null?void 0:e.label,className:"text-sm text-gray-500 no-underline hover:text-gray-900",children:e==null?void 0:e.label})}):null}function k(){return a("li",{className:"text-gray-500",children:a("svg",{className:"w-4 h-4 current-fill",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:a("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"})})})}function M({primaryButton:e,secondaryButton:l}){return n(v,{align:"center",gap:4,children:[(e==null?void 0:e.label)&&a(m,{as:"link",link:e,"aria-label":e==null?void 0:e.label,className:"hidden lg:flex px-4 py-3 leading-loose text-center font-semibold text-secondary-foreground rounded-global bg-secondary hover:bg-secondary/50",children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&a(m,{as:"link",link:l,"aria-label":l==null?void 0:l.label,className:"hidden lg:flex px-4 py-3 leading-loose text-center font-semibold text-primary-foreground bg-primary hover:bg-primary/50 rounded-global",children:l==null?void 0:l.label})]})}function R({showMenu:e}){return a("div",{className:"lg:hidden",children:a(m,{"aria-label":"Navigation menu",className:"flex items-center p-3 navbar-burger text-primary",onClick:e,children:n("svg",{className:"block w-4 h-4 fill-current",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:[a("title",{children:"Mobile menu"}),a("path",{d:"M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"})]})})})}function z({menu:e,showMenu:l,links:r,primaryButton:i,secondaryButton:t}){return a(g.Fragment,{children:n("div",{className:`${e?null:"hidden"} mobile-nav relative z-50`,children:[a("div",{className:"fixed inset-0 bg-gray-800 opacity-25 navbar-backdrop",onClick:l}),n("nav",{className:"fixed top-0 bottom-0 left-0 flex flex-col w-5/6 max-w-sm px-6 py-6 overflow-y-auto bg-white border-r",children:[a("div",{className:"flex items-center mb-8",children:a(m,{"aria-label":"Close navigation menu",className:"navbar-close",onClick:l,children:a("svg",{className:"w-6 h-6 text-gray-500 cursor-pointer hover:text-gray-500",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:a("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M6 18L18 6M6 6l12 12"})})})}),r&&a("ul",{children:r==null?void 0:r.map((s,b)=>a("li",{className:"mb-1",children:a(m,{as:"link",link:s,"aria-label":s==null?void 0:s.label,className:"block p-4 text-sm font-semibold text-gray-700 no-underline rounded hover:bg-secondary-foreground hover:text-primary",children:s==null?void 0:s.label})},b))}),n("div",{className:"mt-auto",children:[n("div",{className:"pt-6",children:[(i==null?void 0:i.label)&&a(m,{as:"link",link:i,"aria-label":i==null?void 0:i.label,className:"block px-4 py-3 mb-2 text-gray-900 text-center lg:ml-auto lg:mr-3 font-semibold rounded-global bg-secondary hover:bg-secondary/50",children:i==null?void 0:i.label}),(t==null?void 0:t.label)&&a(m,{as:"link",link:t,"aria-label":t==null?void 0:t.label,className:"block px-4 py-3 mb-2 leading-loose text-center text-white font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:t==null?void 0:t.label})]}),a(p,{fontSize:"xs",className:"my-4 text-center text-gray-900",children:a("span",{children:`\xA9 ${new Date().getFullYear()} All rights reserved.`})})]})]})]})})}export{w as a};

package/dist/chunk-75U64ABO.mjs

@@ -0,0 +1 @@
+import{a as b}from"./chunk-S35O64PB.mjs";import{Button as w}from"@stackshift-ui/button";import{Flex as p}from"@stackshift-ui/flex";import{Grid as _}from"@stackshift-ui/grid";import{Heading as A}from"@stackshift-ui/heading";import{Image as M}from"@stackshift-ui/image";import{Link as L}from"@stackshift-ui/link";import{Section as S}from"@stackshift-ui/section";import{Text as v}from"@stackshift-ui/text";import{useClickAway as $,useWindowScroll as k}from"@uidotdev/usehooks";import g from"classnames";import f,{createContext as I,forwardRef as R,Fragment as y,useCallback as E,useEffect as B,useMemo as j,useRef as F,useState as x}from"react";import{GoPerson as G}from"react-icons/go";import{LiaSearchSolid as H}from"react-icons/lia";import{SlLocationPin as z}from"react-icons/sl";import{Fragment as D,jsx as t,jsxs as m}from"react/jsx-runtime";var P=I(void 0),O=()=>{let e=f.useContext(P);if(!e)throw new Error("useAccordion must be used within an Accordion");return e},W=({className:e,children:a,defaultValue:n=[],onValueChange:r})=>{let[s,l]=x(n),o=f.useCallback(c=>{l(d=>{let u=d.includes(c)?d.filter(h=>h!==c):[...d,c];return r==null||r(u),u})},[r]),i=f.useMemo(()=>({openItems:s,toggleItem:o}),[s,o]);return t(P.Provider,{value:i,children:t("div",{className:g("w-full",e),children:a})})},K=({value:e,className:a,children:n})=>{let{openItems:r,toggleItem:s}=O(),l=r.includes(e);return t("div",{className:g("border-b border-gray-200",a),children:f.Children.map(n,o=>f.isValidElement(o)?f.cloneElement(o,{isOpen:l,onClick:()=>s(e)}):o)})},V=f.forwardRef(({className:e,children:a,isOpen:n,onClick:r,...s},l)=>m("button",{ref:l,type:"button",onClick:r,className:g("flex w-full items-center justify-between py-4 text-left",e),...s,children:[a,t("svg",{className:g("h-5 w-5 transform transition-transform duration-200",n?"rotate-180":""),fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:t("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})]})),J=f.forwardRef(({className:e,children:a,isOpen:n},r)=>t("div",{ref:r,className:g("overflow-hidden transition-all duration-200 ease-in-out",n?"max-h-[1000px] opacity-100":"max-h-0 opacity-0",e),children:t("div",{className:"pb-4",children:a})})),U=({data:e,showMobileMenu:a,setShowMobileMenu:n})=>{let r=$(()=>{a&&n(!1)});return a?t("div",{ref:r,className:"fixed w-[75%] h-screen top-0 right-0 bg-white md:hidden z-50 py-10 px-5 overflow-y-auto",children:t(W,{children:e==null?void 0:e.map(s=>t(T,{megaMenu:s},s._key))})}):null},T=f.memo(({megaMenu:e})=>{var a,n;return e._type==="isLinkOnly"?t(L,{href:e.linkExternal||"#",target:e.linkTarget,className:"block py-4 text-base font-medium text-gray-900 hover:text-gray-700 uppercase",children:e.label}):m(K,{value:e._key,children:[t(V,{className:"text-base font-medium text-gray-900 uppercase w-full py-4",children:e.title}),m(J,{children:[(a=e.groupOfLinks)==null?void 0:a.map(r=>{var s;return m("div",{className:"mt-4 pl-4",children:[t(v,{className:"text-black font-medium leading-[30px]",children:r.title}),t(p,{direction:"col",align:"start",justify:"start",gap:1,className:"relative w-full pl-4",children:(s=r.links)==null?void 0:s.map(l=>{var o;return m("div",{className:"mb-4",children:[t(v,{className:"text-black font-medium leading-[30px] text-sm",children:l.title}),(o=l.links)==null?void 0:o.map(i=>t(w,{as:"link",variant:"ghost",link:i,className:"text-black text-sm font-normal font-heading-kb leading-[30px] hover:underline block ml-4",children:i.label},`MobileMenuContent-Item-Group-Link-${i._key}`))]},l._key)})})]},r._key)}),(n=e.showcaseLink)==null?void 0:n.map((r,s)=>{var l,o,i,c;return t("div",{className:"mt-4 pl-4",children:t(w,{as:"link",variant:"ghost",link:r.primaryButton,className:"text-black text-sm font-normal font-heading-kb leading-[30px]",children:m(p,{direction:"col",gap:3,children:[t(M,{src:(l=r.mainImage)==null?void 0:l.image,alt:(i=(o=r.mainImage)==null?void 0:o.alt)!=null?i:"",width:200,height:150,className:"w-[188px] h-[147px] object-cover object-center"},s),(c=r.primaryButton)==null?void 0:c.label]})})},`MobileMenuContent-Item-Images-${r._key}-${s}`)})]})]})});T.displayName="MobileMenuContentItem";function q({logo:e,iconLinks:a,megaMenu:n}){let[{y:r}]=k(),[s,l]=x(!1),[o,i]=x(""),c=F(null),d=r&&r>80?"fixed w-full transition-all duration-300 ease-in-out":"sticky transition-all duration-300 ease-in-out",u=E(h=>{c.current&&clearTimeout(c.current),h===""?c.current=setTimeout(()=>{i("")},200):i(h)},[]);return B(()=>()=>{c.current&&clearTimeout(c.current)},[]),m(D,{children:[t("header",{className:g("relative top-0 left-0 border-t md:pb-3 z-50 bg-white transition-all ease-in-out duration-300",d),children:t(Q,{logo:e,iconLinks:a,megaMenu:n,setShowMobileMenu:l,currentDropdown:o,setCurrentDropdown:u})}),t(U,{data:n,showMobileMenu:s,setShowMobileMenu:l})]})}var Q=({logo:e,iconLinks:a,megaMenu:n,setShowMobileMenu:r,currentDropdown:s,setCurrentDropdown:l})=>{var d;let[{x:o,y:i}]=k(),c=i&&i>80?"md:hidden":"";return m("div",{className:"px-0 w-full h-full transition-all duration-300 ease-in-out overflow-y-auto",children:[m(_,{columns:2,align:"center",justify:"between",gap:5,className:g("lg:pt-4 py-2 grid-cols-2 md:grid-cols-3 w-full h-full transition-all ease-in-out duration-300 px-4",c),children:[(e==null?void 0:e.image)&&t("div",{className:"relative w-20 flex items-center h-20 md:w-fit md:h-full place-self-start md:place-self-center col-start-1 md:col-start-2",children:t(L,{"aria-label":`Go to ${b(e)==="/"?"home page":b(e)}`,className:"text-3xl font-bold leading-none",href:b(e),target:e==null?void 0:e.linkTarget,rel:(e==null?void 0:e.linkTarget)==="_blank"?"noopener noreferrer":"",children:t(M,{src:e==null?void 0:e.image,width:135,height:135,className:"object-cover transition-all ease-in-out duration-300",alt:(d=e==null?void 0:e.alt)!=null?d:"navigation-logo"})})}),t("button",{onClick:()=>r(!0),className:"md:hidden h-fit self-center place-self-end",children:t(re,{className:"w-8 h-8"})}),a&&a.length>0&&t(p,{align:"center",gap:5,className:"hidden md:flex place-self-center max-w-[144px] h-32 w-full",children:t("ul",{className:"flex gap-5",children:a==null?void 0:a.map(u=>u&&u.label?t(X,{link:u,isIcon:!0},u._key):null)})})]}),t(Z,{data:n!=null?n:[],currentDropdown:s,setCurrentDropdown:l}),t(ee,{data:n!=null?n:[],currentDropdown:s,setCurrentDropdown:l})]})},X=({link:e,isIcon:a})=>{let n=Y[e==null?void 0:e.label]||null;return t("li",{children:t(w,{as:"link",link:e,variant:"unstyled",className:"text-sm font-label tracking-wide",children:a?n:e==null?void 0:e.label})})},Y={search:t(H,{className:"w-4 h-4"}),location:t(z,{className:"w-4 h-4"}),person:t(G,{className:"w-4 h-4"})},Z=({data:e,currentDropdown:a,setCurrentDropdown:n})=>{let[{x:r,y:s}]=k(),l=s&&s<80||s===0?"hidden":"";return m(p,{align:"center",justify:"between",gap:5,className:"relative w-full h-full max-w-7xl mx-auto hidden md:flex pt-4 px-4 transition-all duration-300 ease-in-out",children:[e&&e.length>0?e==null?void 0:e.slice(0,3).map(o=>t(y,{children:o._type==="dropdown"?t(C,{dropdown:o,"aria-expanded":a===o.title,onMouseEnter:()=>{var i;return n((i=o.title)!=null?i:"")},onMouseLeave:()=>n("")},`MegaMenuDropdownTrigger-${o._key}`):t(N,{link:o},`MegaMenuLink-${o._key}`)},`MegaMenuNavLink-${o._key}`)):null,e&&e.length>0?e==null?void 0:e.slice(3,6).map(o=>t(y,{children:o._type==="dropdown"?t(C,{dropdown:o,"aria-expanded":a===o.title,onMouseEnter:()=>{var i;return n((i=o.title)!=null?i:"")},onMouseLeave:()=>n("")},`MegaMenuDropdownTrigger-${o._key}`):t(N,{link:o},`MegaMenuLink-${o._key}`)},`MegaMenuNavLink-${o._key}`)):null]})},N=({link:e,className:a})=>t(w,{variant:"unstyled",className:g("relative text-black text-sm font-normal font-label uppercase tracking-widest group",a),children:e.label}),C=R((e,a)=>{let{dropdown:n,onClick:r,onMouseEnter:s,onMouseLeave:l,className:o,...i}=e;return t("button",{ref:a,onClick:r,onMouseEnter:s,onMouseLeave:l,"aria-label":`Open the ${n.title} menu`,className:g("relative text-black text-sm font-normal font-label uppercase tracking-widest group",o),...i,children:n.title})}),ee=({data:e,currentDropdown:a,setCurrentDropdown:n})=>t(D,{children:e&&e.length>0?e==null?void 0:e.map(r=>{var l,o,i;let s=a===r.title&&r.title!=="";return t(te,{label:(l=r.title)!=null?l:"",showcaseLink:(o=r.showcaseLink)!=null?o:[],groupedLinks:(i=r.groupOfLinks)!=null?i:[],currentDropdown:a,setCurrentDropdown:n},`MegaMenuDropdown-${r._key}`)}):null});function te({label:e,showcaseLink:a,groupedLinks:n,currentDropdown:r,setCurrentDropdown:s}){let l=r===e&&e!=="",o=n.length>0,i=a.length>0,c=j(()=>n.length>0?n.map(u=>{var h;return((h=u.links)==null?void 0:h.length)>2?"3fr":"1fr"}).join(" "):"1fr",[n]),d=o?`${c} ${i?"2fr":""}`:i?"2fr":"1fr";return t(S,{"data-show":l,onMouseEnter:()=>s(e),onMouseLeave:()=>s(""),className:`relative top-6 left-0 w-full overflow-hidden z-50 bg-primary/5 !transition-[max-height] !duration-300 !ease-in-out ${l?"max-h-[500px]":"max-h-0"}`,children:m("div",{style:{display:"grid",gridTemplateColumns:d,gridTemplateRows:"1fr"},className:"relative w-full h-auto max-w-[90rem] mx-auto",children:[t(ne,{groupedLinks:n}),t(oe,{hasShowcaseLinks:i,showcaseLink:a})]})})}function ne({groupedLinks:e}){return t(y,{children:e&&e.length>0&&(e==null?void 0:e.map((a,n)=>{var r;return m("div",{className:"relative py-10 pl-5 flex flex-col items-end justify-start h-full w-full border-r border-black last:border-r-0",children:[t(A,{fontSize:"sm",className:"text-black font-normal uppercase tracking-widest font-label self-start pb-4",children:a.title}),t(p,{direction:"row",align:"start",justify:"start",gap:4,className:"relative w-full h-full grid-flow-row",children:(r=a.links)==null?void 0:r.map((s,l)=>{var o;return m(p,{direction:"col",className:"h-fit w-fit",children:[t(v,{fontSize:"base",className:"text-black font-medium leading-[30px]",children:s.title}),t(p,{direction:"col",align:"start",justify:"start",gap:2,className:"w-fit h-full",children:(o=s.links)==null?void 0:o.map((i,c)=>{var d;return t(w,{as:"link",link:i,"aria-label":(d=i.label)!=null?d:"",variant:"unstyled",asChild:!0,className:"text-black text-sm font-normal font-heading-kb leading-[30px] hover:underline",children:i==null?void 0:i.label},`MegaDropdownContent-Item-Link-${i._key}-${c}`)})})]},`MegaDropdownContent-Item-Link-${s._key}-${l}`)})})]},`MegaDropdownContent-Item-${a._key}-${n}`)}))})}function oe({hasShowcaseLinks:e,showcaseLink:a}){return e?t(p,{direction:"row",align:"start",justify:"start",className:"w-full h-full gap-6 pl-5 py-10",children:a==null?void 0:a.map((n,r)=>{var l,o,i,c,d,u;let s=(l=n.mainImage)==null?void 0:l.image;return t(w,{as:"link",link:n.primaryButton,"aria-label":(i=(o=n.primaryButton)==null?void 0:o.label)!=null?i:"",variant:"unstyled",asChild:!0,className:"text-center text-black text-sm font-normal font-heading-kb leading-[30px] hover:underline",children:m(p,{direction:"col",align:"center",justify:"center",gap:3,children:[t(M,{src:s,alt:(d=(c=n.mainImage)==null?void 0:c.alt)!=null?d:"",width:500,height:500,className:"w-[188px] h-[147px] object-cover object-center"},r),(u=n.primaryButton)==null?void 0:u.label]})},`MegaDropdownContent-Item-Images-${n._key}-${r}`)})}):null}function re(e){return t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24",...e,children:t("path",{fill:"currentColor",d:"M3 8V7h17v1zm17 4v1H3v-1zM3 17h17v1H3z"})})}export{q as a};

package/dist/chunk-DPLFGTZS.mjs

@@ -0,0 +1 @@
+import{a as n}from"./chunk-S35O64PB.mjs";import{Button as v}from"@stackshift-ui/button";import{Container as c}from"@stackshift-ui/container";import{Flex as o}from"@stackshift-ui/flex";import{Image as d}from"@stackshift-ui/image";import{Link as x}from"@stackshift-ui/link";import{Section as h}from"@stackshift-ui/section";import{Text as p}from"@stackshift-ui/text";import g from"react";import{jsx as a,jsxs as m}from"react/jsx-runtime";function w({links:e,primaryButton:l,secondaryButton:s,logo:i}){let[t,r]=g.useState(!1),b=()=>{r(f=>!f)};return m(h,{className:"bg-background",children:[a("nav",{className:"relative py-6",children:a(c,{maxWidth:1280,children:m(o,{align:"center",justify:"between",gap:4,children:[a(N,{links:e}),a(M,{logo:i}),a(R,{primaryButton:l,secondaryButton:s}),a(k,{showMenu:b})]})})}),a(C,{menu:t,showMenu:b,links:e,primaryButton:l,secondaryButton:s})]})}function N({links:e}){return e?a(o,{children:a("ul",{className:"hidden lg:flex lg:items-center lg:gap-5",children:e==null?void 0:e.map((l,s)=>m(g.Fragment,{children:[(l==null?void 0:l.label)&&a(u,{link:l}),e.length!==s+1?a(L,{}):null]},s))})}):null}function u({link:e}){return e?a("li",{children:a(v,{as:"link",link:e,variant:"unstyled","aria-label":e==null?void 0:e.label,className:"text-sm text-gray-500 no-underline hover:text-gray-900",children:e==null?void 0:e.label})}):null}function L(){return a("li",{className:"text-gray-500",children:a("svg",{className:"w-4 h-4 current-fill",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:a("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"})})})}function M({logo:e}){var l;return e?a("div",{className:"w-full lg:w-fit items-center justify-center",children:a(x,{className:"w-20 h-14 flex justify-center items-center","aria-label":n(e)==="/"?"Go to home page":`Go to ${n(e)}`,href:n(e),target:e==null?void 0:e.linkTarget,rel:(e==null?void 0:e.linkTarget)==="_blank"?"noopener noreferrer":"",children:a(d,{className:"w-fit h-full object-contain",src:`${e==null?void 0:e.image}`,sizes:"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",alt:(l=e==null?void 0:e.alt)!=null?l:"navigation-logo"})})}):null}function R({primaryButton:e,secondaryButton:l}){return m("div",{className:"hidden lg:text-right lg:block lg:w-1/3",children:[(e==null?void 0:e.label)&&a(v,{as:"link",link:e,"aria-label":e==null?void 0:e.label,className:"px-4 py-3 text-secondary-foreground lg:ml-auto lg:mr-3 font-semibold rounded-global bg-secondary hover:bg-secondary/50",children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&a(v,{as:"link",link:l,"aria-label":l==null?void 0:l.label,className:"px-4 py-3 leading-loose text-center text-primary-foreground font-semibold bg-primary hover:bg-primary/50 rounded-global",children:l==null?void 0:l.label})]})}function k({showMenu:e}){return a("div",{className:"ml-auto lg:hidden",children:a(v,{"aria-label":"Navigation menu",className:"flex items-center p-3 navbar-burger text-primary",onClick:e,children:m("svg",{className:"block w-4 h-4 fill-current",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:[a("title",{children:"Mobile menu"}),a("path",{d:"M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"})]})})})}function C({menu:e,showMenu:l,links:s,primaryButton:i,secondaryButton:t}){return m("div",{className:`${e?null:"hidden"} mobile-nav relative z-50`,children:[a("div",{className:"fixed inset-0 bg-gray-800 opacity-25 navbar-backdrop",onClick:l}),m("nav",{className:"fixed top-0 bottom-0 left-0 flex flex-col w-5/6 max-w-sm px-6 py-6 overflow-y-auto bg-white border-r",children:[a("div",{className:"flex items-center mb-8",children:a(v,{"aria-label":"Close navigation menu",className:"navbar-close",onClick:l,children:a("svg",{className:"w-6 h-6 text-gray-500 cursor-pointer hover:text-gray-500",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:a("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M6 18L18 6M6 6l12 12"})})})}),a("div",{children:a("ul",{children:s&&(s==null?void 0:s.map((r,b)=>a("li",{className:"mb-1",children:a(v,{as:"link",link:r,"aria-label":r==null?void 0:r.label,className:"block p-4 text-sm font-semibold text-gray-700 no-underline rounded hover:bg-secondary-foreground hover:text-primary",children:r==null?void 0:r.label})},b)))})}),m("div",{className:"mt-auto",children:[m("div",{className:"pt-6",children:[(i==null?void 0:i.label)&&a(v,{as:"link",link:i,"aria-label":i==null?void 0:i.label,className:"block px-4 py-3 mb-2 text-gray-900 text-center lg:ml-auto lg:mr-3 font-semibold rounded-global bg-secondary hover:bg-secondary/50",children:i==null?void 0:i.label}),(t==null?void 0:t.label)&&a(v,{as:"link",link:t,"aria-label":t==null?void 0:t.label,className:"block px-4 py-3 mb-2 leading-loose text-center text-white font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:t==null?void 0:t.label})]}),a(p,{fontSize:"xs",className:"my-4 text-center text-gray-700",children:a("span",{children:`\xA9 ${new Date().getFullYear()} All rights reserved.`})})]})]})]})}export{w as a};

package/dist/chunk-KKLBGZ33.mjs

@@ -0,0 +1 @@
+import{a as b}from"./chunk-S35O64PB.mjs";import{Button as s}from"@stackshift-ui/button";import{Flex as v}from"@stackshift-ui/flex";import{Image as f}from"@stackshift-ui/image";import{Link as g}from"@stackshift-ui/link";import{Section as x}from"@stackshift-ui/section";import{Text as u}from"@stackshift-ui/text";import c from"react";import{jsx as a,jsxs as n}from"react/jsx-runtime";function p({links:e,primaryButton:l,secondaryButton:t,logo:i}){let[r,o]=c.useState(!1),m=()=>{o(d=>!d)};return n(x,{className:"bg-background",children:[a("nav",{className:"relative lg:px-6 py-6",children:n(v,{align:"center",justify:"between",gap:4,children:[a(h,{links:e}),a(L,{logo:i}),a(k,{primaryButton:l,secondaryButton:t}),a(M,{showMenu:m})]})}),a(R,{menu:r,showMenu:m,links:e,primaryButton:l,secondaryButton:t})]})}function h({links:e}){return e?a(v,{children:a("ul",{className:"hidden lg:flex lg:items-center lg:gap-3 xl:gap-5",children:e==null?void 0:e.map((l,t)=>n(c.Fragment,{children:[(l==null?void 0:l.label)&&a(w,{link:l}),e.length!==t+1?a(N,{}):null]},t))})}):null}function w({link:e}){return e?a("li",{children:a(s,{as:"link",link:e,variant:"unstyled",asChild:!0,"aria-label":e==null?void 0:e.label,className:"text-sm text-gray-500 no-underline hover:text-gray-900",children:e==null?void 0:e.label})}):null}function N(){return a("li",{className:"text-gray-500",children:a("svg",{className:"w-4 h-4 current-fill",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:a("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"})})})}function L({logo:e}){var l;return e?a("div",{className:"w-full lg:w-fit items-center justify-center",children:a(g,{className:"w-20 h-14 flex justify-center items-center","aria-label":b(e)==="/"?"Go to home page":`Go to ${b(e)}`,href:b(e),target:e==null?void 0:e.linkTarget,rel:(e==null?void 0:e.linkTarget)==="_blank"?"noopener noreferrer":"",children:a(f,{className:"w-fit h-full object-contain",src:`${e==null?void 0:e.image}`,sizes:"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",alt:(l=e==null?void 0:e.alt)!=null?l:"navigation-logo"})})}):null}function k({primaryButton:e,secondaryButton:l}){return n("div",{className:"hidden lg:flex lg:gap-4",children:[(e==null?void 0:e.label)&&a(s,{as:"link",link:e,variant:"unstyled","aria-label":e==null?void 0:e.label,className:"px-4 py-3 leading-loose text-center text-secondary-foreground font-semibold rounded-global bg-secondary hover:bg-secondary/50",children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&a(s,{as:"link",link:l,variant:"unstyled","aria-label":l==null?void 0:l.label,className:"px-4 py-3 leading-loose text-center text-primary-foreground font-semibold bg-primary hover:bg-primary/50 rounded-global",children:l==null?void 0:l.label})]})}function M({showMenu:e}){return a("div",{className:"ml-auto lg:hidden",children:a(s,{"aria-label":"Navigation menu",className:"flex items-center p-3 navbar-burger text-primary",onClick:e,children:n("svg",{className:"block w-4 h-4 fill-current",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:[a("title",{children:"Mobile menu"}),a("path",{d:"M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"})]})})})}function R({menu:e,showMenu:l,links:t,primaryButton:i,secondaryButton:r}){return n("div",{className:`${e?null:"hidden"} mobile-nav relative z-50`,children:[a("div",{className:"fixed inset-0 bg-gray-800 opacity-25 navbar-backdrop",onClick:l}),n("nav",{className:"fixed top-0 bottom-0 left-0 flex flex-col w-5/6 max-w-sm px-6 py-6 overflow-y-auto bg-white border-r",children:[a("div",{className:"flex items-center mb-8",children:a(s,{"aria-label":"Close navigation menu",className:"navbar-close",onClick:l,children:a("svg",{className:"w-6 h-6 text-gray-500 cursor-pointer hover:text-gray-500",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:a("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M6 18L18 6M6 6l12 12"})})})}),a("ul",{children:t&&t.map((o,m)=>a("li",{className:"mb-1",children:a(s,{as:"link",link:o,"aria-label":o.label,className:"block p-4 text-sm font-semibold text-gray-700 no-underline rounded hover:bg-secondary-foreground hover:text-primary",children:o.label})},m))}),n("div",{className:"mt-auto pt-6",children:[(i==null?void 0:i.label)&&a(s,{as:"link",link:i,"aria-label":i.label,className:"block px-4 py-3 mb-2 text-center font-semibold rounded-global bg-secondary hover:bg-secondary/50",children:i.label}),(r==null?void 0:r.label)&&a(s,{as:"link",link:r,"aria-label":r.label,className:"block px-4 py-3 mb-2 leading-loose text-center text-white font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:r.label})]}),a(u,{fontSize:"xs",muted:!0,className:"my-4 text-center",children:a("span",{children:`\xA9 ${new Date().getFullYear()} All rights reserved.`})})]})]})}export{p as a};

package/dist/chunk-LHY7HMPK.mjs

@@ -0,0 +1 @@
+import{a as m}from"./chunk-S35O64PB.mjs";import{Button as o}from"@stackshift-ui/button";import{Flex as b}from"@stackshift-ui/flex";import{Image as d}from"@stackshift-ui/image";import{Link as f}from"@stackshift-ui/link";import{Section as x}from"@stackshift-ui/section";import{Text as u}from"@stackshift-ui/text";import c from"react";import{jsx as l,jsxs as n}from"react/jsx-runtime";function h({links:e,primaryButton:a,secondaryButton:i,logo:s}){let[r,t]=c.useState(!1),v=()=>{t(g=>!g)};return n(x,{className:"bg-background",children:[n(b,{align:"center",justify:"between",className:"px-6 py-6",gap:4,children:[l(p,{logo:s}),l(N,{links:e}),l(k,{primaryButton:a,secondaryButton:i}),l(R,{showMenu:v})]}),l(M,{menu:r,showMenu:v,links:e,primaryButton:a,secondaryButton:i})]})}function p({logo:e}){var a;return e?l("div",{className:"w-full lg:w-1/5",children:l(f,{className:"w-20 h-14 flex items-center","aria-label":m(e)==="/"?"Go to home page":`Go to ${m(e)}`,href:m(e),target:e==null?void 0:e.linkTarget,rel:(e==null?void 0:e.linkTarget)==="_blank"?"noopener noreferrer":"",children:l(d,{className:"w-fit h-full object-contain",src:`${e==null?void 0:e.image}`,sizes:"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",alt:(a=e==null?void 0:e.alt)!=null?a:"navigation-logo"})})}):null}function w(){return l("li",{className:"text-gray-500",children:l("svg",{className:"w-4 h-4 current-fill",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:l("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"})})})}function N({links:e}){return e?l(b,{children:l("ul",{className:"hidden lg:flex lg:items-center lg:gap-5 xl:gap-10",children:e==null?void 0:e.map((a,i)=>n(c.Fragment,{children:[l(L,{link:a},a._key),e.length!==i+1?l(w,{}):null]},i))})}):null}function L({link:e}){return e!=null&&e.label?l("li",{children:l(o,{as:"link",link:e,variant:"unstyled","aria-label":e==null?void 0:e.label,className:"text-sm text-gray-500 no-underline hover:text-gray-900",children:e==null?void 0:e.label})}):null}function M({menu:e,showMenu:a,links:i,primaryButton:s,secondaryButton:r}){return n("div",{className:`${e?null:"hidden"} mobile-nav relative z-50`,children:[l("div",{className:"fixed inset-0 bg-gray-800 opacity-25 navbar-backdrop",onClick:a}),n(b,{as:"nav",direction:"col",className:"fixed top-0 bottom-0 left-0 w-5/6 max-w-sm px-6 py-6 overflow-y-auto bg-white border-r",children:[l(z,{showMenu:a}),l("div",{className:"w-full",children:i?l("ul",{children:i==null?void 0:i.map((t,v)=>l("li",{className:"mb-1",children:l(o,{as:"link",link:t,variant:"unstyled","aria-label":t==null?void 0:t.label,className:"block w-full cursor-pointer p-4 text-sm font-semibold text-gray-900 no-underline rounded hover:bg-secondary-foreground hover:text-primary",children:t==null?void 0:t.label})},v))}):null}),n("div",{className:"w-full mt-auto",children:[n(b,{direction:"col",className:"pt-6",children:[s!=null&&s.label?l(o,{as:"link",link:s,"aria-label":s==null?void 0:s.label,variant:"unstyled",className:"block w-full px-4 py-3 mb-3 text-xs cursor-pointer font-semibold leading-loose text-center text-gray-900 rounded-global bg-secondary hover:bg-secondary/50",children:s==null?void 0:s.label}):null,r!=null&&r.label?l(o,{as:"link",link:r,"aria-label":r==null?void 0:r.label,variant:"unstyled",className:"block w-full px-4 py-3 mb-2 cursor-pointer leading-loose text-xs text-center font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:r==null?void 0:r.label}):null]}),l(u,{fontSize:"xs",className:"my-4 text-center text-gray-900",children:l("span",{children:`\xA9 ${new Date().getFullYear()} All rights reserved.`})})]})]})]})}function R({showMenu:e}){return l("div",{className:"lg:hidden",children:l(o,{"aria-label":"Navigation Menu",className:"flex items-center p-3 navbar-burger text-primary",onClick:e,children:n("svg",{className:"block w-4 h-4 fill-current",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:[l("title",{children:"Mobile menu"}),l("path",{d:"M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"})]})})})}function k({primaryButton:e,secondaryButton:a}){return n(b,{align:"center",gap:4,children:[e!=null&&e.label?l(o,{as:"link",link:e,"aria-label":e==null?void 0:e.label,variant:"unstyled",className:"hidden lg:flex px-4 py-3 leading-loose text-center font-semibold text-secondary-foreground rounded-global bg-secondary hover:bg-secondary/50",children:e==null?void 0:e.label}):null,a!=null&&a.label?l(o,{as:"link",link:a,"aria-label":a==null?void 0:a.label,variant:"unstyled",className:"hidden lg:flex px-4 py-3 leading-loose text-center font-semibold text-primary-foreground bg-primary hover:bg-primary/50 rounded-global",children:a==null?void 0:a.label}):null]})}function z({showMenu:e}){return l("div",{className:"flex items-center mb-8",children:l(o,{"aria-label":"Close Navigation Menu",className:"navbar-close",onClick:e,children:l("svg",{className:"w-6 h-6 text-gray-500 cursor-pointer hover:text-gray-500",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:l("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M6 18L18 6M6 6l12 12"})})})})}export{h as a};

package/dist/chunk-NAXN36LA.mjs

@@ -0,0 +1 @@
+import{a as C,b as $}from"./chunk-S35O64PB.mjs";import{Button as g}from"@stackshift-ui/button";import{Container as T}from"@stackshift-ui/container";import{Flex as N}from"@stackshift-ui/flex";import{Image as W}from"@stackshift-ui/image";import{Link as z}from"@stackshift-ui/link";import{Section as I}from"@stackshift-ui/section";import{useEffect as D,useRef as F,useState as y}from"react";import{BiArrowBack as P,BiChevronDown as R,BiMenu as H}from"react-icons/bi";import{BsFillTelephoneFill as O,BsTelephone as _}from"react-icons/bs";import{MdClose as j}from"react-icons/md";import{Fragment as K,jsx as o,jsxs as n}from"react/jsx-runtime";var Y=({logo:e,hasScrolled:a})=>{var s;return e!=null&&e.image?o(z,{"aria-label":`Go to ${C(e)==="/"?"home page":C(e)}`,className:"text-3xl",href:C(e),target:e==null?void 0:e.linkTarget,rel:(e==null?void 0:e.linkTarget)==="_blank"?"noopener noreferrer":"",children:o(W,{src:a?e==null?void 0:e.image:"https://cdn.sanity.io/images/9itgab5x/staging/7f9353c628ae4dd0bdd479d3b1407a3c242755e8-1963x833.png?fm=webp&w=96&q=75",width:500,height:500,alt:(s=e==null?void 0:e.alt)!=null?s:"navigation-logo",className:`transition-all duration-500 w-28 ${a?"md:w-40":"md:w-44"}`})}):null},q=({button:e,hasScrolled:a})=>e!=null&&e.label?n(g,{as:"link",link:e,variant:"unstyled",className:`font-body ml-auto p-2.5 md:p-3 transition duration-200 font-medium flex items-center space-x-2 text-left ${a?"text-white border border-white bg-transparent hover:bg-white hover:text-black":"text-white bg-secondary hover:text-secondary hover:border hover:border-black/40 hover:bg-white"}`,children:[o("span",{className:"flex-none text-3xl sm:text-xl",children:a?o(_,{className:"text-lg md:text-xl"}):o(O,{className:"text-lg md:text-xl"})}),o("span",{className:"text-sm md:text-base sm:block hidden whitespace-nowrap",children:e==null?void 0:e.label})]}):null,A=({hasScrolled:e,menu:a,showMenu:s})=>n("div",{children:[o(H,{color:e?"white":"black",size:40,onClick:s,className:`cursor-pointer hover:scale-105 transition lg:hidden block ${a?"hidden":"block"}`}),o(j,{color:e?"white":"black",size:40,onClick:s,className:`cursor-pointer hover:scale-105 transition lg:hidden block ${a?"block":"hidden"}`})]});function G({primaryButton:e,secondaryButton:a,logo:s,multipleLinks:r,title:u}){let[i,l]=y(null),c=F(null),[h,S]=y(!1),[p,M]=y(!1),E=d=>{c.current&&!c.current.contains(d.target)&&l(null)};D(()=>{let d=x=>{E(x)};return document.addEventListener("click",d),()=>{document.removeEventListener("click",d)}},[]);let f=d=>{d&&d.stopPropagation(),S(x=>!x)};return D(()=>{let d=()=>{M(window.scrollY>0)};return window.addEventListener("scroll",d),()=>window.removeEventListener("scroll",d)},[]),o(K,{children:n(I,{className:`fixed !z-[999999] w-full left-0 transition-all top-0 ${p?"bg-black/80":"bg-background"}`,children:[o(T,{children:n("div",{className:"flex justify-between space-x-5 py-2 items-center",children:[o(Y,{logo:s,hasScrolled:p}),o(N,{direction:"row",align:"center",className:"hidden lg:flex gap-x-8",children:r==null?void 0:r.map((d,x)=>o(J,{link:d,index:x,dropdown:i,setDropdown:l,hasScrolled:p,dropdownRef:c},x))}),n(N,{direction:"row",align:"center",gap:2,children:[((e==null?void 0:e.label)||(a==null?void 0:a.label))&&o("div",{className:"flex space-x-4 sm:space-x-6 items-center",children:o(q,{button:e,hasScrolled:p})}),o(A,{hasScrolled:p,menu:h,showMenu:f})]})]})}),o(V,{links:r,open:h,showMenu:f})]})})}var J=({link:e,index:a,dropdown:s,setDropdown:r,hasScrolled:u,dropdownRef:i})=>{if(!(e!=null&&e.multipleRoutes))return o(g,{as:"link",link:e,variant:"unstyled",className:`hover:text-secondary font-body text-lg whitespace-nowrap ${u?"text-white":"text-black"}`,children:e==null?void 0:e.label});let l=c=>{r(c)};return n("div",{className:"relative",children:[e!=null&&e.internalLink||e!=null&&e.externalLink?n(N,{onMouseEnter:c=>{c.stopPropagation(),l(s===a?null:a)},children:[o(g,{as:"link",link:e,variant:"unstyled",className:`hover:text-secondary font-body text-lg cursor-pointer ${u?"text-white":"text-black"}`,children:e==null?void 0:e.label}),o(R,{size:24,className:`font-bold mt-0.5 font-body cursor-pointer hover:text-secondary hover:translate-y-0.5 transition ${u?"text-white":"text-black"} ${s===a&&"translate-y-0.5 !text-secondary"}`,onClick:c=>{c.stopPropagation(),l(a)}})]}):n("p",{className:`hover:text-secondary font-body text-lg cursor-pointer flex items-center group ${u?"text-white":"text-black"}`,onClick:c=>{c.stopPropagation(),l(s===a?null:a)},onMouseEnter:c=>{c.stopPropagation(),l(s===a?null:a)},children:[e==null?void 0:e.label,o(R,{size:24,className:`font-bold mt-0.5 group-hover:translate-y-0.5 transition ${s===a&&"translate-y-0.5 text-secondary"}`})]}),s===a&&o(Q,{link:e,dropdownRef:i,setDropdown:r,hasScrolled:u})]})},Q=({link:e,dropdownRef:a,setDropdown:s,hasScrolled:r})=>{var u;return n("div",{ref:a,className:"absolute flex flex-col top-8 bg-primary rounded rounded-tl-none",onMouseLeave:()=>s(null),children:[o("span",{className:"absolute top-0 w-0 h-0 border-x-transparent border-t-transparent border-b-primary border-[6px] transform -translate-y-3"}),(u=e==null?void 0:e.multipleRoutes)==null?void 0:u.map((i,l)=>o(U,{mLink:i,hasScrolled:r},l))]})},U=({mLink:e,hasScrolled:a})=>{var s;return e!=null&&e.multipleInnerRoutes?n("div",{className:"relative group",children:[e!=null&&e.internalLink||e!=null&&e.externalLink?n(N,{align:"center",children:[o(g,{as:"link",link:e,variant:"unstyled",className:"font-body hover:text-secondary text-lg cursor-pointer py-2 pl-4 text-white",children:e==null?void 0:e.label}),o(R,{size:24,className:"font-bold mt-0.5 cursor-pointer group-hover:translate-y-0.5 transition group-hover:text-secondary text-white"})]}):n("p",{className:"hover:text-secondary text-lg cursor-pointer flex items-center group py-2 px-4 text-white",children:[e==null?void 0:e.label,o(R,{size:24,className:"font-bold mt-0.5 group-hover:translate-y-0.5 transition"})]}),o("div",{className:"absolute hidden flex-col top-0 left-full bg-primary rounded-r rounded-r-b group-hover:flex hover:flex",children:(s=e==null?void 0:e.multipleInnerRoutes)==null?void 0:s.map((r,u)=>o($,{ariaLabel:(r==null?void 0:r.label)||"",link:r,target:r==null?void 0:r.linkTarget,className:"hover:text-secondary font-body text-lg py-2 px-4 whitespace-nowrap text-white",children:r==null?void 0:r.label},u))})]}):o($,{ariaLabel:(e==null?void 0:e.label)||"",link:e,target:e==null?void 0:e.linkTarget,className:"hover:text-secondary font-body text-lg py-2 px-4 whitespace-nowrap text-white",children:e==null?void 0:e.label})},V=({links:e,open:a,showMenu:s})=>{var E,f,d,x;let[r,u]=y(!1),i=F(null);D(()=>{let t=()=>u(window.scrollY>0);return window.addEventListener("scroll",t),()=>window.removeEventListener("scroll",t)},[]),D(()=>{let t=v=>{i.current&&!i.current.contains(v.target)&&!v.target.closest(".BiMenu")&&a&&s(v)};return document.addEventListener("click",t),()=>document.removeEventListener("click",t)},[a,s]);let[l,c]=y({previous:null,index:null}),h=(t,v)=>{c({previous:t,index:v})},S=(t,v,b=!1,m)=>{let w=(t==null?void 0:t.label)==="New Construction",B=(t==null?void 0:t.label)==="Renovations"||(t==null?void 0:t.label)==="Renovation";return n("div",{className:"flex items-center py-2 px-4",children:[t!=null&&t.internalLink||t!=null&&t.externalLink?w||B?o("p",{className:`text-xl font-body ${r?"text-white":"text-black"} hover:text-secondary cursor-pointer`,onClick:()=>window.location.href=`/projects/residential?filter=${w?"new_construction":"renovations"}`,children:t==null?void 0:t.label}):o(g,{as:"link",link:t,variant:"unstyled",className:`text-xl font-body ${r?"text-white":"text-black"} hover:text-secondary`,children:o("p",{className:"w-full h-full",onClick:s,children:t==null?void 0:t.label})}):o("p",{className:`text-xl font-body peer cursor-pointer ${r?"text-white":"text-black"} hover:text-secondary`,onClick:m,children:t==null?void 0:t.label}),b&&o(R,{fontSize:24,className:`hover:-rotate-90 hover:text-secondary peer-hover:-rotate-90 peer-hover:text-secondary transition duration-200 cursor-pointer ${r?"text-white":"text-black"}`,onClick:m})]},v)},p=(t,v=!1)=>t.map((b,m)=>{let w=!!(b!=null&&b.multipleRoutes||b!=null&&b.multipleInnerRoutes);return S(b,m,w,w?()=>h(v?l.index:null,m):void 0)}),M=t=>n("p",{className:`hover:text-secondary text-xl font-body py-2 px-4 flex items-center gap-2 cursor-pointer group ${r?"text-white":"text-black"}`,onClick:t,children:[o(P,{}),"Back"]});return o(N,{className:`flex sm:block text-white overflow-hidden transition lg:hidden columns-2 ${a?"animate-curtain-down mt-5":"animate-curtain-up h-0"}`,children:o("div",{ref:i,onClick:t=>t.stopPropagation(),children:a&&n(K,{children:[e&&l.index===null&&p(e),l.previous===null&&l.index!==null&&n("div",{className:"flex flex-col",children:[M(()=>h(null,null)),p(((E=e[l.index])==null?void 0:E.multipleRoutes)||[],!0)]}),l.previous!==null&&l.index!==null&&n("div",{className:"flex flex-col",children:[M(()=>c({previous:null,index:l.previous})),p(((x=(d=(f=e[l.previous])==null?void 0:f.multipleRoutes)==null?void 0:d[l.index])==null?void 0:x.multipleInnerRoutes)||[])]})]})})})};export{G as a};

package/dist/chunk-ZHEFAPJF.mjs

@@ -0,0 +1 @@
+import{a as D}from"./chunk-NAXN36LA.mjs";import{a as G}from"./chunk-2KK4WBIF.mjs";import{a as H}from"./chunk-75U64ABO.mjs";import{a as x}from"./chunk-LHY7HMPK.mjs";import{a as C}from"./chunk-6462EVZG.mjs";import{a as F}from"./chunk-DPLFGTZS.mjs";import{a as A}from"./chunk-KKLBGZ33.mjs";import{jsx as E}from"react/jsx-runtime";var i={variant_a:x,variant_b:C,variant_c:F,variant_d:A,variant_f:D,variant_g:G,variant_h:H},q="Navigation",z=({data:n})=>{var r,s,u,l,v,p,t,m,f,g,c,L,y,b,k,M,N,R,B,h,_,K,W,w,P,S;let e=n==null?void 0:n.variant,o=e&&(i==null?void 0:i[e]),V={logo:(s=(r=n==null?void 0:n.variants)==null?void 0:r.logo)!=null?s:void 0,links:(l=(u=n==null?void 0:n.variants)==null?void 0:u.routes)!=null?l:void 0,primaryButton:(p=(v=n==null?void 0:n.variants)==null?void 0:v.primaryButton)!=null?p:void 0,secondaryButton:(m=(t=n==null?void 0:n.variants)==null?void 0:t.secondaryButton)!=null?m:void 0,banner:(g=(f=n==null?void 0:n.variants)==null?void 0:f.banner)!=null?g:void 0,multipleLinks:(L=(c=n==null?void 0:n.variants)==null?void 0:c.multipleLinks)!=null?L:void 0,title:(b=(y=n==null?void 0:n.variants)==null?void 0:y.title)!=null?b:void 0,dropdownMenu:(M=(k=n==null?void 0:n.variants)==null?void 0:k.dropdownMenu)!=null?M:void 0,logos:(R=(N=n==null?void 0:n.variants)==null?void 0:N.logos)!=null?R:void 0,socialMedia:(h=(B=n==null?void 0:n.variants)==null?void 0:B.socialMedia)!=null?h:void 0,socialLinks:(K=(_=n==null?void 0:n.variants)==null?void 0:_.socialLinks)!=null?K:void 0,iconLinks:(w=(W=n==null?void 0:n.variants)==null?void 0:W.iconLinks)!=null?w:void 0,megaMenu:(S=(P=n==null?void 0:n.variants)==null?void 0:P.megaMenu)!=null?S:void 0};return o?E(o,{...V}):null};z.displayName=q;export{z as a};

package/dist/index.mjs

@@ -1,2 +1,2 @@
 "use client";
-"use strict";import{a as f}from"./chunk-7PZN5XLN.mjs";import{a as m}from"./chunk-2KK4WBIF.mjs";import{a as p}from"./chunk-AYUL7QX6.mjs";import{a as x}from"./chunk-7JNLKLGB.mjs";import{a as o}from"./chunk-SMYVBKA6.mjs";import{a as r}from"./chunk-ZCDQD6XN.mjs";import{a as e}from"./chunk-5TVYK3JB.mjs";import{a as t}from"./chunk-FJRVUW5P.mjs";import"./chunk-S35O64PB.mjs";export{x as Navigation,o as Navigation_A,r as Navigation_B,e as Navigation_C,t as Navigation_D,f as Navigation_F,m as Navigation_G,p as Navigation_H};
+"use strict";import{a as x}from"./chunk-ZHEFAPJF.mjs";import{a as f}from"./chunk-NAXN36LA.mjs";import{a as m}from"./chunk-2KK4WBIF.mjs";import{a as p}from"./chunk-75U64ABO.mjs";import{a as o}from"./chunk-LHY7HMPK.mjs";import{a as r}from"./chunk-6462EVZG.mjs";import{a as e}from"./chunk-DPLFGTZS.mjs";import{a as t}from"./chunk-KKLBGZ33.mjs";import"./chunk-S35O64PB.mjs";export{x as Navigation,o as Navigation_A,r as Navigation_B,e as Navigation_C,t as Navigation_D,f as Navigation_F,m as Navigation_G,p as Navigation_H};

package/dist/navigation.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { LabeledRoute, LabeledRouteWithKey, Logo, Logos, MegaMenu, SectionsProps, SocialLink } from "./types";
 export interface ResponsiveNavLinksProps {
     menu: boolean;

package/dist/navigation.mjs

@@ -1 +1 @@
-import{a}from"./chunk-7JNLKLGB.mjs";export{a as Navigation};
+import{a}from"./chunk-ZHEFAPJF.mjs";import"./chunk-NAXN36LA.mjs";import"./chunk-2KK4WBIF.mjs";import"./chunk-75U64ABO.mjs";import"./chunk-LHY7HMPK.mjs";import"./chunk-6462EVZG.mjs";import"./chunk-DPLFGTZS.mjs";import"./chunk-KKLBGZ33.mjs";import"./chunk-S35O64PB.mjs";export{a as Navigation};

package/dist/navigation_a.mjs

@@ -1 +1 @@
-import{a}from"./chunk-SMYVBKA6.mjs";import"./chunk-S35O64PB.mjs";export{a as Navigation_A,a as default};
+import{a}from"./chunk-LHY7HMPK.mjs";import"./chunk-S35O64PB.mjs";export{a as Navigation_A,a as default};

package/dist/navigation_b.mjs

@@ -1 +1 @@
-import{a}from"./chunk-ZCDQD6XN.mjs";import"./chunk-S35O64PB.mjs";export{a as Navigation_B,a as default};
+import{a}from"./chunk-6462EVZG.mjs";import"./chunk-S35O64PB.mjs";export{a as Navigation_B,a as default};

package/dist/navigation_c.mjs

@@ -1 +1 @@
-import{a}from"./chunk-5TVYK3JB.mjs";import"./chunk-S35O64PB.mjs";export{a as Navigation_C,a as default};
+import{a}from"./chunk-DPLFGTZS.mjs";import"./chunk-S35O64PB.mjs";export{a as Navigation_C,a as default};

package/dist/navigation_d.mjs

@@ -1 +1 @@
-import{a}from"./chunk-FJRVUW5P.mjs";import"./chunk-S35O64PB.mjs";export{a as Navigation_D,a as default};
+import{a}from"./chunk-KKLBGZ33.mjs";import"./chunk-S35O64PB.mjs";export{a as Navigation_D,a as default};

package/dist/navigation_f.mjs

@@ -1 +1 @@
-import{a}from"./chunk-7PZN5XLN.mjs";import"./chunk-S35O64PB.mjs";export{a as Navigation_F,a as default};
+import{a}from"./chunk-NAXN36LA.mjs";import"./chunk-S35O64PB.mjs";export{a as Navigation_F,a as default};

package/dist/navigation_h.mjs

@@ -1 +1 @@
-import{a}from"./chunk-AYUL7QX6.mjs";import"./chunk-S35O64PB.mjs";export{a as Navigation_H,a as default};
+import{a}from"./chunk-75U64ABO.mjs";import"./chunk-S35O64PB.mjs";export{a as Navigation_H,a as default};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stackshift-ui/navigation",
   "description": "",
-  "version": "7.0.0-beta.3",
+  "version": "7.0.0-beta.6",
   "private": false,
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -29,8 +29,8 @@
     "typescript": "^5.6.2",
     "vite-tsconfig-paths": "^5.0.1",
     "vitest": "^2.1.1",
-    "@stackshift-ui/eslint-config": "6.0.10",
-    "@stackshift-ui/typescript-config": "6.0.10"
+    "@stackshift-ui/typescript-config": "6.0.10",
+    "@stackshift-ui/eslint-config": "6.0.10"
   },
   "dependencies": {
     "classnames": "^2.5.1",
@@ -38,21 +38,21 @@
     "@react-spring/web": "^10.0.1",
     "@uidotdev/usehooks": "^2.4.1",
     "react-icons": "^5.3.0",
-    "@stackshift-ui/flex": "7.0.0-beta.1",
-    "@stackshift-ui/link": "6.0.12-beta.1",
-    "@stackshift-ui/button": "6.1.0-beta.3",
-    "@stackshift-ui/container": "7.0.0-beta.1",
-    "@stackshift-ui/scripts": "6.1.0-beta.0",
-    "@stackshift-ui/text": "7.0.0-beta.1",
-    "@stackshift-ui/grid": "7.0.0-beta.1",
-    "@stackshift-ui/image": "6.1.0-beta.1",
-    "@stackshift-ui/system": "6.1.0-beta.1",
-    "@stackshift-ui/section": "7.0.0-beta.1",
-    "@stackshift-ui/heading": "7.0.0-beta.1",
-    "@stackshift-ui/social-icons": "7.0.0-beta.1"
+    "@stackshift-ui/container": "7.0.0-beta.3",
+    "@stackshift-ui/button": "6.1.0-beta.5",
+    "@stackshift-ui/image": "6.1.0-beta.4",
+    "@stackshift-ui/flex": "7.0.0-beta.3",
+    "@stackshift-ui/section": "7.0.0-beta.3",
+    "@stackshift-ui/text": "7.0.0-beta.3",
+    "@stackshift-ui/link": "6.1.0-beta.3",
+    "@stackshift-ui/grid": "7.0.0-beta.3",
+    "@stackshift-ui/heading": "7.0.0-beta.3",
+    "@stackshift-ui/system": "6.1.0-beta.3",
+    "@stackshift-ui/social-icons": "7.0.0-beta.3",
+    "@stackshift-ui/scripts": "6.1.0-beta.2"
   },
   "peerDependencies": {
-    "@stackshift-ui/system": ">=6.1.0-beta.1",
+    "@stackshift-ui/system": ">=6.1.0-beta.3",
     "@types/react": "16.8 - 19",
     "next": "10 - 14",
     "react": "16.8 - 19",

package/src/navigation.tsx

@@ -1,22 +1,29 @@
-import { lazy } from "react";
+import React from "react";
+import NavigationA from "./navigation_a";
+import NavigationB from "./navigation_b";
+import NavigationC from "./navigation_c";
+import NavigationD from "./navigation_d";
+import NavigationF from "./navigation_f";
+import NavigationG from "./navigation_g";
+import NavigationH from "./navigation_h";
 import {
-  LabeledRoute,
-  LabeledRouteWithKey,
-  Logo,
-  Logos,
-  MegaMenu,
-  SectionsProps,
-  SocialLink,
+    LabeledRoute,
+    LabeledRouteWithKey,
+    Logo,
+    Logos,
+    MegaMenu,
+    SectionsProps,
+    SocialLink,
 } from "./types";
 
 const Variants = {
-  variant_a: lazy(() => import("./navigation_a")),
-  variant_b: lazy(() => import("./navigation_b")),
-  variant_c: lazy(() => import("./navigation_c")),
-  variant_d: lazy(() => import("./navigation_d")),
-  variant_f: lazy(() => import("./navigation_f")),
-  variant_g: lazy(() => import("./navigation_g")),
-  variant_h: lazy(() => import("./navigation_h")),
+  variant_a: NavigationA,
+  variant_b: NavigationB,
+  variant_c: NavigationC,
+  variant_d: NavigationD,
+  variant_f: NavigationF,
+  variant_g: NavigationG,
+  variant_h: NavigationH,
 };
 
 export interface ResponsiveNavLinksProps {

package/src/navigation_a.tsx

@@ -6,7 +6,7 @@ import { Section } from "@stackshift-ui/section";
 import { Text } from "@stackshift-ui/text";
 import React from "react";
 import { NavigationProps, ResponsiveNavLinksProps } from ".";
-import { ConditionalLink, logoLink } from "./helper";
+import { logoLink } from "./helper";
 import { LabeledRoute, LabeledRouteWithKey, Logo } from "./types";
 
 export default function Navigation_A({
@@ -103,16 +103,12 @@ function NavItem({ link }: { link?: LabeledRoute }) {
   return (
     <li>
       <Button
-        asChild
-        variant="link"
+        as="link"
+        link={link}
+        variant="unstyled"
         aria-label={link?.label}
         className="text-sm text-gray-500 no-underline hover:text-gray-900">
-        <ConditionalLink
-          link={link}
-          ariaLabel={link?.label}
-          className="text-sm text-gray-500 no-underline hover:text-gray-900">
-          {link?.label}
-        </ConditionalLink>
+        {link?.label}
       </Button>
     </li>
   );
@@ -139,13 +135,12 @@ function ResponsiveNavLinks({
               {links?.map((link: any, index: number) => (
                 <li className="mb-1" key={index}>
                   <Button
-                    asChild
-                    variant="link"
+                    as="link"
+                    link={link}
+                    variant="unstyled"
                     aria-label={link?.label}
                     className="block w-full cursor-pointer p-4 text-sm font-semibold text-gray-900 no-underline rounded hover:bg-secondary-foreground hover:text-primary">
-                    <ConditionalLink link={link} ariaLabel={link?.label}>
-                      {link?.label}
-                    </ConditionalLink>
+                    {link?.label}
                   </Button>
                 </li>
               ))}
@@ -156,30 +151,22 @@ function ResponsiveNavLinks({
           <Flex direction="col" className="pt-6">
             {primaryButton?.label ? (
               <Button
-                asChild
+                as="link"
+                link={primaryButton}
                 aria-label={primaryButton?.label}
-                variant="outline"
+                variant="unstyled"
                 className="block w-full px-4 py-3 mb-3 text-xs cursor-pointer font-semibold leading-loose text-center text-gray-900 rounded-global bg-secondary hover:bg-secondary/50">
-                <ConditionalLink
-                  link={primaryButton}
-                  ariaLabel={primaryButton?.label}
-                  className="block w-full px-4 py-3 mb-3 text-xs cursor-pointer font-semibold leading-loose text-center text-gray-900 rounded-global bg-secondary hover:bg-secondary/50">
-                  {primaryButton?.label}
-                </ConditionalLink>
+                {primaryButton?.label}
               </Button>
             ) : null}
             {secondaryButton?.label ? (
               <Button
-                asChild
+                as="link"
+                link={secondaryButton}
                 aria-label={secondaryButton?.label}
-                variant="link"
+                variant="unstyled"
                 className={`block w-full px-4 py-3 mb-2 cursor-pointer leading-loose text-xs text-center font-semibold bg-primary hover:bg-primary-foreground rounded-global`}>
-                <ConditionalLink
-                  link={secondaryButton}
-                  ariaLabel={secondaryButton?.label}
-                  className={`block w-full px-4 py-3 mb-2 cursor-pointer leading-loose text-xs text-center font-semibold bg-primary hover:bg-primary-foreground rounded-global`}>
-                  {secondaryButton?.label}
-                </ConditionalLink>
+                {secondaryButton?.label}
               </Button>
             ) : null}
           </Flex>
@@ -222,24 +209,22 @@ function Buttons({
     <Flex align="center" gap={4}>
       {primaryButton?.label ? (
         <Button
-          asChild
+          as="link"
+          link={primaryButton}
           aria-label={primaryButton?.label}
-          variant="outline"
+          variant="unstyled"
           className="hidden lg:flex px-4 py-3 leading-loose text-center font-semibold text-secondary-foreground rounded-global bg-secondary hover:bg-secondary/50">
-          <ConditionalLink link={primaryButton} ariaLabel={primaryButton?.label}>
-            {primaryButton?.label}
-          </ConditionalLink>
+          {primaryButton?.label}
         </Button>
       ) : null}
       {secondaryButton?.label ? (
         <Button
-          asChild
+          as="link"
+          link={secondaryButton}
           aria-label={secondaryButton?.label}
-          variant="default"
+          variant="unstyled"
           className="hidden lg:flex px-4 py-3 leading-loose text-center font-semibold text-primary-foreground bg-primary hover:bg-primary/50 rounded-global">
-          <ConditionalLink link={secondaryButton} ariaLabel={secondaryButton?.label}>
-            {secondaryButton?.label}
-          </ConditionalLink>
+          {secondaryButton?.label}
         </Button>
       ) : null}
     </Flex>

package/src/navigation_b.tsx

@@ -90,12 +90,11 @@ function NavItem({ link }: { link?: LabeledRouteWithKey }) {
     <li>
       <Button
         variant="unstyled"
-        asChild
+        as="link"
+        link={link}
         aria-label={link?.label}
         className="text-sm text-gray-500 no-underline hover:text-gray-900">
-        <ConditionalLink link={link} ariaLabel={link?.label || "Navigation link"}>
-          {link?.label}
-        </ConditionalLink>
+        {link?.label}
       </Button>
     </li>
   );
@@ -131,22 +130,20 @@ function Buttons({
     <Flex align="center" gap={4}>
       {primaryButton?.label && (
         <Button
-          asChild
+          as="link"
+          link={primaryButton}
           aria-label={primaryButton?.label}
           className="hidden lg:flex px-4 py-3 leading-loose text-center font-semibold text-secondary-foreground rounded-global bg-secondary hover:bg-secondary/50">
-          <ConditionalLink link={primaryButton} ariaLabel={primaryButton?.label}>
-            {primaryButton?.label}
-          </ConditionalLink>
+          {primaryButton?.label}
         </Button>
       )}
       {secondaryButton?.label && (
         <Button
-          asChild
+          as="link"
+          link={secondaryButton}
           aria-label={secondaryButton?.label}
           className="hidden lg:flex px-4 py-3 leading-loose text-center font-semibold text-primary-foreground bg-primary hover:bg-primary/50 rounded-global">
-          <ConditionalLink link={secondaryButton} ariaLabel={secondaryButton?.label}>
-            {secondaryButton?.label}
-          </ConditionalLink>
+          {secondaryButton?.label}
         </Button>
       )}
     </Flex>
@@ -206,15 +203,11 @@ function ResponsiveNavLinks({
               {links?.map((link, index) => (
                 <li className="mb-1" key={index}>
                   <Button
-                    asChild
+                    as="link"
+                    link={link}
                     aria-label={link?.label}
                     className="block p-4 text-sm font-semibold text-gray-700 no-underline rounded hover:bg-secondary-foreground hover:text-primary">
-                    <ConditionalLink
-                      link={link}
-                      ariaLabel={link?.label || "Navigation link"}
-                      className="block p-4 text-sm font-semibold text-gray-700 no-underline rounded hover:bg-secondary-foreground hover:text-primary">
-                      {link?.label}
-                    </ConditionalLink>
+                    {link?.label}
                   </Button>
                 </li>
               ))}
@@ -224,28 +217,20 @@ function ResponsiveNavLinks({
             <div className="pt-6">
               {primaryButton?.label && (
                 <Button
-                  asChild
+                  as="link"
+                  link={primaryButton}
                   aria-label={primaryButton?.label}
                   className="block px-4 py-3 mb-2 text-gray-900 text-center lg:ml-auto lg:mr-3 font-semibold rounded-global bg-secondary hover:bg-secondary/50">
-                  <ConditionalLink
-                    link={primaryButton}
-                    ariaLabel={primaryButton?.label}
-                    className="block px-4 py-3 mb-2 text-gray-900 text-center lg:ml-auto lg:mr-3 font-semibold rounded-global bg-secondary hover:bg-secondary/50">
-                    {primaryButton?.label}
-                  </ConditionalLink>
+                  {primaryButton?.label}
                 </Button>
               )}
               {secondaryButton?.label && (
                 <Button
-                  asChild
+                  as="link"
+                  link={secondaryButton}
                   aria-label={secondaryButton?.label}
                   className="block px-4 py-3 mb-2 leading-loose text-center text-white font-semibold bg-primary hover:bg-primary-foreground rounded-global">
-                  <ConditionalLink
-                    link={secondaryButton}
-                    ariaLabel={secondaryButton?.label}
-                    className="block px-4 py-3 mb-2 leading-loose text-center text-white font-semibold bg-primary hover:bg-primary-foreground rounded-global">
-                    {secondaryButton?.label}
-                  </ConditionalLink>
+                  {secondaryButton?.label}
                 </Button>
               )}
             </div>

package/src/navigation_c.tsx

@@ -67,16 +67,12 @@ function NavItem({ link }: { link?: LabeledRouteWithKey }) {
   return (
     <li>
       <Button
+        as="link"
+        link={link}
         variant="unstyled"
-        asChild
         aria-label={link?.label}
         className="text-sm text-gray-500 no-underline hover:text-gray-900">
-        <ConditionalLink
-          link={link}
-          ariaLabel={link?.label || "Navigation link"}
-          className="text-sm text-gray-500 no-underline hover:text-gray-900">
-          {link?.label}
-        </ConditionalLink>
+        {link?.label}
       </Button>
     </li>
   );
@@ -134,22 +130,20 @@ function Buttons({
     <div className="hidden lg:text-right lg:block lg:w-1/3">
       {primaryButton?.label && (
         <Button
-          asChild
+          as="link"
+          link={primaryButton}
           aria-label={primaryButton?.label}
           className="px-4 py-3 text-secondary-foreground lg:ml-auto lg:mr-3 font-semibold rounded-global bg-secondary hover:bg-secondary/50">
-          <ConditionalLink link={primaryButton} ariaLabel={primaryButton?.label}>
-            {primaryButton?.label}
-          </ConditionalLink>
+          {primaryButton?.label}
         </Button>
       )}
       {secondaryButton?.label && (
         <Button
-          asChild
+          as="link"
+          link={secondaryButton}
           aria-label={secondaryButton?.label}
           className="px-4 py-3 leading-loose text-center text-primary-foreground font-semibold bg-primary hover:bg-primary/50 rounded-global">
-          <ConditionalLink link={secondaryButton} ariaLabel={secondaryButton?.label}>
-            {secondaryButton?.label}
-          </ConditionalLink>
+          {secondaryButton?.label}
         </Button>
       )}
     </div>
@@ -210,15 +204,11 @@ function ResponsiveNavLinks({
               links?.map((link, index) => (
                 <li className="mb-1" key={index}>
                   <Button
-                    asChild
+                    as="link"
+                    link={link}
                     aria-label={link?.label}
                     className="block p-4 text-sm font-semibold text-gray-700 no-underline rounded hover:bg-secondary-foreground hover:text-primary">
-                    <ConditionalLink
-                      link={link}
-                      ariaLabel={link?.label || "Navigation link"}
-                      className="block p-4 text-sm font-semibold text-gray-700 no-underline rounded hover:bg-secondary-foreground hover:text-primary">
-                      {link?.label}
-                    </ConditionalLink>
+                    {link?.label}
                   </Button>
                 </li>
               ))}
@@ -228,28 +218,20 @@ function ResponsiveNavLinks({
           <div className="pt-6">
             {primaryButton?.label && (
               <Button
-                asChild
+                as="link"
+                link={primaryButton}
                 aria-label={primaryButton?.label}
                 className="block px-4 py-3 mb-2 text-gray-900 text-center lg:ml-auto lg:mr-3 font-semibold rounded-global bg-secondary hover:bg-secondary/50">
-                <ConditionalLink
-                  link={primaryButton}
-                  ariaLabel={primaryButton?.label}
-                  className="block px-4 py-3 mb-2 text-gray-900 text-center lg:ml-auto lg:mr-3 font-semibold rounded-global bg-secondary hover:bg-secondary/50">
-                  {primaryButton?.label}
-                </ConditionalLink>
+                {primaryButton?.label}
               </Button>
             )}
             {secondaryButton?.label && (
               <Button
-                asChild
+                as="link"
+                link={secondaryButton}
                 aria-label={secondaryButton?.label}
                 className="block px-4 py-3 mb-2 leading-loose text-center text-white font-semibold bg-primary hover:bg-primary-foreground rounded-global">
-                <ConditionalLink
-                  link={secondaryButton}
-                  ariaLabel={secondaryButton?.label}
-                  className="block px-4 py-3 mb-2 leading-loose text-center text-white font-semibold bg-primary hover:bg-primary-foreground rounded-global">
-                  {secondaryButton?.label}
-                </ConditionalLink>
+                {secondaryButton?.label}
               </Button>
             )}
           </div>

package/src/navigation_d.tsx

@@ -65,16 +65,13 @@ function NavItem({ link }: { link?: LabeledRouteWithKey }) {
   return (
     <li>
       <Button
+        as="link"
+        link={link}
         variant="unstyled"
         asChild
         aria-label={link?.label}
         className="text-sm text-gray-500 no-underline hover:text-gray-900">
-        <ConditionalLink
-          link={link}
-          ariaLabel={link?.label || "Navigation link"}
-          className="text-sm text-gray-500 no-underline hover:text-gray-900">
-          {link?.label}
-        </ConditionalLink>
+        {link?.label}
       </Button>
     </li>
   );
@@ -132,24 +129,22 @@ function Buttons({
     <div className="hidden lg:flex lg:gap-4">
       {primaryButton?.label && (
         <Button
-          asChild
+          as="link"
+          link={primaryButton}
           variant="unstyled"
           aria-label={primaryButton?.label}
           className="px-4 py-3 leading-loose text-center text-secondary-foreground font-semibold rounded-global bg-secondary hover:bg-secondary/50">
-          <ConditionalLink link={primaryButton} ariaLabel={primaryButton?.label}>
-            {primaryButton?.label}
-          </ConditionalLink>
+          {primaryButton?.label}
         </Button>
       )}
       {secondaryButton?.label && (
         <Button
-          asChild
+          as="link"
+          link={secondaryButton}
           variant="unstyled"
           aria-label={secondaryButton?.label}
           className="px-4 py-3 leading-loose text-center text-primary-foreground font-semibold bg-primary hover:bg-primary/50 rounded-global">
-          <ConditionalLink link={secondaryButton} ariaLabel={secondaryButton?.label}>
-            {secondaryButton?.label}
-          </ConditionalLink>
+          {secondaryButton?.label}
         </Button>
       )}
     </div>
@@ -209,15 +204,11 @@ function ResponsiveNavLinks({
             links.map((link, index) => (
               <li className="mb-1" key={index}>
                 <Button
-                  asChild
+                  as="link"
+                  link={link}
                   aria-label={link.label}
                   className="block p-4 text-sm font-semibold text-gray-700 no-underline rounded hover:bg-secondary-foreground hover:text-primary">
-                  <ConditionalLink
-                    link={link}
-                    ariaLabel={link.label || "Navigation link"}
-                    className="block p-4 text-sm font-semibold text-gray-700 no-underline rounded hover:bg-secondary-foreground hover:text-primary">
-                    {link.label}
-                  </ConditionalLink>
+                  {link.label}
                 </Button>
               </li>
             ))}
@@ -225,28 +216,20 @@ function ResponsiveNavLinks({
         <div className="mt-auto pt-6">
           {primaryButton?.label && (
             <Button
-              asChild
+              as="link"
+              link={primaryButton}
               aria-label={primaryButton.label}
               className="block px-4 py-3 mb-2 text-center font-semibold rounded-global bg-secondary hover:bg-secondary/50">
-              <ConditionalLink
-                link={primaryButton}
-                ariaLabel={primaryButton.label}
-                className="block px-4 py-3 mb-2 text-center font-semibold rounded-global bg-secondary hover:bg-secondary/50">
-                {primaryButton.label}
-              </ConditionalLink>
+              {primaryButton.label}
             </Button>
           )}
           {secondaryButton?.label && (
             <Button
-              asChild
+              as="link"
+              link={secondaryButton}
               aria-label={secondaryButton.label}
               className="block px-4 py-3 mb-2 leading-loose text-center text-white font-semibold bg-primary hover:bg-primary-foreground rounded-global">
-              <ConditionalLink
-                link={secondaryButton}
-                ariaLabel={secondaryButton.label}
-                className="block px-4 py-3 mb-2 leading-loose text-center text-white font-semibold bg-primary hover:bg-primary-foreground rounded-global">
-                {secondaryButton.label}
-              </ConditionalLink>
+              {secondaryButton.label}
             </Button>
           )}
         </div>

package/src/navigation_f.tsx

@@ -1,3 +1,4 @@
+import { Button } from "@stackshift-ui/button";
 import { Container } from "@stackshift-ui/container";
 import { Flex } from "@stackshift-ui/flex";
 import { Image } from "@stackshift-ui/image";
@@ -47,10 +48,10 @@ const NavigationButton = ({ button, hasScrolled }: { button: any; hasScrolled: b
   if (!button?.label) return null;
 
   return (
-    <ConditionalLink
-      ariaLabel={button?.label}
+    <Button
+      as="link"
       link={button}
-      target={button?.linkTarget}
+      variant="unstyled"
       className={`font-body ml-auto p-2.5 md:p-3 transition duration-200 font-medium flex items-center space-x-2 text-left ${
         hasScrolled
           ? "text-white border border-white bg-transparent hover:bg-white hover:text-black"
@@ -66,7 +67,7 @@ const NavigationButton = ({ button, hasScrolled }: { button: any; hasScrolled: b
       <span className="text-sm md:text-base sm:block hidden whitespace-nowrap">
         {button?.label}
       </span>
-    </ConditionalLink>
+    </Button>
   );
 };
 
@@ -201,15 +202,15 @@ const NavigationLink = ({
 }) => {
   if (!link?.multipleRoutes) {
     return (
-      <ConditionalLink
-        ariaLabel={link?.label || ""}
+      <Button
+        as="link"
         link={link}
-        target={link?.linkTarget}
+        variant="unstyled"
         className={`hover:text-secondary font-body text-lg whitespace-nowrap ${
           hasScrolled ? "text-white" : "text-black"
         }`}>
         {link?.label}
-      </ConditionalLink>
+      </Button>
     );
   }
 
@@ -225,15 +226,15 @@ const NavigationLink = ({
             e.stopPropagation();
             handleDropdownChange(dropdown === index ? null : index);
           }}>
-          <ConditionalLink
-            ariaLabel={link?.label || ""}
+          <Button
+            as="link"
             link={link}
-            target={link?.linkTarget}
+            variant="unstyled"
             className={`hover:text-secondary font-body text-lg cursor-pointer ${
               hasScrolled ? "text-white" : "text-black"
             }`}>
             {link?.label}
-          </ConditionalLink>
+          </Button>
 
           <BiChevronDown
             size={24}
@@ -315,13 +316,13 @@ const DropdownMenuItem = ({
       <div className="relative group">
         {mLink?.internalLink || mLink?.externalLink ? (
           <Flex align="center">
-            <ConditionalLink
-              ariaLabel={mLink?.label || ""}
+            <Button
+              as="link"
               link={mLink}
-              target={mLink?.linkTarget}
+              variant="unstyled"
               className="font-body hover:text-secondary text-lg cursor-pointer py-2 pl-4 text-white">
               {mLink?.label}
-            </ConditionalLink>
+            </Button>
             <BiChevronDown
               size={24}
               className="font-bold mt-0.5 cursor-pointer group-hover:translate-y-0.5 transition group-hover:text-secondary text-white"
@@ -432,17 +433,17 @@ const Drawer = ({
               {link?.label}
             </p>
           ) : (
-            <ConditionalLink
-              ariaLabel={link?.label || ""}
+            <Button
+              as="link"
               link={link}
-              target={link?.linkTarget}
+              variant="unstyled"
               className={`text-xl font-body ${
                 hasScrolled ? "text-white" : "text-black"
               } hover:text-secondary`}>
               <p className="w-full h-full" onClick={showMenu}>
                 {link?.label}
               </p>
-            </ConditionalLink>
+            </Button>
           )
         ) : (
           <p

package/src/navigation_h.tsx

@@ -177,7 +177,9 @@ const MobileMenuContent = ({ data, showMobileMenu, setShowMobileMenu }: MobileMe
       ref={ref}
       className="fixed w-[75%] h-screen top-0 right-0 bg-white md:hidden z-50 py-10 px-5 overflow-y-auto">
       <Accordion>
-        {data?.map(item => <MobileMenuContentItem key={item._key} megaMenu={item} />)}
+        {data?.map(item => (
+          <MobileMenuContentItem key={item._key} megaMenu={item} />
+        ))}
       </Accordion>
     </div>
   );
@@ -222,14 +224,11 @@ const MobileMenuContentItem = React.memo(({ megaMenu }: MobileMenuContentItemPro
                   {groupedLinksItem.links?.map(link => (
                     <Button
                       key={`MobileMenuContent-Item-Group-Link-${link._key}`}
-                      asChild
+                      as="link"
                       variant="ghost"
+                      link={link}
                       className="text-black text-sm font-normal font-heading-kb leading-[30px] hover:underline block ml-4">
-                      <ConditionalLink link={link} ariaLabel={link.label ?? "Navigation link"}>
-                        <ConditionalLink link={link} ariaLabel={link.label ?? "Navigation link"}>
-                          {link.label}
-                        </ConditionalLink>
-                      </ConditionalLink>
+                      {link.label}
                     </Button>
                   ))}
                 </div>
@@ -241,24 +240,21 @@ const MobileMenuContentItem = React.memo(({ megaMenu }: MobileMenuContentItemPro
         {megaMenu.showcaseLink?.map((link, i) => (
           <div key={`MobileMenuContent-Item-Images-${link._key}-${i}`} className="mt-4 pl-4">
             <Button
-              asChild
+              as="link"
               variant="ghost"
+              link={link.primaryButton}
               className="text-black text-sm font-normal font-heading-kb leading-[30px]">
-              <ConditionalLink
-                link={link.primaryButton}
-                ariaLabel={link.primaryButton?.label ?? "Navigation link"}>
-                <Flex direction="col" gap={3}>
-                  <Image
-                    key={i}
-                    src={link.mainImage?.image}
-                    alt={link.mainImage?.alt ?? ""}
-                    width={200}
-                    height={150}
-                    className="w-[188px] h-[147px] object-cover object-center"
-                  />
-                  {link.primaryButton?.label}
-                </Flex>
-              </ConditionalLink>
+              <Flex direction="col" gap={3}>
+                <Image
+                  key={i}
+                  src={link.mainImage?.image}
+                  alt={link.mainImage?.alt ?? ""}
+                  width={200}
+                  height={150}
+                  className="w-[188px] h-[147px] object-cover object-center"
+                />
+                {link.primaryButton?.label}
+              </Flex>
             </Button>
           </div>
         ))}
@@ -418,10 +414,8 @@ const NavItem = ({ link, isIcon }: NavItemProps) => {
 
   return (
     <li>
-      <Button variant="unstyled" asChild className="text-sm font-label tracking-wide">
-        <ConditionalLink link={link} ariaLabel={link?.label ?? "Navigation link"}>
-          {!isIcon ? link?.label : icon}
-        </ConditionalLink>
+      <Button as="link" link={link} variant="unstyled" className="text-sm font-label tracking-wide">
+        {!isIcon ? link?.label : icon}
       </Button>
     </li>
   );
@@ -499,7 +493,6 @@ interface MegaMenuNavLinkProps {
 const MegaMenuNavLink = ({ link, className }: MegaMenuNavLinkProps) => {
   return (
     <Button
-      asChild
       variant="unstyled"
       className={cn(
         "relative text-black text-sm font-normal font-label uppercase tracking-widest group",
@@ -676,16 +669,14 @@ function MegaDropdownGroupedLinks({ groupedLinks }: { groupedLinks: LabeledRoute
                         {link.links?.map((link: any, i: number) => {
                           return (
                             <Button
+                              as="link"
+                              link={link}
                               key={`MegaDropdownContent-Item-Link-${link._key}-${i}`}
                               aria-label={link.label ?? ""}
                               variant="unstyled"
                               asChild
                               className="text-black text-sm font-normal font-heading-kb leading-[30px] hover:underline">
-                              <ConditionalLink
-                                link={link}
-                                ariaLabel={link.label ?? "Navigation link"}>
-                                {link?.label}
-                              </ConditionalLink>
+                              {link?.label}
                             </Button>
                           );
                         })}
@@ -717,25 +708,23 @@ function MegaDropdownShowcaseLinks({
 
         return (
           <Button
+            as="link"
+            link={link.primaryButton}
             key={`MegaDropdownContent-Item-Images-${link._key}-${i}`}
             aria-label={link.primaryButton?.label ?? ""}
             variant="unstyled"
             asChild
             className="text-center text-black text-sm font-normal font-heading-kb leading-[30px] hover:underline">
-            <ConditionalLink
-              link={link.primaryButton}
-              ariaLabel={link.primaryButton?.label ?? "Navigation link"}>
-              <Flex direction="col" align="center" justify="center" gap={3}>
-                <Image
-                  key={i}
-                  src={imageUrl}
-                  alt={link.mainImage?.alt ?? ""}
-                  width={500}
-                  height={500}
-                  className="w-[188px] h-[147px] object-cover object-center"></Image>
-                {link.primaryButton?.label}
-              </Flex>
-            </ConditionalLink>
+            <Flex direction="col" align="center" justify="center" gap={3}>
+              <Image
+                key={i}
+                src={imageUrl}
+                alt={link.mainImage?.alt ?? ""}
+                width={500}
+                height={500}
+                className="w-[188px] h-[147px] object-cover object-center"></Image>
+              {link.primaryButton?.label}
+            </Flex>
           </Button>
         );
       })}

package/dist/chunk-5TVYK3JB.mjs

@@ -1 +0,0 @@
-import{a as g,b as m}from"./chunk-S35O64PB.mjs";import{Button as o}from"@stackshift-ui/button";import{Container as f}from"@stackshift-ui/container";import{Flex as d}from"@stackshift-ui/flex";import{Image as h}from"@stackshift-ui/image";import{Link as c}from"@stackshift-ui/link";import{Section as N}from"@stackshift-ui/section";import{Text as w}from"@stackshift-ui/text";import n from"react";import{jsx as a,jsxs as b}from"react/jsx-runtime";function p({links:e,primaryButton:l,secondaryButton:t,logo:i}){let[s,r]=n.useState(!1),v=()=>{r(x=>!x)};return b(N,{className:"bg-background",children:[a("nav",{className:"relative py-6",children:a(f,{maxWidth:1280,children:b(d,{align:"center",justify:"between",gap:4,children:[a(L,{links:e}),a(M,{logo:i}),a(R,{primaryButton:l,secondaryButton:t}),a(z,{showMenu:v})]})})}),a(F,{menu:s,showMenu:v,links:e,primaryButton:l,secondaryButton:t})]})}function L({links:e}){return e?a(d,{children:a("ul",{className:"hidden lg:flex lg:items-center lg:gap-5",children:e==null?void 0:e.map((l,t)=>b(n.Fragment,{children:[(l==null?void 0:l.label)&&a(C,{link:l}),e.length!==t+1?a(u,{}):null]},t))})}):null}function C({link:e}){return e?a("li",{children:a(o,{variant:"unstyled",asChild:!0,"aria-label":e==null?void 0:e.label,className:"text-sm text-gray-500 no-underline hover:text-gray-900",children:a(m,{link:e,ariaLabel:(e==null?void 0:e.label)||"Navigation link",className:"text-sm text-gray-500 no-underline hover:text-gray-900",children:e==null?void 0:e.label})})}):null}function u(){return a("li",{className:"text-gray-500",children:a("svg",{className:"w-4 h-4 current-fill",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:a("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"})})})}function M({logo:e}){var l;return e?a("div",{className:"w-full lg:w-fit items-center justify-center",children:a(c,{className:"w-20 h-14 flex justify-center items-center","aria-label":g(e)==="/"?"Go to home page":`Go to ${g(e)}`,href:g(e),target:e==null?void 0:e.linkTarget,rel:(e==null?void 0:e.linkTarget)==="_blank"?"noopener noreferrer":"",children:a(h,{className:"w-fit h-full object-contain",src:`${e==null?void 0:e.image}`,sizes:"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",alt:(l=e==null?void 0:e.alt)!=null?l:"navigation-logo"})})}):null}function R({primaryButton:e,secondaryButton:l}){return b("div",{className:"hidden lg:text-right lg:block lg:w-1/3",children:[(e==null?void 0:e.label)&&a(o,{asChild:!0,"aria-label":e==null?void 0:e.label,className:"px-4 py-3 text-secondary-foreground lg:ml-auto lg:mr-3 font-semibold rounded-global bg-secondary hover:bg-secondary/50",children:a(m,{link:e,ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label})}),(l==null?void 0:l.label)&&a(o,{asChild:!0,"aria-label":l==null?void 0:l.label,className:"px-4 py-3 leading-loose text-center text-primary-foreground font-semibold bg-primary hover:bg-primary/50 rounded-global",children:a(m,{link:l,ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})})]})}function z({showMenu:e}){return a("div",{className:"ml-auto lg:hidden",children:a(o,{"aria-label":"Navigation menu",className:"flex items-center p-3 navbar-burger text-primary",onClick:e,children:b("svg",{className:"block w-4 h-4 fill-current",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:[a("title",{children:"Mobile menu"}),a("path",{d:"M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"})]})})})}function F({menu:e,showMenu:l,links:t,primaryButton:i,secondaryButton:s}){return b("div",{className:`${e?null:"hidden"} mobile-nav relative z-50`,children:[a("div",{className:"fixed inset-0 bg-gray-800 opacity-25 navbar-backdrop",onClick:l}),b("nav",{className:"fixed top-0 bottom-0 left-0 flex flex-col w-5/6 max-w-sm px-6 py-6 overflow-y-auto bg-white border-r",children:[a("div",{className:"flex items-center mb-8",children:a(o,{"aria-label":"Close navigation menu",className:"navbar-close",onClick:l,children:a("svg",{className:"w-6 h-6 text-gray-500 cursor-pointer hover:text-gray-500",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:a("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M6 18L18 6M6 6l12 12"})})})}),a("div",{children:a("ul",{children:t&&(t==null?void 0:t.map((r,v)=>a("li",{className:"mb-1",children:a(o,{asChild:!0,"aria-label":r==null?void 0:r.label,className:"block p-4 text-sm font-semibold text-gray-700 no-underline rounded hover:bg-secondary-foreground hover:text-primary",children:a(m,{link:r,ariaLabel:(r==null?void 0:r.label)||"Navigation link",className:"block p-4 text-sm font-semibold text-gray-700 no-underline rounded hover:bg-secondary-foreground hover:text-primary",children:r==null?void 0:r.label})})},v)))})}),b("div",{className:"mt-auto",children:[b("div",{className:"pt-6",children:[(i==null?void 0:i.label)&&a(o,{asChild:!0,"aria-label":i==null?void 0:i.label,className:"block px-4 py-3 mb-2 text-gray-900 text-center lg:ml-auto lg:mr-3 font-semibold rounded-global bg-secondary hover:bg-secondary/50",children:a(m,{link:i,ariaLabel:i==null?void 0:i.label,className:"block px-4 py-3 mb-2 text-gray-900 text-center lg:ml-auto lg:mr-3 font-semibold rounded-global bg-secondary hover:bg-secondary/50",children:i==null?void 0:i.label})}),(s==null?void 0:s.label)&&a(o,{asChild:!0,"aria-label":s==null?void 0:s.label,className:"block px-4 py-3 mb-2 leading-loose text-center text-white font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:a(m,{link:s,ariaLabel:s==null?void 0:s.label,className:"block px-4 py-3 mb-2 leading-loose text-center text-white font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:s==null?void 0:s.label})})]}),a(w,{fontSize:"xs",className:"my-4 text-center text-gray-700",children:a("span",{children:`\xA9 ${new Date().getFullYear()} All rights reserved.`})})]})]})]})}export{p as a};

package/dist/chunk-7JNLKLGB.mjs

@@ -1 +0,0 @@
-import{lazy as e}from"react";import{jsx as V}from"react/jsx-runtime";var i={variant_a:e(()=>import("./navigation_a.mjs")),variant_b:e(()=>import("./navigation_b.mjs")),variant_c:e(()=>import("./navigation_c.mjs")),variant_d:e(()=>import("./navigation_d.mjs")),variant_f:e(()=>import("./navigation_f.mjs")),variant_g:e(()=>import("./navigation_g.mjs")),variant_h:e(()=>import("./navigation_h.mjs"))},C="Navigation",F=({data:n})=>{var s,u,l,p,v,c,L,m,t,y,f,g,b,k,M,R,B,h,_,N,K,W,w,P,S,x;let o=n==null?void 0:n.variant,r=o&&(i==null?void 0:i[o]),z={logo:(u=(s=n==null?void 0:n.variants)==null?void 0:s.logo)!=null?u:void 0,links:(p=(l=n==null?void 0:n.variants)==null?void 0:l.routes)!=null?p:void 0,primaryButton:(c=(v=n==null?void 0:n.variants)==null?void 0:v.primaryButton)!=null?c:void 0,secondaryButton:(m=(L=n==null?void 0:n.variants)==null?void 0:L.secondaryButton)!=null?m:void 0,banner:(y=(t=n==null?void 0:n.variants)==null?void 0:t.banner)!=null?y:void 0,multipleLinks:(g=(f=n==null?void 0:n.variants)==null?void 0:f.multipleLinks)!=null?g:void 0,title:(k=(b=n==null?void 0:n.variants)==null?void 0:b.title)!=null?k:void 0,dropdownMenu:(R=(M=n==null?void 0:n.variants)==null?void 0:M.dropdownMenu)!=null?R:void 0,logos:(h=(B=n==null?void 0:n.variants)==null?void 0:B.logos)!=null?h:void 0,socialMedia:(N=(_=n==null?void 0:n.variants)==null?void 0:_.socialMedia)!=null?N:void 0,socialLinks:(W=(K=n==null?void 0:n.variants)==null?void 0:K.socialLinks)!=null?W:void 0,iconLinks:(P=(w=n==null?void 0:n.variants)==null?void 0:w.iconLinks)!=null?P:void 0,megaMenu:(x=(S=n==null?void 0:n.variants)==null?void 0:S.megaMenu)!=null?x:void 0};return r?V(r,{...z}):null};F.displayName=C;export{F as a};

package/dist/chunk-7PZN5XLN.mjs

@@ -1 +0,0 @@
-import{a as E,b as h}from"./chunk-S35O64PB.mjs";import{Container as K}from"@stackshift-ui/container";import{Flex as N}from"@stackshift-ui/flex";import{Image as W}from"@stackshift-ui/image";import{Link as z}from"@stackshift-ui/link";import{Section as I}from"@stackshift-ui/section";import{useEffect as D,useRef as T,useState as y}from"react";import{BiArrowBack as P,BiChevronDown as R,BiMenu as H}from"react-icons/bi";import{BsFillTelephoneFill as B,BsTelephone as O}from"react-icons/bs";import{MdClose as _}from"react-icons/md";import{Fragment as F,jsx as o,jsxs as c}from"react/jsx-runtime";var j=({logo:e,hasScrolled:a})=>{var s;return e!=null&&e.image?o(z,{"aria-label":`Go to ${E(e)==="/"?"home page":E(e)}`,className:"text-3xl",href:E(e),target:e==null?void 0:e.linkTarget,rel:(e==null?void 0:e.linkTarget)==="_blank"?"noopener noreferrer":"",children:o(W,{src:a?e==null?void 0:e.image:"https://cdn.sanity.io/images/9itgab5x/staging/7f9353c628ae4dd0bdd479d3b1407a3c242755e8-1963x833.png?fm=webp&w=96&q=75",width:500,height:500,alt:(s=e==null?void 0:e.alt)!=null?s:"navigation-logo",className:`transition-all duration-500 w-28 ${a?"md:w-40":"md:w-44"}`})}):null},Y=({button:e,hasScrolled:a})=>e!=null&&e.label?c(h,{ariaLabel:e==null?void 0:e.label,link:e,target:e==null?void 0:e.linkTarget,className:`font-body ml-auto p-2.5 md:p-3 transition duration-200 font-medium flex items-center space-x-2 text-left ${a?"text-white border border-white bg-transparent hover:bg-white hover:text-black":"text-white bg-secondary hover:text-secondary hover:border hover:border-black/40 hover:bg-white"}`,children:[o("span",{className:"flex-none text-3xl sm:text-xl",children:a?o(O,{className:"text-lg md:text-xl"}):o(B,{className:"text-lg md:text-xl"})}),o("span",{className:"text-sm md:text-base sm:block hidden whitespace-nowrap",children:e==null?void 0:e.label})]}):null,q=({hasScrolled:e,menu:a,showMenu:s})=>c("div",{children:[o(H,{color:e?"white":"black",size:40,onClick:s,className:`cursor-pointer hover:scale-105 transition lg:hidden block ${a?"hidden":"block"}`}),o(_,{color:e?"white":"black",size:40,onClick:s,className:`cursor-pointer hover:scale-105 transition lg:hidden block ${a?"block":"hidden"}`})]});function A({primaryButton:e,secondaryButton:a,logo:s,multipleLinks:r,title:u}){let[p,l]=y(null),n=T(null),[f,S]=y(!1),[i,C]=y(!1),M=d=>{n.current&&!n.current.contains(d.target)&&l(null)};D(()=>{let d=x=>{M(x)};return document.addEventListener("click",d),()=>{document.removeEventListener("click",d)}},[]);let w=d=>{d&&d.stopPropagation(),S(x=>!x)};return D(()=>{let d=()=>{C(window.scrollY>0)};return window.addEventListener("scroll",d),()=>window.removeEventListener("scroll",d)},[]),o(F,{children:c(I,{className:`fixed !z-[999999] w-full left-0 transition-all top-0 ${i?"bg-black/80":"bg-background"}`,children:[o(K,{children:c("div",{className:"flex justify-between space-x-5 py-2 items-center",children:[o(j,{logo:s,hasScrolled:i}),o(N,{direction:"row",align:"center",className:"hidden lg:flex gap-x-8",children:r==null?void 0:r.map((d,x)=>o(G,{link:d,index:x,dropdown:p,setDropdown:l,hasScrolled:i,dropdownRef:n},x))}),c(N,{direction:"row",align:"center",gap:2,children:[((e==null?void 0:e.label)||(a==null?void 0:a.label))&&o("div",{className:"flex space-x-4 sm:space-x-6 items-center",children:o(Y,{button:e,hasScrolled:i})}),o(q,{hasScrolled:i,menu:f,showMenu:w})]})]})}),o(U,{links:r,open:f,showMenu:w})]})})}var G=({link:e,index:a,dropdown:s,setDropdown:r,hasScrolled:u,dropdownRef:p})=>{if(!(e!=null&&e.multipleRoutes))return o(h,{ariaLabel:(e==null?void 0:e.label)||"",link:e,target:e==null?void 0:e.linkTarget,className:`hover:text-secondary font-body text-lg whitespace-nowrap ${u?"text-white":"text-black"}`,children:e==null?void 0:e.label});let l=n=>{r(n)};return c("div",{className:"relative",children:[e!=null&&e.internalLink||e!=null&&e.externalLink?c(N,{onMouseEnter:n=>{n.stopPropagation(),l(s===a?null:a)},children:[o(h,{ariaLabel:(e==null?void 0:e.label)||"",link:e,target:e==null?void 0:e.linkTarget,className:`hover:text-secondary font-body text-lg cursor-pointer ${u?"text-white":"text-black"}`,children:e==null?void 0:e.label}),o(R,{size:24,className:`font-bold mt-0.5 font-body cursor-pointer hover:text-secondary hover:translate-y-0.5 transition ${u?"text-white":"text-black"} ${s===a&&"translate-y-0.5 !text-secondary"}`,onClick:n=>{n.stopPropagation(),l(a)}})]}):c("p",{className:`hover:text-secondary font-body text-lg cursor-pointer flex items-center group ${u?"text-white":"text-black"}`,onClick:n=>{n.stopPropagation(),l(s===a?null:a)},onMouseEnter:n=>{n.stopPropagation(),l(s===a?null:a)},children:[e==null?void 0:e.label,o(R,{size:24,className:`font-bold mt-0.5 group-hover:translate-y-0.5 transition ${s===a&&"translate-y-0.5 text-secondary"}`})]}),s===a&&o(J,{link:e,dropdownRef:p,setDropdown:r,hasScrolled:u})]})},J=({link:e,dropdownRef:a,setDropdown:s,hasScrolled:r})=>{var u;return c("div",{ref:a,className:"absolute flex flex-col top-8 bg-primary rounded rounded-tl-none",onMouseLeave:()=>s(null),children:[o("span",{className:"absolute top-0 w-0 h-0 border-x-transparent border-t-transparent border-b-primary border-[6px] transform -translate-y-3"}),(u=e==null?void 0:e.multipleRoutes)==null?void 0:u.map((p,l)=>o(Q,{mLink:p,hasScrolled:r},l))]})},Q=({mLink:e,hasScrolled:a})=>{var s;return e!=null&&e.multipleInnerRoutes?c("div",{className:"relative group",children:[e!=null&&e.internalLink||e!=null&&e.externalLink?c(N,{align:"center",children:[o(h,{ariaLabel:(e==null?void 0:e.label)||"",link:e,target:e==null?void 0:e.linkTarget,className:"font-body hover:text-secondary text-lg cursor-pointer py-2 pl-4 text-white",children:e==null?void 0:e.label}),o(R,{size:24,className:"font-bold mt-0.5 cursor-pointer group-hover:translate-y-0.5 transition group-hover:text-secondary text-white"})]}):c("p",{className:"hover:text-secondary text-lg cursor-pointer flex items-center group py-2 px-4 text-white",children:[e==null?void 0:e.label,o(R,{size:24,className:"font-bold mt-0.5 group-hover:translate-y-0.5 transition"})]}),o("div",{className:"absolute hidden flex-col top-0 left-full bg-primary rounded-r rounded-r-b group-hover:flex hover:flex",children:(s=e==null?void 0:e.multipleInnerRoutes)==null?void 0:s.map((r,u)=>o(h,{ariaLabel:(r==null?void 0:r.label)||"",link:r,target:r==null?void 0:r.linkTarget,className:"hover:text-secondary font-body text-lg py-2 px-4 whitespace-nowrap text-white",children:r==null?void 0:r.label},u))})]}):o(h,{ariaLabel:(e==null?void 0:e.label)||"",link:e,target:e==null?void 0:e.linkTarget,className:"hover:text-secondary font-body text-lg py-2 px-4 whitespace-nowrap text-white",children:e==null?void 0:e.label})},U=({links:e,open:a,showMenu:s})=>{var M,w,d,x;let[r,u]=y(!1),p=T(null);D(()=>{let t=()=>u(window.scrollY>0);return window.addEventListener("scroll",t),()=>window.removeEventListener("scroll",t)},[]),D(()=>{let t=b=>{p.current&&!p.current.contains(b.target)&&!b.target.closest(".BiMenu")&&a&&s(b)};return document.addEventListener("click",t),()=>document.removeEventListener("click",t)},[a,s]);let[l,n]=y({previous:null,index:null}),f=(t,b)=>{n({previous:t,index:b})},S=(t,b,v=!1,m)=>{let g=(t==null?void 0:t.label)==="New Construction",$=(t==null?void 0:t.label)==="Renovations"||(t==null?void 0:t.label)==="Renovation";return c("div",{className:"flex items-center py-2 px-4",children:[t!=null&&t.internalLink||t!=null&&t.externalLink?g||$?o("p",{className:`text-xl font-body ${r?"text-white":"text-black"} hover:text-secondary cursor-pointer`,onClick:()=>window.location.href=`/projects/residential?filter=${g?"new_construction":"renovations"}`,children:t==null?void 0:t.label}):o(h,{ariaLabel:(t==null?void 0:t.label)||"",link:t,target:t==null?void 0:t.linkTarget,className:`text-xl font-body ${r?"text-white":"text-black"} hover:text-secondary`,children:o("p",{className:"w-full h-full",onClick:s,children:t==null?void 0:t.label})}):o("p",{className:`text-xl font-body peer cursor-pointer ${r?"text-white":"text-black"} hover:text-secondary`,onClick:m,children:t==null?void 0:t.label}),v&&o(R,{fontSize:24,className:`hover:-rotate-90 hover:text-secondary peer-hover:-rotate-90 peer-hover:text-secondary transition duration-200 cursor-pointer ${r?"text-white":"text-black"}`,onClick:m})]},b)},i=(t,b=!1)=>t.map((v,m)=>{let g=!!(v!=null&&v.multipleRoutes||v!=null&&v.multipleInnerRoutes);return S(v,m,g,g?()=>f(b?l.index:null,m):void 0)}),C=t=>c("p",{className:`hover:text-secondary text-xl font-body py-2 px-4 flex items-center gap-2 cursor-pointer group ${r?"text-white":"text-black"}`,onClick:t,children:[o(P,{}),"Back"]});return o(N,{className:`flex sm:block text-white overflow-hidden transition lg:hidden columns-2 ${a?"animate-curtain-down mt-5":"animate-curtain-up h-0"}`,children:o("div",{ref:p,onClick:t=>t.stopPropagation(),children:a&&c(F,{children:[e&&l.index===null&&i(e),l.previous===null&&l.index!==null&&c("div",{className:"flex flex-col",children:[C(()=>f(null,null)),i(((M=e[l.index])==null?void 0:M.multipleRoutes)||[],!0)]}),l.previous!==null&&l.index!==null&&c("div",{className:"flex flex-col",children:[C(()=>n({previous:null,index:l.previous})),i(((x=(d=(w=e[l.previous])==null?void 0:w.multipleRoutes)==null?void 0:d[l.index])==null?void 0:x.multipleInnerRoutes)||[])]})]})})})};export{A as a};

package/dist/chunk-AYUL7QX6.mjs

@@ -1 +0,0 @@
-import{a as v,b}from"./chunk-S35O64PB.mjs";import{Button as w}from"@stackshift-ui/button";import{Flex as f}from"@stackshift-ui/flex";import{Grid as S}from"@stackshift-ui/grid";import{Heading as $}from"@stackshift-ui/heading";import{Image as N}from"@stackshift-ui/image";import{Link as T}from"@stackshift-ui/link";import{Section as I}from"@stackshift-ui/section";import{Text as y}from"@stackshift-ui/text";import{useClickAway as R,useWindowScroll as k}from"@uidotdev/usehooks";import h from"classnames";import g,{createContext as B,forwardRef as E,Fragment as x,useCallback as j,useEffect as F,useMemo as G,useRef as H,useState as M}from"react";import{GoPerson as z}from"react-icons/go";import{LiaSearchSolid as O}from"react-icons/lia";import{SlLocationPin as W}from"react-icons/sl";import{Fragment as A,jsx as t,jsxs as m}from"react/jsx-runtime";var D=B(void 0),K=()=>{let e=g.useContext(D);if(!e)throw new Error("useAccordion must be used within an Accordion");return e},V=({className:e,children:a,defaultValue:n=[],onValueChange:o})=>{let[s,l]=M(n),r=g.useCallback(c=>{l(d=>{let u=d.includes(c)?d.filter(p=>p!==c):[...d,c];return o==null||o(u),u})},[o]),i=g.useMemo(()=>({openItems:s,toggleItem:r}),[s,r]);return t(D.Provider,{value:i,children:t("div",{className:h("w-full",e),children:a})})},J=({value:e,className:a,children:n})=>{let{openItems:o,toggleItem:s}=K(),l=o.includes(e);return t("div",{className:h("border-b border-gray-200",a),children:g.Children.map(n,r=>g.isValidElement(r)?g.cloneElement(r,{isOpen:l,onClick:()=>s(e)}):r)})},U=g.forwardRef(({className:e,children:a,isOpen:n,onClick:o,...s},l)=>m("button",{ref:l,type:"button",onClick:o,className:h("flex w-full items-center justify-between py-4 text-left",e),...s,children:[a,t("svg",{className:h("h-5 w-5 transform transition-transform duration-200",n?"rotate-180":""),fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:t("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})]})),q=g.forwardRef(({className:e,children:a,isOpen:n},o)=>t("div",{ref:o,className:h("overflow-hidden transition-all duration-200 ease-in-out",n?"max-h-[1000px] opacity-100":"max-h-0 opacity-0",e),children:t("div",{className:"pb-4",children:a})})),Q=({data:e,showMobileMenu:a,setShowMobileMenu:n})=>{let o=R(()=>{a&&n(!1)});return a?t("div",{ref:o,className:"fixed w-[75%] h-screen top-0 right-0 bg-white md:hidden z-50 py-10 px-5 overflow-y-auto",children:t(V,{children:e==null?void 0:e.map(s=>t(_,{megaMenu:s},s._key))})}):null},_=g.memo(({megaMenu:e})=>{var a,n;return e._type==="isLinkOnly"?t(T,{href:e.linkExternal||"#",target:e.linkTarget,className:"block py-4 text-base font-medium text-gray-900 hover:text-gray-700 uppercase",children:e.label}):m(J,{value:e._key,children:[t(U,{className:"text-base font-medium text-gray-900 uppercase w-full py-4",children:e.title}),m(q,{children:[(a=e.groupOfLinks)==null?void 0:a.map(o=>{var s;return m("div",{className:"mt-4 pl-4",children:[t(y,{className:"text-black font-medium leading-[30px]",children:o.title}),t(f,{direction:"col",align:"start",justify:"start",gap:1,className:"relative w-full pl-4",children:(s=o.links)==null?void 0:s.map(l=>{var r;return m("div",{className:"mb-4",children:[t(y,{className:"text-black font-medium leading-[30px] text-sm",children:l.title}),(r=l.links)==null?void 0:r.map(i=>{var c,d;return t(w,{asChild:!0,variant:"ghost",className:"text-black text-sm font-normal font-heading-kb leading-[30px] hover:underline block ml-4",children:t(b,{link:i,ariaLabel:(c=i.label)!=null?c:"Navigation link",children:t(b,{link:i,ariaLabel:(d=i.label)!=null?d:"Navigation link",children:i.label})})},`MobileMenuContent-Item-Group-Link-${i._key}`)})]},l._key)})})]},o._key)}),(n=e.showcaseLink)==null?void 0:n.map((o,s)=>{var l,r,i,c,d,u;return t("div",{className:"mt-4 pl-4",children:t(w,{asChild:!0,variant:"ghost",className:"text-black text-sm font-normal font-heading-kb leading-[30px]",children:t(b,{link:o.primaryButton,ariaLabel:(r=(l=o.primaryButton)==null?void 0:l.label)!=null?r:"Navigation link",children:m(f,{direction:"col",gap:3,children:[t(N,{src:(i=o.mainImage)==null?void 0:i.image,alt:(d=(c=o.mainImage)==null?void 0:c.alt)!=null?d:"",width:200,height:150,className:"w-[188px] h-[147px] object-cover object-center"},s),(u=o.primaryButton)==null?void 0:u.label]})})})},`MobileMenuContent-Item-Images-${o._key}-${s}`)})]})]})});_.displayName="MobileMenuContentItem";function X({logo:e,iconLinks:a,megaMenu:n}){let[{y:o}]=k(),[s,l]=M(!1),[r,i]=M(""),c=H(null),d=o&&o>80?"fixed w-full transition-all duration-300 ease-in-out":"sticky transition-all duration-300 ease-in-out",u=j(p=>{c.current&&clearTimeout(c.current),p===""?c.current=setTimeout(()=>{i("")},200):i(p)},[]);return F(()=>()=>{c.current&&clearTimeout(c.current)},[]),m(A,{children:[t("header",{className:h("relative top-0 left-0 border-t md:pb-3 z-50 bg-white transition-all ease-in-out duration-300",d),children:t(Y,{logo:e,iconLinks:a,megaMenu:n,setShowMobileMenu:l,currentDropdown:r,setCurrentDropdown:u})}),t(Q,{data:n,showMobileMenu:s,setShowMobileMenu:l})]})}var Y=({logo:e,iconLinks:a,megaMenu:n,setShowMobileMenu:o,currentDropdown:s,setCurrentDropdown:l})=>{var d;let[{x:r,y:i}]=k(),c=i&&i>80?"md:hidden":"";return m("div",{className:"px-0 w-full h-full transition-all duration-300 ease-in-out overflow-y-auto",children:[m(S,{columns:2,align:"center",justify:"between",gap:5,className:h("lg:pt-4 py-2 grid-cols-2 md:grid-cols-3 w-full h-full transition-all ease-in-out duration-300 px-4",c),children:[(e==null?void 0:e.image)&&t("div",{className:"relative w-20 flex items-center h-20 md:w-fit md:h-full place-self-start md:place-self-center col-start-1 md:col-start-2",children:t(T,{"aria-label":`Go to ${v(e)==="/"?"home page":v(e)}`,className:"text-3xl font-bold leading-none",href:v(e),target:e==null?void 0:e.linkTarget,rel:(e==null?void 0:e.linkTarget)==="_blank"?"noopener noreferrer":"",children:t(N,{src:e==null?void 0:e.image,width:135,height:135,className:"object-cover transition-all ease-in-out duration-300",alt:(d=e==null?void 0:e.alt)!=null?d:"navigation-logo"})})}),t("button",{onClick:()=>o(!0),className:"md:hidden h-fit self-center place-self-end",children:t(ie,{className:"w-8 h-8"})}),a&&a.length>0&&t(f,{align:"center",gap:5,className:"hidden md:flex place-self-center max-w-[144px] h-32 w-full",children:t("ul",{className:"flex gap-5",children:a==null?void 0:a.map(u=>u&&u.label?t(Z,{link:u,isIcon:!0},u._key):null)})})]}),t(te,{data:n!=null?n:[],currentDropdown:s,setCurrentDropdown:l}),t(ne,{data:n!=null?n:[],currentDropdown:s,setCurrentDropdown:l})]})},Z=({link:e,isIcon:a})=>{var o;let n=ee[e==null?void 0:e.label]||null;return t("li",{children:t(w,{variant:"unstyled",asChild:!0,className:"text-sm font-label tracking-wide",children:t(b,{link:e,ariaLabel:(o=e==null?void 0:e.label)!=null?o:"Navigation link",children:a?n:e==null?void 0:e.label})})})},ee={search:t(O,{className:"w-4 h-4"}),location:t(W,{className:"w-4 h-4"}),person:t(z,{className:"w-4 h-4"})},te=({data:e,currentDropdown:a,setCurrentDropdown:n})=>{let[{x:o,y:s}]=k(),l=s&&s<80||s===0?"hidden":"";return m(f,{align:"center",justify:"between",gap:5,className:"relative w-full h-full max-w-7xl mx-auto hidden md:flex pt-4 px-4 transition-all duration-300 ease-in-out",children:[e&&e.length>0?e==null?void 0:e.slice(0,3).map(r=>t(x,{children:r._type==="dropdown"?t(P,{dropdown:r,"aria-expanded":a===r.title,onMouseEnter:()=>{var i;return n((i=r.title)!=null?i:"")},onMouseLeave:()=>n("")},`MegaMenuDropdownTrigger-${r._key}`):t(L,{link:r},`MegaMenuLink-${r._key}`)},`MegaMenuNavLink-${r._key}`)):null,e&&e.length>0?e==null?void 0:e.slice(3,6).map(r=>t(x,{children:r._type==="dropdown"?t(P,{dropdown:r,"aria-expanded":a===r.title,onMouseEnter:()=>{var i;return n((i=r.title)!=null?i:"")},onMouseLeave:()=>n("")},`MegaMenuDropdownTrigger-${r._key}`):t(L,{link:r},`MegaMenuLink-${r._key}`)},`MegaMenuNavLink-${r._key}`)):null]})},L=({link:e,className:a})=>t(w,{asChild:!0,variant:"unstyled",className:h("relative text-black text-sm font-normal font-label uppercase tracking-widest group",a),children:e.label}),P=E((e,a)=>{let{dropdown:n,onClick:o,onMouseEnter:s,onMouseLeave:l,className:r,...i}=e;return t("button",{ref:a,onClick:o,onMouseEnter:s,onMouseLeave:l,"aria-label":`Open the ${n.title} menu`,className:h("relative text-black text-sm font-normal font-label uppercase tracking-widest group",r),...i,children:n.title})}),ne=({data:e,currentDropdown:a,setCurrentDropdown:n})=>t(A,{children:e&&e.length>0?e==null?void 0:e.map(o=>{var l,r,i;let s=a===o.title&&o.title!=="";return t(oe,{label:(l=o.title)!=null?l:"",showcaseLink:(r=o.showcaseLink)!=null?r:[],groupedLinks:(i=o.groupOfLinks)!=null?i:[],currentDropdown:a,setCurrentDropdown:n},`MegaMenuDropdown-${o._key}`)}):null});function oe({label:e,showcaseLink:a,groupedLinks:n,currentDropdown:o,setCurrentDropdown:s}){let l=o===e&&e!=="",r=n.length>0,i=a.length>0,c=G(()=>n.length>0?n.map(u=>{var p;return((p=u.links)==null?void 0:p.length)>2?"3fr":"1fr"}).join(" "):"1fr",[n]),d=r?`${c} ${i?"2fr":""}`:i?"2fr":"1fr";return t(I,{"data-show":l,onMouseEnter:()=>s(e),onMouseLeave:()=>s(""),className:`relative top-6 left-0 w-full overflow-hidden z-50 bg-primary/5 !transition-[max-height] !duration-300 !ease-in-out ${l?"max-h-[500px]":"max-h-0"}`,children:m("div",{style:{display:"grid",gridTemplateColumns:d,gridTemplateRows:"1fr"},className:"relative w-full h-auto max-w-[90rem] mx-auto",children:[t(re,{groupedLinks:n}),t(ae,{hasShowcaseLinks:i,showcaseLink:a})]})})}function re({groupedLinks:e}){return t(x,{children:e&&e.length>0&&(e==null?void 0:e.map((a,n)=>{var o;return m("div",{className:"relative py-10 pl-5 flex flex-col items-end justify-start h-full w-full border-r border-black last:border-r-0",children:[t($,{fontSize:"sm",className:"text-black font-normal uppercase tracking-widest font-label self-start pb-4",children:a.title}),t(f,{direction:"row",align:"start",justify:"start",gap:4,className:"relative w-full h-full grid-flow-row",children:(o=a.links)==null?void 0:o.map((s,l)=>{var r;return m(f,{direction:"col",className:"h-fit w-fit",children:[t(y,{fontSize:"base",className:"text-black font-medium leading-[30px]",children:s.title}),t(f,{direction:"col",align:"start",justify:"start",gap:2,className:"w-fit h-full",children:(r=s.links)==null?void 0:r.map((i,c)=>{var d,u;return t(w,{"aria-label":(d=i.label)!=null?d:"",variant:"unstyled",asChild:!0,className:"text-black text-sm font-normal font-heading-kb leading-[30px] hover:underline",children:t(b,{link:i,ariaLabel:(u=i.label)!=null?u:"Navigation link",children:i==null?void 0:i.label})},`MegaDropdownContent-Item-Link-${i._key}-${c}`)})})]},`MegaDropdownContent-Item-Link-${s._key}-${l}`)})})]},`MegaDropdownContent-Item-${a._key}-${n}`)}))})}function ae({hasShowcaseLinks:e,showcaseLink:a}){return e?t(f,{direction:"row",align:"start",justify:"start",className:"w-full h-full gap-6 pl-5 py-10",children:a==null?void 0:a.map((n,o)=>{var l,r,i,c,d,u,p,C;let s=(l=n.mainImage)==null?void 0:l.image;return t(w,{"aria-label":(i=(r=n.primaryButton)==null?void 0:r.label)!=null?i:"",variant:"unstyled",asChild:!0,className:"text-center text-black text-sm font-normal font-heading-kb leading-[30px] hover:underline",children:t(b,{link:n.primaryButton,ariaLabel:(d=(c=n.primaryButton)==null?void 0:c.label)!=null?d:"Navigation link",children:m(f,{direction:"col",align:"center",justify:"center",gap:3,children:[t(N,{src:s,alt:(p=(u=n.mainImage)==null?void 0:u.alt)!=null?p:"",width:500,height:500,className:"w-[188px] h-[147px] object-cover object-center"},o),(C=n.primaryButton)==null?void 0:C.label]})})},`MegaDropdownContent-Item-Images-${n._key}-${o}`)})}):null}function ie(e){return t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24",...e,children:t("path",{fill:"currentColor",d:"M3 8V7h17v1zm17 4v1H3v-1zM3 17h17v1H3z"})})}export{X as a};

package/dist/chunk-FJRVUW5P.mjs

@@ -1 +0,0 @@
-import{a as d,b as o}from"./chunk-S35O64PB.mjs";import{Button as s}from"@stackshift-ui/button";import{Flex as v}from"@stackshift-ui/flex";import{Image as f}from"@stackshift-ui/image";import{Link as x}from"@stackshift-ui/link";import{Section as h}from"@stackshift-ui/section";import{Text as p}from"@stackshift-ui/text";import g from"react";import{jsx as a,jsxs as n}from"react/jsx-runtime";function u({links:e,primaryButton:l,secondaryButton:r,logo:i}){let[t,b]=g.useState(!1),m=()=>{b(c=>!c)};return n(h,{className:"bg-background",children:[a("nav",{className:"relative lg:px-6 py-6",children:n(v,{align:"center",justify:"between",gap:4,children:[a(N,{links:e}),a(k,{logo:i}),a(C,{primaryButton:l,secondaryButton:r}),a(M,{showMenu:m})]})}),a(R,{menu:t,showMenu:m,links:e,primaryButton:l,secondaryButton:r})]})}function N({links:e}){return e?a(v,{children:a("ul",{className:"hidden lg:flex lg:items-center lg:gap-3 xl:gap-5",children:e==null?void 0:e.map((l,r)=>n(g.Fragment,{children:[(l==null?void 0:l.label)&&a(w,{link:l}),e.length!==r+1?a(L,{}):null]},r))})}):null}function w({link:e}){return e?a("li",{children:a(s,{variant:"unstyled",asChild:!0,"aria-label":e==null?void 0:e.label,className:"text-sm text-gray-500 no-underline hover:text-gray-900",children:a(o,{link:e,ariaLabel:(e==null?void 0:e.label)||"Navigation link",className:"text-sm text-gray-500 no-underline hover:text-gray-900",children:e==null?void 0:e.label})})}):null}function L(){return a("li",{className:"text-gray-500",children:a("svg",{className:"w-4 h-4 current-fill",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:a("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"})})})}function k({logo:e}){var l;return e?a("div",{className:"w-full lg:w-fit items-center justify-center",children:a(x,{className:"w-20 h-14 flex justify-center items-center","aria-label":d(e)==="/"?"Go to home page":`Go to ${d(e)}`,href:d(e),target:e==null?void 0:e.linkTarget,rel:(e==null?void 0:e.linkTarget)==="_blank"?"noopener noreferrer":"",children:a(f,{className:"w-fit h-full object-contain",src:`${e==null?void 0:e.image}`,sizes:"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",alt:(l=e==null?void 0:e.alt)!=null?l:"navigation-logo"})})}):null}function C({primaryButton:e,secondaryButton:l}){return n("div",{className:"hidden lg:flex lg:gap-4",children:[(e==null?void 0:e.label)&&a(s,{asChild:!0,variant:"unstyled","aria-label":e==null?void 0:e.label,className:"px-4 py-3 leading-loose text-center text-secondary-foreground font-semibold rounded-global bg-secondary hover:bg-secondary/50",children:a(o,{link:e,ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label})}),(l==null?void 0:l.label)&&a(s,{asChild:!0,variant:"unstyled","aria-label":l==null?void 0:l.label,className:"px-4 py-3 leading-loose text-center text-primary-foreground font-semibold bg-primary hover:bg-primary/50 rounded-global",children:a(o,{link:l,ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})})]})}function M({showMenu:e}){return a("div",{className:"ml-auto lg:hidden",children:a(s,{"aria-label":"Navigation menu",className:"flex items-center p-3 navbar-burger text-primary",onClick:e,children:n("svg",{className:"block w-4 h-4 fill-current",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:[a("title",{children:"Mobile menu"}),a("path",{d:"M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"})]})})})}function R({menu:e,showMenu:l,links:r,primaryButton:i,secondaryButton:t}){return n("div",{className:`${e?null:"hidden"} mobile-nav relative z-50`,children:[a("div",{className:"fixed inset-0 bg-gray-800 opacity-25 navbar-backdrop",onClick:l}),n("nav",{className:"fixed top-0 bottom-0 left-0 flex flex-col w-5/6 max-w-sm px-6 py-6 overflow-y-auto bg-white border-r",children:[a("div",{className:"flex items-center mb-8",children:a(s,{"aria-label":"Close navigation menu",className:"navbar-close",onClick:l,children:a("svg",{className:"w-6 h-6 text-gray-500 cursor-pointer hover:text-gray-500",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:a("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M6 18L18 6M6 6l12 12"})})})}),a("ul",{children:r&&r.map((b,m)=>a("li",{className:"mb-1",children:a(s,{asChild:!0,"aria-label":b.label,className:"block p-4 text-sm font-semibold text-gray-700 no-underline rounded hover:bg-secondary-foreground hover:text-primary",children:a(o,{link:b,ariaLabel:b.label||"Navigation link",className:"block p-4 text-sm font-semibold text-gray-700 no-underline rounded hover:bg-secondary-foreground hover:text-primary",children:b.label})})},m))}),n("div",{className:"mt-auto pt-6",children:[(i==null?void 0:i.label)&&a(s,{asChild:!0,"aria-label":i.label,className:"block px-4 py-3 mb-2 text-center font-semibold rounded-global bg-secondary hover:bg-secondary/50",children:a(o,{link:i,ariaLabel:i.label,className:"block px-4 py-3 mb-2 text-center font-semibold rounded-global bg-secondary hover:bg-secondary/50",children:i.label})}),(t==null?void 0:t.label)&&a(s,{asChild:!0,"aria-label":t.label,className:"block px-4 py-3 mb-2 leading-loose text-center text-white font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:a(o,{link:t,ariaLabel:t.label,className:"block px-4 py-3 mb-2 leading-loose text-center text-white font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:t.label})})]}),a(p,{fontSize:"xs",muted:!0,className:"my-4 text-center",children:a("span",{children:`\xA9 ${new Date().getFullYear()} All rights reserved.`})})]})]})}export{u as a};

package/dist/chunk-SMYVBKA6.mjs

@@ -1 +0,0 @@
-import{a as x,b as n}from"./chunk-S35O64PB.mjs";import{Button as o}from"@stackshift-ui/button";import{Flex as v}from"@stackshift-ui/flex";import{Image as f}from"@stackshift-ui/image";import{Link as c}from"@stackshift-ui/link";import{Section as h}from"@stackshift-ui/section";import{Text as w}from"@stackshift-ui/text";import d from"react";import{jsx as l,jsxs as t}from"react/jsx-runtime";function N({links:e,primaryButton:a,secondaryButton:b,logo:i}){let[s,r]=d.useState(!1),g=()=>{r(m=>!m)};return t(h,{className:"bg-background",children:[t(v,{align:"center",justify:"between",className:"px-6 py-6",gap:4,children:[l(p,{logo:i}),l(L,{links:e}),l(z,{primaryButton:a,secondaryButton:b}),l(R,{showMenu:g})]}),l(M,{menu:s,showMenu:g,links:e,primaryButton:a,secondaryButton:b})]})}function p({logo:e}){var a;return e?l("div",{className:"w-full lg:w-1/5",children:l(c,{className:"w-20 h-14 flex items-center","aria-label":x(e)==="/"?"Go to home page":`Go to ${x(e)}`,href:x(e),target:e==null?void 0:e.linkTarget,rel:(e==null?void 0:e.linkTarget)==="_blank"?"noopener noreferrer":"",children:l(f,{className:"w-fit h-full object-contain",src:`${e==null?void 0:e.image}`,sizes:"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",alt:(a=e==null?void 0:e.alt)!=null?a:"navigation-logo"})})}):null}function u(){return l("li",{className:"text-gray-500",children:l("svg",{className:"w-4 h-4 current-fill",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:l("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"})})})}function L({links:e}){return e?l(v,{children:l("ul",{className:"hidden lg:flex lg:items-center lg:gap-5 xl:gap-10",children:e==null?void 0:e.map((a,b)=>t(d.Fragment,{children:[l(C,{link:a},a._key),e.length!==b+1?l(u,{}):null]},b))})}):null}function C({link:e}){return e!=null&&e.label?l("li",{children:l(o,{asChild:!0,variant:"link","aria-label":e==null?void 0:e.label,className:"text-sm text-gray-500 no-underline hover:text-gray-900",children:l(n,{link:e,ariaLabel:e==null?void 0:e.label,className:"text-sm text-gray-500 no-underline hover:text-gray-900",children:e==null?void 0:e.label})})}):null}function M({menu:e,showMenu:a,links:b,primaryButton:i,secondaryButton:s}){return t("div",{className:`${e?null:"hidden"} mobile-nav relative z-50`,children:[l("div",{className:"fixed inset-0 bg-gray-800 opacity-25 navbar-backdrop",onClick:a}),t(v,{as:"nav",direction:"col",className:"fixed top-0 bottom-0 left-0 w-5/6 max-w-sm px-6 py-6 overflow-y-auto bg-white border-r",children:[l(F,{showMenu:a}),l("div",{className:"w-full",children:b?l("ul",{children:b==null?void 0:b.map((r,g)=>l("li",{className:"mb-1",children:l(o,{asChild:!0,variant:"link","aria-label":r==null?void 0:r.label,className:"block w-full cursor-pointer p-4 text-sm font-semibold text-gray-900 no-underline rounded hover:bg-secondary-foreground hover:text-primary",children:l(n,{link:r,ariaLabel:r==null?void 0:r.label,children:r==null?void 0:r.label})})},g))}):null}),t("div",{className:"w-full mt-auto",children:[t(v,{direction:"col",className:"pt-6",children:[i!=null&&i.label?l(o,{asChild:!0,"aria-label":i==null?void 0:i.label,variant:"outline",className:"block w-full px-4 py-3 mb-3 text-xs cursor-pointer font-semibold leading-loose text-center text-gray-900 rounded-global bg-secondary hover:bg-secondary/50",children:l(n,{link:i,ariaLabel:i==null?void 0:i.label,className:"block w-full px-4 py-3 mb-3 text-xs cursor-pointer font-semibold leading-loose text-center text-gray-900 rounded-global bg-secondary hover:bg-secondary/50",children:i==null?void 0:i.label})}):null,s!=null&&s.label?l(o,{asChild:!0,"aria-label":s==null?void 0:s.label,variant:"link",className:"block w-full px-4 py-3 mb-2 cursor-pointer leading-loose text-xs text-center font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:l(n,{link:s,ariaLabel:s==null?void 0:s.label,className:"block w-full px-4 py-3 mb-2 cursor-pointer leading-loose text-xs text-center font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:s==null?void 0:s.label})}):null]}),l(w,{fontSize:"xs",className:"my-4 text-center text-gray-900",children:l("span",{children:`\xA9 ${new Date().getFullYear()} All rights reserved.`})})]})]})]})}function R({showMenu:e}){return l("div",{className:"lg:hidden",children:l(o,{"aria-label":"Navigation Menu",className:"flex items-center p-3 navbar-burger text-primary",onClick:e,children:t("svg",{className:"block w-4 h-4 fill-current",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:[l("title",{children:"Mobile menu"}),l("path",{d:"M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"})]})})})}function z({primaryButton:e,secondaryButton:a}){return t(v,{align:"center",gap:4,children:[e!=null&&e.label?l(o,{asChild:!0,"aria-label":e==null?void 0:e.label,variant:"outline",className:"hidden lg:flex px-4 py-3 leading-loose text-center font-semibold text-secondary-foreground rounded-global bg-secondary hover:bg-secondary/50",children:l(n,{link:e,ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label})}):null,a!=null&&a.label?l(o,{asChild:!0,"aria-label":a==null?void 0:a.label,variant:"default",className:"hidden lg:flex px-4 py-3 leading-loose text-center font-semibold text-primary-foreground bg-primary hover:bg-primary/50 rounded-global",children:l(n,{link:a,ariaLabel:a==null?void 0:a.label,children:a==null?void 0:a.label})}):null]})}function F({showMenu:e}){return l("div",{className:"flex items-center mb-8",children:l(o,{"aria-label":"Close Navigation Menu",className:"navbar-close",onClick:e,children:l("svg",{className:"w-6 h-6 text-gray-500 cursor-pointer hover:text-gray-500",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:l("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M6 18L18 6M6 6l12 12"})})})})}export{N as a};

package/dist/chunk-ZCDQD6XN.mjs

@@ -1 +0,0 @@
-import{a as v,b as g}from"./chunk-S35O64PB.mjs";import{Button as o}from"@stackshift-ui/button";import{Container as f}from"@stackshift-ui/container";import{Flex as n}from"@stackshift-ui/flex";import{Image as h}from"@stackshift-ui/image";import{Link as c}from"@stackshift-ui/link";import{Section as N}from"@stackshift-ui/section";import{Text as w}from"@stackshift-ui/text";import d from"react";import{jsx as a,jsxs as t}from"react/jsx-runtime";function p({links:e,primaryButton:l,secondaryButton:b,logo:i}){let[s,r]=d.useState(!1),m=()=>{r(x=>!x)};return t(N,{className:"bg-background",children:[a("nav",{className:"relative py-6",children:a(f,{maxWidth:1280,children:t(n,{align:"center",justify:"between",gap:4,children:[a(L,{logo:i}),a(k,{showMenu:m}),a(C,{links:e}),a(R,{primaryButton:l,secondaryButton:b})]})})}),a(z,{menu:s,showMenu:m,links:e,primaryButton:l,secondaryButton:b})]})}function L({logo:e}){var l;return e?a("div",{className:"w-full lg:w-fit",children:a(c,{className:"w-20 h-14 flex items-center","aria-label":v(e)==="/"?"Go to home page":`Go to ${v(e)}`,href:v(e),target:e==null?void 0:e.linkTarget,rel:(e==null?void 0:e.linkTarget)==="_blank"?"noopener noreferrer":"",children:a(h,{className:"w-fit h-full object-contain",src:`${e==null?void 0:e.image}`,sizes:"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",alt:(l=e==null?void 0:e.alt)!=null?l:"navigation-logo"})})}):null}function C({links:e}){return e?a(n,{children:a("ul",{className:"hidden lg:flex lg:items-center lg:gap-5 xl:gap-10",children:e==null?void 0:e.map((l,b)=>t(d.Fragment,{children:[a(u,{link:l},l._key),e.length!==b+1?a(M,{}):null]},b))})}):null}function u({link:e}){return e?a("li",{children:a(o,{variant:"unstyled",asChild:!0,"aria-label":e==null?void 0:e.label,className:"text-sm text-gray-500 no-underline hover:text-gray-900",children:a(g,{link:e,ariaLabel:(e==null?void 0:e.label)||"Navigation link",children:e==null?void 0:e.label})})}):null}function M(){return a("li",{className:"text-gray-500",children:a("svg",{className:"w-4 h-4 current-fill",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:a("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"})})})}function R({primaryButton:e,secondaryButton:l}){return t(n,{align:"center",gap:4,children:[(e==null?void 0:e.label)&&a(o,{asChild:!0,"aria-label":e==null?void 0:e.label,className:"hidden lg:flex px-4 py-3 leading-loose text-center font-semibold text-secondary-foreground rounded-global bg-secondary hover:bg-secondary/50",children:a(g,{link:e,ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label})}),(l==null?void 0:l.label)&&a(o,{asChild:!0,"aria-label":l==null?void 0:l.label,className:"hidden lg:flex px-4 py-3 leading-loose text-center font-semibold text-primary-foreground bg-primary hover:bg-primary/50 rounded-global",children:a(g,{link:l,ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})})]})}function k({showMenu:e}){return a("div",{className:"lg:hidden",children:a(o,{"aria-label":"Navigation menu",className:"flex items-center p-3 navbar-burger text-primary",onClick:e,children:t("svg",{className:"block w-4 h-4 fill-current",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:[a("title",{children:"Mobile menu"}),a("path",{d:"M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"})]})})})}function z({menu:e,showMenu:l,links:b,primaryButton:i,secondaryButton:s}){return a(d.Fragment,{children:t("div",{className:`${e?null:"hidden"} mobile-nav relative z-50`,children:[a("div",{className:"fixed inset-0 bg-gray-800 opacity-25 navbar-backdrop",onClick:l}),t("nav",{className:"fixed top-0 bottom-0 left-0 flex flex-col w-5/6 max-w-sm px-6 py-6 overflow-y-auto bg-white border-r",children:[a("div",{className:"flex items-center mb-8",children:a(o,{"aria-label":"Close navigation menu",className:"navbar-close",onClick:l,children:a("svg",{className:"w-6 h-6 text-gray-500 cursor-pointer hover:text-gray-500",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:a("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M6 18L18 6M6 6l12 12"})})})}),b&&a("ul",{children:b==null?void 0:b.map((r,m)=>a("li",{className:"mb-1",children:a(o,{asChild:!0,"aria-label":r==null?void 0:r.label,className:"block p-4 text-sm font-semibold text-gray-700 no-underline rounded hover:bg-secondary-foreground hover:text-primary",children:a(g,{link:r,ariaLabel:(r==null?void 0:r.label)||"Navigation link",className:"block p-4 text-sm font-semibold text-gray-700 no-underline rounded hover:bg-secondary-foreground hover:text-primary",children:r==null?void 0:r.label})})},m))}),t("div",{className:"mt-auto",children:[t("div",{className:"pt-6",children:[(i==null?void 0:i.label)&&a(o,{asChild:!0,"aria-label":i==null?void 0:i.label,className:"block px-4 py-3 mb-2 text-gray-900 text-center lg:ml-auto lg:mr-3 font-semibold rounded-global bg-secondary hover:bg-secondary/50",children:a(g,{link:i,ariaLabel:i==null?void 0:i.label,className:"block px-4 py-3 mb-2 text-gray-900 text-center lg:ml-auto lg:mr-3 font-semibold rounded-global bg-secondary hover:bg-secondary/50",children:i==null?void 0:i.label})}),(s==null?void 0:s.label)&&a(o,{asChild:!0,"aria-label":s==null?void 0:s.label,className:"block px-4 py-3 mb-2 leading-loose text-center text-white font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:a(g,{link:s,ariaLabel:s==null?void 0:s.label,className:"block px-4 py-3 mb-2 leading-loose text-center text-white font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:s==null?void 0:s.label})})]}),a(w,{fontSize:"xs",className:"my-4 text-center text-gray-900",children:a("span",{children:`\xA9 ${new Date().getFullYear()} All rights reserved.`})})]})]})]})})}export{p as a};