@stackshift-ui/navigation 6.1.0 → 7.0.0-beta.1

package/dist/chunk-5TVYK3JB.mjs

@@ -0,0 +1 @@
+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-AYUL7QX6.mjs

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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};

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-Z3RUBMRD.mjs";import{a as x}from"./chunk-ISJJGULA.mjs";import{a as o}from"./chunk-AV6FXT56.mjs";import{a as r}from"./chunk-STASA5HD.mjs";import{a as e}from"./chunk-TJZPE7DN.mjs";import{a as t}from"./chunk-EYE6OX2N.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 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};

package/dist/navigation.mjs

@@ -1 +1 @@
-import{a}from"./chunk-ISJJGULA.mjs";export{a as Navigation};
+import{a}from"./chunk-7JNLKLGB.mjs";export{a as Navigation};

package/dist/navigation_a.mjs

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

package/dist/navigation_b.mjs

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

package/dist/navigation_c.mjs

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

package/dist/navigation_d.mjs

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

package/dist/navigation_e.mjs

@@ -1 +1 @@
-import{a as b}from"./chunk-IMQB7ODR.mjs";import{a as l}from"./chunk-S35O64PB.mjs";import{PortableText as L}from"@portabletext/react";import{Button as c}from"@stackshift-ui/button";import{Flex as g}from"@stackshift-ui/flex";import{Image as x}from"@stackshift-ui/image";import{Link as y}from"@stackshift-ui/link";import{Section as S}from"@stackshift-ui/section";import{Fragment as C,useEffect as B,useRef as k,useState as v}from"react";import{jsx as t,jsxs as a}from"react/jsx-runtime";function M({banner:e,logo:r,links:i}){let[s,u]=v(!1),[m,f]=v(!1),[o,n]=v(""),d=k("");B(()=>{d.current=o},[o]);let h=()=>u(!s),p=N=>{N.preventDefault();let w=document.getElementById("query");w&&(n(w.value),window.location.href=`/search?q=${o}`)};return a(S,{className:"relative bg-background",children:[t(F,{banner:e}),a(g,{as:"nav",justify:"between",className:"relative",children:[a(g,{align:"center",className:"w-full px-12 py-8",children:[t(R,{logo:r}),t(P,{links:i})]}),a("div",{className:"items-center hidden lg:flex lg:gap-10",children:[t(E,{showSearchBar:m,setShowSearchBar:f}),t(H,{showSearchBar:m,handleSearchRouting:p,productQuery:o,setProductQuery:n}),t(I,{}),t(Q,{})]}),t(q,{showMenu:h})]}),t(T,{logo:r,links:i,menu:s,showMenu:h,handleSearchRouting:p,productQuery:o,setProductQuery:n})]})}function F({banner:e}){return e?t("div",{className:"py-2 bg-primary",children:a(g,{align:"center",justify:"center",children:[a("svg",{className:"mr-2",width:18,height:11,viewBox:"0 0 18 11",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t("rect",{y:"3.07129",width:4,height:10,rx:2,transform:"rotate(-45 0 3.07129)",fill:"white"}),t("rect",{x:8,y:"2.82861",width:4,height:10,rx:2,transform:"rotate(-45 8 2.82861)",fill:"white"})]}),t(L,{value:e,components:b,onMissingComponent:!1})]})}):null}function R({logo:e}){var r;return e?t(y,{"aria-label":`Go to ${l(e)==="/"?"home page":l(e)}`,className:"text-3xl font-bold leading-none",href:l(e),target:e==null?void 0:e.linkTarget,rel:(e==null?void 0:e.linkTarget)==="_blank"?"noopener noreferrer":"",children:t(x,{src:e==null?void 0:e.image,width:48,height:48,alt:(r=e==null?void 0:e.alt)!=null?r:"navigation-logo"})}):null}function P({links:e}){return e?t("ul",{className:"hidden transform main-nav top-1/2 lg:flex lg:gap-10 lg:justify-center lg:items-center",children:e.map((r,i)=>t(C,{children:t(z,{link:r})},i))}):null}function z({link:e}){return e?t("li",{children:t(c,{as:"link",variant:"link",ariaLabel:e==null?void 0:e.label,link:e,className:(e==null?void 0:e.type)==="linkInternal"?"xl:mr-12 lg:mr-8 font-bold font-heading hover:text-gray-600 no-underline text-black":"mr-12 font-bold font-heading hover:text-gray-600 no-underline text-black",children:e==null?void 0:e.label})}):null}function E({showSearchBar:e,setShowSearchBar:r}){return t(c,{as:"button",variant:"unstyled",ariaLabel:"Search button",type:"button",onClick:()=>r(!e),children:t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",children:t("path",{d:"M23.809 21.646l-6.205-6.205c1.167-1.605 1.857-3.579 1.857-5.711 0-5.365-4.365-9.73-9.731-9.73-5.365 0-9.73 4.365-9.73 9.73 0 5.366 4.365 9.73 9.73 9.73 2.034 0 3.923-.627 5.487-1.698l6.238 6.238 2.354-2.354zm-20.955-11.916c0-3.792 3.085-6.877 6.877-6.877s6.877 3.085 6.877 6.877-3.085 6.877-6.877 6.877c-3.793 0-6.877-3.085-6.877-6.877z"})})})}function H({showSearchBar:e,handleSearchRouting:r,productQuery:i,setProductQuery:s}){return e?a("form",{id:"form",className:"flex items-center pl-8 mb-10 mr-auto bg-white lg:mb-0",method:"get",role:"search",onSubmit:r,children:[t("input",{id:"query",name:"query","aria-label":"Search...",className:"inline-block w-40 h-full p-2 mt-1 text-sm bg-white border shadow-sm border-slate-300 placeholder-slate-400 focus:border-primary-foreground focus:outline-none focus:ring-1 focus:ring-primary-foreground",placeholder:"Search...",onChange:u=>s(u.target.value),type:"search"}),t(c,{as:"button",variant:"unstyled",ariaLabel:"Submit product search",className:`mt-1 inline-flex h-[35px] w-10 items-center justify-center bg-primary ${i===""?"cursor-not-allowed opacity-50":"transition duration-200 hover:bg-primary-foreground"}`,disabled:i==="",type:"submit",children:t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",children:t("path",{d:"M23.809 21.646l-6.205-6.205c1.167-1.605 1.857-3.579 1.857-5.711 0-5.365-4.365-9.73-9.731-9.73-5.365 0-9.73 4.365-9.73 9.73 0 5.366 4.365 9.73 9.73 9.73 2.034 0 3.923-.627 5.487-1.698l6.238 6.238 2.354-2.354zm-20.955-11.916c0-3.792 3.085-6.877 6.877-6.877s6.877 3.085 6.877 6.877-3.085 6.877-6.877 6.877c-3.793 0-6.877-3.085-6.877-6.877z"})})})]}):null}function q({showMenu:e}){return t(c,{variant:"unstyled",as:"button",ariaLabel:"Nav Sidebar",className:"self-center mr-12 navbar-burger lg:hidden",onClick:e,children:t("svg",{width:20,height:12,viewBox:"0 0 20 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t("path",{d:"M1 2H19C19.2652 2 19.5196 1.89464 19.7071 1.70711C19.8946 1.51957 20 1.26522 20 1C20 0.734784 19.8946 0.48043 19.7071 0.292893C19.5196 0.105357 19.2652 0 19 0H1C0.734784 0 0.48043 0.105357 0.292893 0.292893C0.105357 0.48043 0 0.734784 0 1C0 1.26522 0.105357 1.51957 0.292893 1.70711C0.48043 1.89464 0.734784 2 1 2ZM19 10H1C0.734784 10 0.48043 10.1054 0.292893 10.2929C0.105357 10.4804 0 10.7348 0 11C0 11.2652 0.105357 11.5196 0.292893 11.7071C0.48043 11.8946 0.734784 12 1 12H19C19.2652 12 19.5196 11.8946 19.7071 11.7071C19.8946 11.5196 20 11.2652 20 11C20 10.7348 19.8946 10.4804 19.7071 10.2929C19.5196 10.1054 19.2652 10 19 10ZM19 5H1C0.734784 5 0.48043 5.10536 0.292893 5.29289C0.105357 5.48043 0 5.73478 0 6C0 6.26522 0.105357 6.51957 0.292893 6.70711C0.48043 6.89464 0.734784 7 1 7H19C19.2652 7 19.5196 6.89464 19.7071 6.70711C19.8946 6.51957 20 6.26522 20 6C20 5.73478 19.8946 5.48043 19.7071 5.29289C19.5196 5.10536 19.2652 5 19 5Z",fill:"currentColor"})})})}function I(){return a("div",{className:"cart-icon cart-link",children:[t("svg",{"data-icon":"BAG",className:"ec-minicart__icon",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",children:t("path",{d:"M20 7h-4v-3c0-2.209-1.791-4-4-4s-4 1.791-4 4v3h-4l-2 17h20l-2-17zm-11-3c0-1.654 1.346-3 3-3s3 1.346 3 3v3h-6v-3zm-4.751 18l1.529-13h2.222v1.5c0 .276.224.5.5.5s.5-.224.5-.5v-1.5h6v1.5c0 .276.224.5.5.5s.5-.224.5-.5v-1.5h2.222l1.529 13h-15.502z"})}),t("a",{className:"cart-link",href:"/cart?store-page=cart","aria-label":"Cart"})]})}function Q(){return t("a",{"aria-label":"Account",href:"/cart?store-page=account",children:t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",children:t("path",{d:"M12 2c2.757 0 5 2.243 5 5.001 0 2.756-2.243 5-5 5s-5-2.244-5-5c0-2.758 2.243-5.001 5-5.001zm0-2c-3.866 0-7 3.134-7 7.001 0 3.865 3.134 7 7 7s7-3.135 7-7c0-3.867-3.134-7.001-7-7.001zm6.369 13.353c-.497.498-1.057.931-1.658 1.302 2.872 1.874 4.378 5.083 4.972 7.346h-19.387c.572-2.29 2.058-5.503 4.973-7.358-.603-.374-1.162-.811-1.658-1.312-4.258 3.072-5.611 8.506-5.611 10.669h24c0-2.142-1.44-7.557-5.631-10.647z"})})})}function T({logo:e,links:r,menu:i,showMenu:s,handleSearchRouting:u,productQuery:m,setProductQuery:f}){var o;return a("div",{className:`${i?null:"hidden"} mobile-nav fixed bottom-0 right-0 top-0 w-5/6 max-w-sm`,style:{zIndex:60},children:[t("div",{className:"fixed inset-0 bg-gray-800 opacity-25",onClick:s}),a("nav",{className:"relative flex flex-col w-full h-full px-6 py-6 overflow-y-auto bg-white border-r",children:[a("div",{className:"flex items-center mb-8",children:[e&&t(y,{"aria-label":`Go to ${l(e)==="/"?"home page":l(e)}`,className:"text-3xl font-bold leading-none",href:l(e),target:e==null?void 0:e.linkTarget,rel:(e==null?void 0:e.linkTarget)==="_blank"?"noopener noreferrer":"",children:t(x,{src:e==null?void 0:e.image,alt:(o=e==null?void 0:e.alt)!=null?o:"navigation-logo",width:48,height:48,className:"text-3xl font-bold leading-none"})}),t(c,{variant:"unstyled",as:"button",ariaLabel:"Close navigation menu",className:"ml-auto",onClick:s,children:t("svg",{className:"w-2 h-2 text-gray-500 cursor-pointer",width:10,height:10,viewBox:"0 0 10 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t("path",{d:"M9.00002 1L1 9.00002M1.00003 1L9.00005 9.00002",stroke:"black",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),a("form",{id:"form",className:"flex mt-3 bg-white",method:"get",role:"search",onSubmit:u,children:[t("input",{id:"query",name:"query","aria-label":"Search product",className:"inline-block w-full h-full p-2 text-sm bg-white border shadow-sm border-slate-300 placeholder-slate-400 focus:border-primary-foreground focus:outline-none focus:ring-1 focus:ring-primary-foreground sm:w-60",placeholder:"Search...",onChange:n=>f(n.target.value),type:"search"}),t(c,{variant:"unstyled",as:"button",ariaLabel:"Submit product search",className:`inline-flex h-full w-10 items-center justify-center bg-primary ${m===""?"cursor-not-allowed opacity-50":"transition duration-200 hover:bg-primary-foreground"}`,disabled:m==="",type:"submit",children:t("svg",{width:7,height:12,viewBox:"0 0 7 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t("path",{d:"M4.125 6.00252L0 1.87752L1.17801 0.699219L6.48102 6.00252L1.17801 11.3058L0 10.1275L4.125 6.00252Z",fill:"white"})})})]}),t("ul",{className:"mt-10 mb-5",children:r&&r.map((n,d)=>{var h;return t(C,{children:t("li",{className:"mb-8",children:t(c,{as:"link",variant:"link",ariaLabel:(h=n==null?void 0:n.label)!=null?h:`navigation link ${d+1}`,link:n,className:"font-bold text-black no-underline font-heading hover:text-gray-600",children:n==null?void 0:n.label})})},d)})}),t("hr",{}),a("div",{className:"flex items-center mx-auto mt-3",children:[a("a",{className:"flex mr-10 cart-icon cart-link","aria-label":"Cart",href:"/cart?store-page=cart",children:[t("div",{"data-icon":"BAG",className:"ec-cart-widget"}),t("span",{className:"my-auto text-sm",children:"Cart"})]}),a("a",{className:"flex","aria-label":"Account",href:"/cart?store-page=account",children:[a("svg",{width:32,height:31,viewBox:"0 0 32 31",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t("path",{d:"M16.0006 16.3154C19.1303 16.3154 21.6673 13.799 21.6673 10.6948C21.6673 7.59064 19.1303 5.07422 16.0006 5.07422C12.871 5.07422 10.334 7.59064 10.334 10.6948C10.334 13.799 12.871 16.3154 16.0006 16.3154Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),t("path",{d:"M24.4225 23.8963C23.6678 22.3507 22.4756 21.0445 20.9845 20.1298C19.4934 19.2151 17.7647 18.7295 15.9998 18.7295C14.2349 18.7295 12.5063 19.2151 11.0152 20.1298C9.52406 21.0445 8.33179 22.3507 7.57715 23.8963",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),t("span",{className:"my-auto text-sm",children:"Account"})]})]})]})]})}export{M as Navigation_E,M as default};
+import{a as x}from"./chunk-IMQB7ODR.mjs";import{a as l,b as f}from"./chunk-S35O64PB.mjs";import{PortableText as S}from"@portabletext/react";import{Button as c}from"@stackshift-ui/button";import{Flex as v}from"@stackshift-ui/flex";import{Image as y}from"@stackshift-ui/image";import{Link as C}from"@stackshift-ui/link";import{Section as B}from"@stackshift-ui/section";import{Fragment as N,useEffect as k,useRef as M,useState as g}from"react";import{jsx as t,jsxs as a}from"react/jsx-runtime";function F({banner:e,logo:r,links:i}){let[s,h]=g(!1),[m,d]=g(!1),[o,n]=g(""),u=M("");k(()=>{u.current=o},[o]);let p=()=>h(!s),w=L=>{L.preventDefault();let b=document.getElementById("query");b&&(n(b.value),window.location.href=`/search?q=${o}`)};return a(B,{className:"relative bg-background",children:[t(R,{banner:e}),a(v,{as:"nav",justify:"between",className:"relative",children:[a(v,{align:"center",className:"w-full px-12 py-8",children:[t(P,{logo:r}),t(z,{links:i})]}),a("div",{className:"items-center hidden lg:flex lg:gap-10",children:[t(H,{showSearchBar:m,setShowSearchBar:d}),t(q,{showSearchBar:m,handleSearchRouting:w,productQuery:o,setProductQuery:n}),t(Q,{}),t(T,{})]}),t(I,{showMenu:p})]}),t(j,{logo:r,links:i,menu:s,showMenu:p,handleSearchRouting:w,productQuery:o,setProductQuery:n})]})}function R({banner:e}){return e?t("div",{className:"py-2 bg-primary",children:a(v,{align:"center",justify:"center",children:[a("svg",{className:"mr-2",width:18,height:11,viewBox:"0 0 18 11",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t("rect",{y:"3.07129",width:4,height:10,rx:2,transform:"rotate(-45 0 3.07129)",fill:"white"}),t("rect",{x:8,y:"2.82861",width:4,height:10,rx:2,transform:"rotate(-45 8 2.82861)",fill:"white"})]}),t(S,{value:e,components:x,onMissingComponent:!1})]})}):null}function P({logo:e}){var r;return e?t(C,{"aria-label":`Go to ${l(e)==="/"?"home page":l(e)}`,className:"text-3xl font-bold leading-none",href:l(e),target:e==null?void 0:e.linkTarget,rel:(e==null?void 0:e.linkTarget)==="_blank"?"noopener noreferrer":"",children:t(y,{src:e==null?void 0:e.image,width:48,height:48,alt:(r=e==null?void 0:e.alt)!=null?r:"navigation-logo"})}):null}function z({links:e}){return e?t("ul",{className:"hidden transform main-nav top-1/2 lg:flex lg:gap-10 lg:justify-center lg:items-center",children:e.map((r,i)=>t(N,{children:t(E,{link:r})},i))}):null}function E({link:e}){return e?t("li",{children:t(c,{asChild:!0,variant:"link",className:(e==null?void 0:e.type)==="linkInternal"?"xl:mr-12 lg:mr-8 font-bold font-heading hover:text-gray-600 no-underline text-black":"mr-12 font-bold font-heading hover:text-gray-600 no-underline text-black",children:t(f,{ariaLabel:(e==null?void 0:e.label)||"Navigation link",link:e,children:e==null?void 0:e.label})})}):null}function H({showSearchBar:e,setShowSearchBar:r}){return t(c,{variant:"ghost","aria-label":"Search button",type:"button",onClick:()=>r(!e),children:t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",children:t("path",{d:"M23.809 21.646l-6.205-6.205c1.167-1.605 1.857-3.579 1.857-5.711 0-5.365-4.365-9.73-9.731-9.73-5.365 0-9.73 4.365-9.73 9.73 0 5.366 4.365 9.73 9.73 9.73 2.034 0 3.923-.627 5.487-1.698l6.238 6.238 2.354-2.354zm-20.955-11.916c0-3.792 3.085-6.877 6.877-6.877s6.877 3.085 6.877 6.877-3.085 6.877-6.877 6.877c-3.793 0-6.877-3.085-6.877-6.877z"})})})}function q({showSearchBar:e,handleSearchRouting:r,productQuery:i,setProductQuery:s}){return e?a("form",{id:"form",className:"flex items-center pl-8 mb-10 mr-auto bg-white lg:mb-0",method:"get",role:"search",onSubmit:r,children:[t("input",{id:"query",name:"query","aria-label":"Search...",className:"inline-block w-40 h-full p-2 mt-1 text-sm bg-white border shadow-sm border-slate-300 placeholder-slate-400 focus:border-primary-foreground focus:outline-none focus:ring-1 focus:ring-primary-foreground",placeholder:"Search...",onChange:h=>s(h.target.value),type:"search"}),t(c,{variant:"ghost","aria-label":"Submit product search",className:`mt-1 inline-flex h-[35px] w-10 items-center justify-center bg-primary ${i===""?"cursor-not-allowed opacity-50":"transition duration-200 hover:bg-primary-foreground"}`,disabled:i==="",type:"submit",children:t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",children:t("path",{d:"M23.809 21.646l-6.205-6.205c1.167-1.605 1.857-3.579 1.857-5.711 0-5.365-4.365-9.73-9.731-9.73-5.365 0-9.73 4.365-9.73 9.73 0 5.366 4.365 9.73 9.73 9.73 2.034 0 3.923-.627 5.487-1.698l6.238 6.238 2.354-2.354zm-20.955-11.916c0-3.792 3.085-6.877 6.877-6.877s6.877 3.085 6.877 6.877-3.085 6.877-6.877 6.877c-3.793 0-6.877-3.085-6.877-6.877z"})})})]}):null}function I({showMenu:e}){return t(c,{variant:"ghost","aria-label":"Nav Sidebar",className:"self-center mr-12 navbar-burger lg:hidden",onClick:e,children:t("svg",{width:20,height:12,viewBox:"0 0 20 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t("path",{d:"M1 2H19C19.2652 2 19.5196 1.89464 19.7071 1.70711C19.8946 1.51957 20 1.26522 20 1C20 0.734784 19.8946 0.48043 19.7071 0.292893C19.5196 0.105357 19.2652 0 19 0H1C0.734784 0 0.48043 0.105357 0.292893 0.292893C0.105357 0.48043 0 0.734784 0 1C0 1.26522 0.105357 1.51957 0.292893 1.70711C0.48043 1.89464 0.734784 2 1 2ZM19 10H1C0.734784 10 0.48043 10.1054 0.292893 10.2929C0.105357 10.4804 0 10.7348 0 11C0 11.2652 0.105357 11.5196 0.292893 11.7071C0.48043 11.8946 0.734784 12 1 12H19C19.2652 12 19.5196 11.8946 19.7071 11.7071C19.8946 11.5196 20 11.2652 20 11C20 10.7348 19.8946 10.4804 19.7071 10.2929C19.5196 10.1054 19.2652 10 19 10ZM19 5H1C0.734784 5 0.48043 5.10536 0.292893 5.29289C0.105357 5.48043 0 5.73478 0 6C0 6.26522 0.105357 6.51957 0.292893 6.70711C0.48043 6.89464 0.734784 7 1 7H19C19.2652 7 19.5196 6.89464 19.7071 6.70711C19.8946 6.51957 20 6.26522 20 6C20 5.73478 19.8946 5.48043 19.7071 5.29289C19.5196 5.10536 19.2652 5 19 5Z",fill:"currentColor"})})})}function Q(){return a("div",{className:"cart-icon cart-link",children:[t("svg",{"data-icon":"BAG",className:"ec-minicart__icon",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",children:t("path",{d:"M20 7h-4v-3c0-2.209-1.791-4-4-4s-4 1.791-4 4v3h-4l-2 17h20l-2-17zm-11-3c0-1.654 1.346-3 3-3s3 1.346 3 3v3h-6v-3zm-4.751 18l1.529-13h2.222v1.5c0 .276.224.5.5.5s.5-.224.5-.5v-1.5h6v1.5c0 .276.224.5.5.5s.5-.224.5-.5v-1.5h2.222l1.529 13h-15.502z"})}),t("a",{className:"cart-link",href:"/cart?store-page=cart","aria-label":"Cart"})]})}function T(){return t("a",{"aria-label":"Account",href:"/cart?store-page=account",children:t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",children:t("path",{d:"M12 2c2.757 0 5 2.243 5 5.001 0 2.756-2.243 5-5 5s-5-2.244-5-5c0-2.758 2.243-5.001 5-5.001zm0-2c-3.866 0-7 3.134-7 7.001 0 3.865 3.134 7 7 7s7-3.135 7-7c0-3.867-3.134-7.001-7-7.001zm6.369 13.353c-.497.498-1.057.931-1.658 1.302 2.872 1.874 4.378 5.083 4.972 7.346h-19.387c.572-2.29 2.058-5.503 4.973-7.358-.603-.374-1.162-.811-1.658-1.312-4.258 3.072-5.611 8.506-5.611 10.669h24c0-2.142-1.44-7.557-5.631-10.647z"})})})}function j({logo:e,links:r,menu:i,showMenu:s,handleSearchRouting:h,productQuery:m,setProductQuery:d}){var o;return a("div",{className:`${i?null:"hidden"} mobile-nav fixed bottom-0 right-0 top-0 w-5/6 max-w-sm`,style:{zIndex:60},children:[t("div",{className:"fixed inset-0 bg-gray-800 opacity-25",onClick:s}),a("nav",{className:"relative flex flex-col w-full h-full px-6 py-6 overflow-y-auto bg-white border-r",children:[a("div",{className:"flex items-center mb-8",children:[e&&t(C,{"aria-label":`Go to ${l(e)==="/"?"home page":l(e)}`,className:"text-3xl font-bold leading-none",href:l(e),target:e==null?void 0:e.linkTarget,rel:(e==null?void 0:e.linkTarget)==="_blank"?"noopener noreferrer":"",children:t(y,{src:e==null?void 0:e.image,alt:(o=e==null?void 0:e.alt)!=null?o:"navigation-logo",width:48,height:48,className:"text-3xl font-bold leading-none"})}),t(c,{variant:"ghost","aria-label":"Close navigation menu",className:"ml-auto",onClick:s,children:t("svg",{className:"w-2 h-2 text-gray-500 cursor-pointer",width:10,height:10,viewBox:"0 0 10 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t("path",{d:"M9.00002 1L1 9.00002M1.00003 1L9.00005 9.00002",stroke:"black",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),a("form",{id:"form",className:"flex mt-3 bg-white",method:"get",role:"search",onSubmit:h,children:[t("input",{id:"query",name:"query","aria-label":"Search product",className:"inline-block w-full h-full p-2 text-sm bg-white border shadow-sm border-slate-300 placeholder-slate-400 focus:border-primary-foreground focus:outline-none focus:ring-1 focus:ring-primary-foreground sm:w-60",placeholder:"Search...",onChange:n=>d(n.target.value),type:"search"}),t(c,{variant:"ghost","aria-label":"Submit product search",className:`inline-flex h-full w-10 items-center justify-center bg-primary ${m===""?"cursor-not-allowed opacity-50":"transition duration-200 hover:bg-primary-foreground"}`,disabled:m==="",type:"submit",children:t("svg",{width:7,height:12,viewBox:"0 0 7 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t("path",{d:"M4.125 6.00252L0 1.87752L1.17801 0.699219L6.48102 6.00252L1.17801 11.3058L0 10.1275L4.125 6.00252Z",fill:"white"})})})]}),t("ul",{className:"mt-10 mb-5",children:r&&r.map((n,u)=>t(N,{children:t("li",{className:"mb-8",children:t(c,{asChild:!0,variant:"link",className:"font-bold text-black no-underline font-heading hover:text-gray-600",children:t(f,{ariaLabel:(n==null?void 0:n.label)||`navigation link ${u+1}`,link:n,children:n==null?void 0:n.label})})})},u))}),t("hr",{}),a("div",{className:"flex items-center mx-auto mt-3",children:[a("a",{className:"flex mr-10 cart-icon cart-link","aria-label":"Cart",href:"/cart?store-page=cart",children:[t("div",{"data-icon":"BAG",className:"ec-cart-widget"}),t("span",{className:"my-auto text-sm",children:"Cart"})]}),a("a",{className:"flex","aria-label":"Account",href:"/cart?store-page=account",children:[a("svg",{width:32,height:31,viewBox:"0 0 32 31",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t("path",{d:"M16.0006 16.3154C19.1303 16.3154 21.6673 13.799 21.6673 10.6948C21.6673 7.59064 19.1303 5.07422 16.0006 5.07422C12.871 5.07422 10.334 7.59064 10.334 10.6948C10.334 13.799 12.871 16.3154 16.0006 16.3154Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),t("path",{d:"M24.4225 23.8963C23.6678 22.3507 22.4756 21.0445 20.9845 20.1298C19.4934 19.2151 17.7647 18.7295 15.9998 18.7295C14.2349 18.7295 12.5063 19.2151 11.0152 20.1298C9.52406 21.0445 8.33179 22.3507 7.57715 23.8963",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),t("span",{className:"my-auto text-sm",children:"Account"})]})]})]})]})}export{F as Navigation_E,F as default};

package/dist/navigation_h.mjs

@@ -1 +1 @@
-import{a}from"./chunk-Z3RUBMRD.mjs";import"./chunk-S35O64PB.mjs";export{a as Navigation_H,a as default};
+import{a}from"./chunk-AYUL7QX6.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": "6.1.0",
+  "version": "7.0.0-beta.1",
   "private": false,
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -38,21 +38,21 @@
     "@react-spring/web": "^10.0.1",
     "@uidotdev/usehooks": "^2.4.1",
     "react-icons": "^5.3.0",
-    "@stackshift-ui/flex": "6.0.11",
-    "@stackshift-ui/image": "6.0.11",
-    "@stackshift-ui/link": "6.0.11",
-    "@stackshift-ui/button": "6.0.11",
-    "@stackshift-ui/container": "6.0.11",
-    "@stackshift-ui/section": "6.0.11",
-    "@stackshift-ui/heading": "6.0.11",
-    "@stackshift-ui/scripts": "6.0.10",
-    "@stackshift-ui/grid": "6.0.11",
-    "@stackshift-ui/text": "6.0.11",
-    "@stackshift-ui/system": "6.0.11",
-    "@stackshift-ui/social-icons": "6.0.12"
+    "@stackshift-ui/link": "6.0.12-beta.1",
+    "@stackshift-ui/flex": "7.0.0-beta.1",
+    "@stackshift-ui/button": "6.1.0-beta.1",
+    "@stackshift-ui/system": "6.1.0-beta.1",
+    "@stackshift-ui/grid": "7.0.0-beta.1",
+    "@stackshift-ui/section": "7.0.0-beta.1",
+    "@stackshift-ui/social-icons": "7.0.0-beta.1",
+    "@stackshift-ui/container": "7.0.0-beta.1",
+    "@stackshift-ui/text": "7.0.0-beta.1",
+    "@stackshift-ui/heading": "7.0.0-beta.1",
+    "@stackshift-ui/image": "6.1.0-beta.1",
+    "@stackshift-ui/scripts": "6.1.0-beta.0"
   },
   "peerDependencies": {
-    "@stackshift-ui/system": ">=6.0.11",
+    "@stackshift-ui/system": ">=6.1.0-beta.1",
     "@types/react": "16.8 - 19",
     "next": "10 - 14",
     "react": "16.8 - 19",

package/src/navigation.test.tsx

@@ -7,7 +7,7 @@ describe.concurrent("navigation", () => {
 
   test.skip("Dummy test - test if renders without errors", ({ expect }) => {
     const clx = "my-class";
-    render(<Navigation />);
-    expect(screen.getByTestId("{ kebabCase name }}").classList).toContain(clx);
+    render(<Navigation data-testid="navigation" />);
+    expect(screen.getByTestId("navigation").classList).toContain(clx);
   });
 });

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 { logoLink } from "./helper";
+import { ConditionalLink, logoLink } from "./helper";
 import { LabeledRoute, LabeledRouteWithKey, Logo } from "./types";
 
 export default function Navigation_A({
@@ -103,11 +103,16 @@ function NavItem({ link }: { link?: LabeledRoute }) {
   return (
     <li>
       <Button
-        as="link"
-        link={link}
-        ariaLabel={link?.label}
+        asChild
+        variant="link"
+        aria-label={link?.label}
         className="text-sm text-gray-500 no-underline hover:text-gray-900">
-        {link?.label}
+        <ConditionalLink
+          link={link}
+          ariaLabel={link?.label}
+          className="text-sm text-gray-500 no-underline hover:text-gray-900">
+          {link?.label}
+        </ConditionalLink>
       </Button>
     </li>
   );
@@ -134,11 +139,13 @@ function ResponsiveNavLinks({
               {links?.map((link: any, index: number) => (
                 <li className="mb-1" key={index}>
                   <Button
-                    as="link"
-                    ariaLabel={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"
-                    link={link}>
-                    {link?.label}
+                    asChild
+                    variant="link"
+                    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>
                   </Button>
                 </li>
               ))}
@@ -149,22 +156,30 @@ function ResponsiveNavLinks({
           <Flex direction="col" className="pt-6">
             {primaryButton?.label ? (
               <Button
-                as="link"
-                link={primaryButton}
-                ariaLabel={primaryButton?.label}
+                asChild
+                aria-label={primaryButton?.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">
-                {primaryButton?.label}
+                <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>
               </Button>
             ) : null}
             {secondaryButton?.label ? (
               <Button
-                as="link"
-                link={secondaryButton}
-                ariaLabel={secondaryButton?.label}
-                variant="solid"
+                asChild
+                aria-label={secondaryButton?.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`}>
-                {secondaryButton?.label}
+                <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>
               </Button>
             ) : null}
           </Flex>
@@ -181,9 +196,7 @@ function MobileMenu({ showMenu }: { showMenu: () => void }) {
   return (
     <div className="lg:hidden">
       <Button
-        variant="unstyled"
-        as="button"
-        ariaLabel="Navigation Menu"
+        aria-label="Navigation Menu"
         className="flex items-center p-3 navbar-burger text-primary"
         onClick={showMenu}>
         <svg
@@ -209,22 +222,24 @@ function Buttons({
     <Flex align="center" gap={4}>
       {primaryButton?.label ? (
         <Button
-          as="link"
-          link={primaryButton}
-          ariaLabel={primaryButton?.label}
+          asChild
+          aria-label={primaryButton?.label}
           variant="outline"
-          className="hidden lg:flex px-4 py-3 leading-loose text-center font-semibold text-gray-900 rounded-global bg-secondary hover:bg-secondary/50">
-          {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>
         </Button>
       ) : null}
       {secondaryButton?.label ? (
         <Button
-          as="link"
-          link={secondaryButton}
-          ariaLabel={secondaryButton?.label}
-          variant="solid"
-          className="hidden lg:flex px-4 py-3 leading-loose text-center font-semibold text-white bg-primary hover:bg-primary-foreground rounded-global">
-          {secondaryButton?.label}
+          asChild
+          aria-label={secondaryButton?.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">
+          <ConditionalLink link={secondaryButton} ariaLabel={secondaryButton?.label}>
+            {secondaryButton?.label}
+          </ConditionalLink>
         </Button>
       ) : null}
     </Flex>
@@ -234,12 +249,7 @@ function Buttons({
 function BurgerMenuIcon({ showMenu }: { showMenu: () => void }) {
   return (
     <div className="flex items-center mb-8">
-      <Button
-        variant="unstyled"
-        as="button"
-        ariaLabel="Navigation Menu"
-        className="navbar-close"
-        onClick={showMenu}>
+      <Button aria-label="Close Navigation Menu" className="navbar-close" onClick={showMenu}>
         <svg
           className="w-6 h-6 text-gray-500 cursor-pointer hover:text-gray-500"
           xmlns="http://www.w3.org/2000/svg"

package/src/navigation_b.tsx

@@ -7,7 +7,7 @@ import { Section } from "@stackshift-ui/section";
 import { Text } from "@stackshift-ui/text";
 import React from "react";
 import { NavigationProps, ResponsiveNavLinksProps } from ".";
-import { logoLink } from "./helper";
+import { ConditionalLink, logoLink } from "./helper";
 import { LabeledRoute, LabeledRouteWithKey, Logo } from "./types";
 
 export default function Navigation_B({
@@ -89,11 +89,13 @@ function NavItem({ link }: { link?: LabeledRouteWithKey }) {
   return (
     <li>
       <Button
-        as="link"
-        ariaLabel={link?.label}
-        link={link}
+        variant="unstyled"
+        asChild
+        aria-label={link?.label}
         className="text-sm text-gray-500 no-underline hover:text-gray-900">
-        {link?.label}
+        <ConditionalLink link={link} ariaLabel={link?.label || "Navigation link"}>
+          {link?.label}
+        </ConditionalLink>
       </Button>
     </li>
   );
@@ -129,20 +131,22 @@ function Buttons({
     <Flex align="center" gap={4}>
       {primaryButton?.label && (
         <Button
-          as="link"
-          ariaLabel={primaryButton?.label}
-          link={primaryButton}
-          className="hidden lg:flex px-4 py-3 leading-loose text-center font-semibold text-gray-900 rounded-global bg-secondary hover:bg-secondary/50">
-          {primaryButton?.label}
+          asChild
+          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>
         </Button>
       )}
       {secondaryButton?.label && (
         <Button
-          as="link"
-          ariaLabel={secondaryButton?.label}
-          link={secondaryButton}
-          className="hidden lg:flex px-4 py-3 leading-loose text-center font-semibold text-white bg-primary hover:bg-primary-foreground rounded-global">
-          {secondaryButton?.label}
+          asChild
+          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>
         </Button>
       )}
     </Flex>
@@ -153,9 +157,7 @@ function MobileMenu({ showMenu }: { showMenu: () => void }) {
   return (
     <div className="lg:hidden">
       <Button
-        variant="unstyled"
-        as="button"
-        ariaLabel="Navigation menu"
+        aria-label="Navigation menu"
         className="flex items-center p-3 navbar-burger text-primary"
         onClick={showMenu}>
         <svg
@@ -183,12 +185,7 @@ function ResponsiveNavLinks({
         <div className="fixed inset-0 bg-gray-800 opacity-25 navbar-backdrop" onClick={showMenu} />
         <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">
           <div className="flex items-center mb-8">
-            <Button
-              variant="unstyled"
-              as="button"
-              ariaLabel="Navigation menu"
-              className="navbar-close"
-              onClick={showMenu}>
+            <Button aria-label="Close navigation menu" className="navbar-close" onClick={showMenu}>
               <svg
                 className="w-6 h-6 text-gray-500 cursor-pointer hover:text-gray-500"
                 xmlns="http://www.w3.org/2000/svg"
@@ -209,11 +206,15 @@ function ResponsiveNavLinks({
               {links?.map((link, index) => (
                 <li className="mb-1" key={index}>
                   <Button
-                    as="link"
-                    ariaLabel={link?.label}
-                    link={link}
+                    asChild
+                    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">
-                    {link?.label}
+                    <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>
                   </Button>
                 </li>
               ))}
@@ -223,20 +224,28 @@ function ResponsiveNavLinks({
             <div className="pt-6">
               {primaryButton?.label && (
                 <Button
-                  as="link"
-                  ariaLabel={primaryButton?.label}
-                  link={primaryButton}
+                  asChild
+                  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">
-                  {primaryButton?.label}
+                  <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>
                 </Button>
               )}
               {secondaryButton?.label && (
                 <Button
-                  as="link"
-                  ariaLabel={secondaryButton?.label}
-                  link={secondaryButton}
+                  asChild
+                  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">
-                  {secondaryButton?.label}
+                  <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>
                 </Button>
               )}
             </div>

package/src/navigation_c.tsx

@@ -7,7 +7,7 @@ import { Section } from "@stackshift-ui/section";
 import { Text } from "@stackshift-ui/text";
 import React from "react";
 import { NavigationProps, ResponsiveNavLinksProps } from ".";
-import { logoLink } from "./helper";
+import { ConditionalLink, logoLink } from "./helper";
 import { LabeledRoute, LabeledRouteWithKey, Logo } from "./types";
 
 export default function Navigation_C({
@@ -67,11 +67,16 @@ function NavItem({ link }: { link?: LabeledRouteWithKey }) {
   return (
     <li>
       <Button
-        as="link"
-        ariaLabel={link?.label}
-        link={link}
+        variant="unstyled"
+        asChild
+        aria-label={link?.label}
         className="text-sm text-gray-500 no-underline hover:text-gray-900">
-        {link?.label}
+        <ConditionalLink
+          link={link}
+          ariaLabel={link?.label || "Navigation link"}
+          className="text-sm text-gray-500 no-underline hover:text-gray-900">
+          {link?.label}
+        </ConditionalLink>
       </Button>
     </li>
   );
@@ -129,20 +134,22 @@ function Buttons({
     <div className="hidden lg:text-right lg:block lg:w-1/3">
       {primaryButton?.label && (
         <Button
-          as="link"
-          ariaLabel={primaryButton?.label}
-          link={primaryButton}
-          className="px-4 py-3 text-gray-900 lg:ml-auto lg:mr-3 font-semibold rounded-global bg-secondary hover:bg-secondary/50">
-          {primaryButton?.label}
+          asChild
+          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>
         </Button>
       )}
       {secondaryButton?.label && (
         <Button
-          as="link"
-          ariaLabel={secondaryButton?.label}
-          link={secondaryButton}
-          className="px-4 py-3 leading-loose text-center text-white font-semibold bg-primary hover:bg-primary-foreground rounded-global">
-          {secondaryButton?.label}
+          asChild
+          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>
         </Button>
       )}
     </div>
@@ -153,9 +160,7 @@ function MobileMenu({ showMenu }: { showMenu: () => void }) {
   return (
     <div className="ml-auto lg:hidden">
       <Button
-        variant="unstyled"
-        as="button"
-        ariaLabel="Navigation menu"
+        aria-label="Navigation menu"
         className="flex items-center p-3 navbar-burger text-primary"
         onClick={showMenu}>
         <svg
@@ -184,12 +189,7 @@ function ResponsiveNavLinks({
         onClick={showMenu}></div>
       <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">
         <div className="flex items-center mb-8">
-          <Button
-            variant="unstyled"
-            as="button"
-            ariaLabel="Navigation menu"
-            className="navbar-close"
-            onClick={showMenu}>
+          <Button aria-label="Close navigation menu" className="navbar-close" onClick={showMenu}>
             <svg
               className="w-6 h-6 text-gray-500 cursor-pointer hover:text-gray-500"
               xmlns="http://www.w3.org/2000/svg"
@@ -210,11 +210,15 @@ function ResponsiveNavLinks({
               links?.map((link, index) => (
                 <li className="mb-1" key={index}>
                   <Button
-                    as="link"
-                    ariaLabel={link?.label}
-                    link={link}
+                    asChild
+                    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">
-                    {link?.label}
+                    <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>
                   </Button>
                 </li>
               ))}
@@ -224,20 +228,28 @@ function ResponsiveNavLinks({
           <div className="pt-6">
             {primaryButton?.label && (
               <Button
-                as="link"
-                ariaLabel={primaryButton?.label}
-                link={primaryButton}
+                asChild
+                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">
-                {primaryButton?.label}
+                <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>
               </Button>
             )}
             {secondaryButton?.label && (
               <Button
-                as="link"
-                ariaLabel={secondaryButton?.label}
-                link={secondaryButton}
+                asChild
+                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">
-                {secondaryButton?.label}
+                <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>
               </Button>
             )}
           </div>

package/src/navigation_d.tsx

@@ -7,7 +7,7 @@ import { Section } from "@stackshift-ui/section";
 import { Text } from "@stackshift-ui/text";
 import React from "react";
 import { NavigationProps, ResponsiveNavLinksProps } from ".";
-import { logoLink } from "./helper";
+import { ConditionalLink, logoLink } from "./helper";
 import { LabeledRoute, LabeledRouteWithKey, Logo } from "./types";
 
 export default function Navigation_D({
@@ -65,11 +65,16 @@ function NavItem({ link }: { link?: LabeledRouteWithKey }) {
   return (
     <li>
       <Button
-        as="link"
-        ariaLabel={link?.label}
-        link={link}
+        variant="unstyled"
+        asChild
+        aria-label={link?.label}
         className="text-sm text-gray-500 no-underline hover:text-gray-900">
-        {link?.label}
+        <ConditionalLink
+          link={link}
+          ariaLabel={link?.label || "Navigation link"}
+          className="text-sm text-gray-500 no-underline hover:text-gray-900">
+          {link?.label}
+        </ConditionalLink>
       </Button>
     </li>
   );
@@ -127,20 +132,24 @@ function Buttons({
     <div className="hidden lg:flex lg:gap-4">
       {primaryButton?.label && (
         <Button
-          as="link"
-          ariaLabel={primaryButton?.label}
-          link={primaryButton}
-          className="px-4 py-3 leading-loose text-center text-gray-900 font-semibold rounded-global bg-secondary hover:bg-secondary/50">
-          {primaryButton?.label}
+          asChild
+          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>
         </Button>
       )}
       {secondaryButton?.label && (
         <Button
-          as="link"
-          ariaLabel={secondaryButton?.label}
-          link={secondaryButton}
-          className="px-4 py-3 leading-loose text-center text-white font-semibold bg-primary hover:bg-primary-foreground rounded-global">
-          {secondaryButton?.label}
+          asChild
+          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>
         </Button>
       )}
     </div>
@@ -151,9 +160,7 @@ function MobileMenu({ showMenu }: { showMenu: () => void }) {
   return (
     <div className="ml-auto lg:hidden">
       <Button
-        variant="unstyled"
-        as="button"
-        ariaLabel="Navigation menu"
+        aria-label="Navigation menu"
         className="flex items-center p-3 navbar-burger text-primary"
         onClick={showMenu}>
         <svg
@@ -182,12 +189,7 @@ function ResponsiveNavLinks({
         onClick={showMenu}></div>
       <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">
         <div className="flex items-center mb-8">
-          <Button
-            variant="unstyled"
-            as="button"
-            ariaLabel="Navigation menu"
-            className="navbar-close"
-            onClick={showMenu}>
+          <Button aria-label="Close navigation menu" className="navbar-close" onClick={showMenu}>
             <svg
               className="w-6 h-6 text-gray-500 cursor-pointer hover:text-gray-500"
               xmlns="http://www.w3.org/2000/svg"
@@ -207,11 +209,15 @@ function ResponsiveNavLinks({
             links.map((link, index) => (
               <li className="mb-1" key={index}>
                 <Button
-                  as="link"
-                  ariaLabel={link.label}
-                  link={link}
+                  asChild
+                  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">
-                  {link.label}
+                  <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>
                 </Button>
               </li>
             ))}
@@ -219,20 +225,28 @@ function ResponsiveNavLinks({
         <div className="mt-auto pt-6">
           {primaryButton?.label && (
             <Button
-              as="link"
-              ariaLabel={primaryButton.label}
-              link={primaryButton}
+              asChild
+              aria-label={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
+                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>
             </Button>
           )}
           {secondaryButton?.label && (
             <Button
-              as="link"
-              ariaLabel={secondaryButton.label}
-              link={secondaryButton}
+              asChild
+              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">
-              {secondaryButton.label}
+              <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>
             </Button>
           )}
         </div>

package/src/navigation_e.tsx

@@ -6,7 +6,7 @@ import { Link } from "@stackshift-ui/link";
 import { Section } from "@stackshift-ui/section";
 import { Fragment, useEffect, useRef, useState } from "react";
 import { NavigationProps, ResponsiveNavLinksProps } from ".";
-import { logoLink } from "./helper";
+import { ConditionalLink, logoLink } from "./helper";
 import { blockStyle } from "./helper/blockStyle";
 import { LabeledRouteWithKey, Logo } from "./types";
 
@@ -145,16 +145,16 @@ function NavItem({ link }: { link?: LabeledRouteWithKey }) {
   return (
     <li>
       <Button
-        as="link"
+        asChild
         variant="link"
-        ariaLabel={link?.label}
-        link={link}
         className={
           link?.type === "linkInternal"
             ? "xl:mr-12 lg:mr-8 font-bold font-heading hover:text-gray-600 no-underline text-black"
             : "mr-12 font-bold font-heading hover:text-gray-600 no-underline text-black"
         }>
-        {link?.label}
+        <ConditionalLink ariaLabel={link?.label || "Navigation link"} link={link}>
+          {link?.label}
+        </ConditionalLink>
       </Button>
     </li>
   );
@@ -169,9 +169,8 @@ function SearchButton({
 }) {
   return (
     <Button
-      as="button"
-      variant="unstyled"
-      ariaLabel="Search button"
+      variant="ghost"
+      aria-label="Search button"
       type="button"
       onClick={() => setShowSearchBar(!showSearchBar)}>
       <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
@@ -213,9 +212,8 @@ function SearchForm({
         type="search"
       />
       <Button
-        as="button"
-        variant="unstyled"
-        ariaLabel="Submit product search"
+        variant="ghost"
+        aria-label="Submit product search"
         className={`mt-1 inline-flex h-[35px] w-10 items-center justify-center bg-primary ${
           productQuery === ""
             ? "cursor-not-allowed opacity-50"
@@ -234,9 +232,8 @@ function SearchForm({
 function MenuIcon({ showMenu }: { showMenu: () => void }) {
   return (
     <Button
-      variant="unstyled"
-      as="button"
-      ariaLabel="Nav Sidebar"
+      variant="ghost"
+      aria-label="Nav Sidebar"
       className="self-center mr-12 navbar-burger lg:hidden"
       onClick={showMenu}>
       <svg
@@ -322,9 +319,8 @@ function ResponsiveNavLinks({
           )}
 
           <Button
-            variant="unstyled"
-            as="button"
-            ariaLabel="Close navigation menu"
+            variant="ghost"
+            aria-label="Close navigation menu"
             className="ml-auto"
             onClick={showMenu}>
             <svg
@@ -361,9 +357,8 @@ function ResponsiveNavLinks({
             type="search"
           />
           <Button
-            variant="unstyled"
-            as="button"
-            ariaLabel="Submit product search"
+            variant="ghost"
+            aria-label="Submit product search"
             className={`inline-flex h-full w-10 items-center justify-center bg-primary ${
               productQuery === ""
                 ? "cursor-not-allowed opacity-50"
@@ -391,12 +386,14 @@ function ResponsiveNavLinks({
               <Fragment key={index}>
                 <li className="mb-8">
                   <Button
-                    as="link"
+                    asChild
                     variant="link"
-                    ariaLabel={link?.label ?? `navigation link ${index + 1}`}
-                    link={link}
                     className="font-bold text-black no-underline font-heading hover:text-gray-600">
-                    {link?.label}
+                    <ConditionalLink
+                      ariaLabel={link?.label || `navigation link ${index + 1}`}
+                      link={link}>
+                      {link?.label}
+                    </ConditionalLink>
                   </Button>
                 </li>
               </Fragment>

package/src/navigation_h.tsx

@@ -23,7 +23,7 @@ import { GoPerson } from "react-icons/go";
 import { LiaSearchSolid } from "react-icons/lia";
 import { SlLocationPin } from "react-icons/sl";
 import { NavigationProps } from ".";
-import { logoLink } from "./helper";
+import { ConditionalLink, logoLink } from "./helper";
 import { LabeledRouteWithKey, Logo, MegaMenu } from "./types";
 
 interface AccordionProps {
@@ -222,12 +222,14 @@ const MobileMenuContentItem = React.memo(({ megaMenu }: MobileMenuContentItemPro
                   {groupedLinksItem.links?.map(link => (
                     <Button
                       key={`MobileMenuContent-Item-Group-Link-${link._key}`}
-                      ariaLabel={link.label ?? ""}
-                      as="link"
-                      link={link ?? {}}
-                      variant="unstyled"
+                      asChild
+                      variant="ghost"
                       className="text-black text-sm font-normal font-heading-kb leading-[30px] hover:underline block ml-4">
-                      {link.label}
+                      <ConditionalLink link={link} ariaLabel={link.label ?? "Navigation link"}>
+                        <ConditionalLink link={link} ariaLabel={link.label ?? "Navigation link"}>
+                          {link.label}
+                        </ConditionalLink>
+                      </ConditionalLink>
                     </Button>
                   ))}
                 </div>
@@ -239,22 +241,24 @@ 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
-              ariaLabel={link.primaryButton?.label ?? ""}
-              as="link"
-              link={link.primaryButton ?? {}}
-              variant="unstyled"
+              asChild
+              variant="ghost"
               className="text-black text-sm font-normal font-heading-kb leading-[30px]">
-              <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
+                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>
             </Button>
           </div>
         ))}
@@ -414,12 +418,10 @@ const NavItem = ({ link, isIcon }: NavItemProps) => {
 
   return (
     <li>
-      <Button
-        as="link"
-        ariaLabel={link?.label}
-        link={link}
-        className="text-sm font-label tracking-wide">
-        {!isIcon ? link?.label : icon}
+      <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>
     </li>
   );
@@ -497,10 +499,8 @@ interface MegaMenuNavLinkProps {
 const MegaMenuNavLink = ({ link, className }: MegaMenuNavLinkProps) => {
   return (
     <Button
-      ariaLabel={`Go to ${link.label}`}
-      as="link"
+      asChild
       variant="unstyled"
-      link={link}
       className={cn(
         "relative text-black text-sm font-normal font-label uppercase tracking-widest group",
         className,
@@ -677,12 +677,15 @@ function MegaDropdownGroupedLinks({ groupedLinks }: { groupedLinks: LabeledRoute
                           return (
                             <Button
                               key={`MegaDropdownContent-Item-Link-${link._key}-${i}`}
-                              ariaLabel={link.label ?? ""}
-                              as="link"
-                              link={link ?? {}}
+                              aria-label={link.label ?? ""}
                               variant="unstyled"
+                              asChild
                               className="text-black text-sm font-normal font-heading-kb leading-[30px] hover:underline">
-                              {link?.label}
+                              <ConditionalLink
+                                link={link}
+                                ariaLabel={link.label ?? "Navigation link"}>
+                                {link?.label}
+                              </ConditionalLink>
                             </Button>
                           );
                         })}
@@ -715,21 +718,24 @@ function MegaDropdownShowcaseLinks({
         return (
           <Button
             key={`MegaDropdownContent-Item-Images-${link._key}-${i}`}
-            ariaLabel={link.primaryButton?.label ?? ""}
-            as="link"
-            link={link.primaryButton ?? {}}
+            aria-label={link.primaryButton?.label ?? ""}
             variant="unstyled"
+            asChild
             className="text-center text-black text-sm font-normal font-heading-kb leading-[30px] hover:underline">
-            <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
+              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>
           </Button>
         );
       })}

package/dist/chunk-AV6FXT56.mjs

@@ -1 +0,0 @@
-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 f}from"@stackshift-ui/image";import{Link as x}from"@stackshift-ui/link";import{Section as d}from"@stackshift-ui/section";import{Text as u}from"@stackshift-ui/text";import g from"react";import{jsx as l,jsxs as n}from"react/jsx-runtime";function h({links:e,primaryButton:a,secondaryButton:t,logo:i}){let[s,r]=g.useState(!1),v=()=>{r(c=>!c)};return n(d,{className:"bg-background",children:[n(b,{align:"center",justify:"between",className:"px-6 py-6",gap:4,children:[l(w,{logo:i}),l(N,{links:e}),l(k,{primaryButton:a,secondaryButton:t}),l(R,{showMenu:v})]}),l(M,{menu:s,showMenu:v,links:e,primaryButton:a,secondaryButton:t})]})}function w({logo:e}){var a;return e?l("div",{className:"w-full lg:w-1/5",children:l(x,{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(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 p(){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,t)=>n(g.Fragment,{children:[l(L,{link:a},a._key),e.length!==t+1?l(p,{}):null]},t))})}):null}function L({link:e}){return e!=null&&e.label?l("li",{children:l(o,{as:"link",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:t,primaryButton:i,secondaryButton:s}){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:t?l("ul",{children:t==null?void 0:t.map((r,v)=>l("li",{className:"mb-1",children:l(o,{as:"link",ariaLabel: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",link:r,children:r==null?void 0:r.label})},v))}):null}),n("div",{className:"w-full mt-auto",children:[n(b,{direction:"col",className:"pt-6",children:[i!=null&&i.label?l(o,{as:"link",link:i,ariaLabel: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:i==null?void 0:i.label}):null,s!=null&&s.label?l(o,{as:"link",link:s,ariaLabel:s==null?void 0:s.label,variant:"solid",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(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,{variant:"unstyled",as:"button",ariaLabel:"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,ariaLabel:e==null?void 0:e.label,variant:"outline",className:"hidden lg:flex px-4 py-3 leading-loose text-center font-semibold text-gray-900 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,ariaLabel:a==null?void 0:a.label,variant:"solid",className:"hidden lg:flex px-4 py-3 leading-loose text-center font-semibold text-white bg-primary hover:bg-primary-foreground 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,{variant:"unstyled",as:"button",ariaLabel:"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-EYE6OX2N.mjs

@@ -1 +0,0 @@
-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 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 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(g=>!g)};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",ariaLabel:e==null?void 0:e.label,link:e,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(f,{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(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 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",ariaLabel:e==null?void 0:e.label,link:e,className:"px-4 py-3 leading-loose text-center text-gray-900 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",ariaLabel:l==null?void 0:l.label,link:l,className:"px-4 py-3 leading-loose text-center text-white font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:l==null?void 0:l.label})]})}function M({showMenu:e}){return a("div",{className:"ml-auto lg:hidden",children:a(s,{variant:"unstyled",as:"button",ariaLabel:"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,{variant:"unstyled",as:"button",ariaLabel:"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",ariaLabel:o.label,link:o,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",ariaLabel:i.label,link:i,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",ariaLabel:r.label,link:r,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-STASA5HD.mjs

@@ -1 +0,0 @@
-import{a as v}from"./chunk-S35O64PB.mjs";import{Button as b}from"@stackshift-ui/button";import{Container as x}from"@stackshift-ui/container";import{Flex as o}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:s,logo:t}){let[i,r]=g.useState(!1),m=()=>{r(f=>!f)};return n(h,{className:"bg-background",children:[a("nav",{className:"relative py-6",children:a(x,{maxWidth:1280,children:n(o,{align:"center",justify:"between",gap:4,children:[a(N,{logo:t}),a(R,{showMenu:m}),a(u,{links:e}),a(M,{primaryButton:l,secondaryButton:s})]})})}),a(z,{menu:i,showMenu:m,links:e,primaryButton:l,secondaryButton:s})]})}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":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(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(o,{children:a("ul",{className:"hidden lg:flex lg:items-center lg:gap-5 xl:gap-10",children:e==null?void 0:e.map((l,s)=>n(g.Fragment,{children:[a(L,{link:l},l._key),e.length!==s+1?a(k,{}):null]},s))})}):null}function L({link:e}){return e?a("li",{children:a(b,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,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(o,{align:"center",gap:4,children:[(e==null?void 0:e.label)&&a(b,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,className:"hidden lg:flex px-4 py-3 leading-loose text-center font-semibold text-gray-900 rounded-global bg-secondary hover:bg-secondary/50",children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&a(b,{as:"link",ariaLabel:l==null?void 0:l.label,link:l,className:"hidden lg:flex px-4 py-3 leading-loose text-center font-semibold text-white bg-primary hover:bg-primary-foreground rounded-global",children:l==null?void 0:l.label})]})}function R({showMenu:e}){return a("div",{className:"lg:hidden",children:a(b,{variant:"unstyled",as:"button",ariaLabel:"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:s,primaryButton:t,secondaryButton:i}){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(b,{variant:"unstyled",as:"button",ariaLabel:"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"})})})}),s&&a("ul",{children:s==null?void 0:s.map((r,m)=>a("li",{className:"mb-1",children:a(b,{as:"link",ariaLabel:r==null?void 0:r.label,link:r,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))}),n("div",{className:"mt-auto",children:[n("div",{className:"pt-6",children:[(t==null?void 0:t.label)&&a(b,{as:"link",ariaLabel:t==null?void 0:t.label,link:t,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:t==null?void 0:t.label}),(i==null?void 0:i.label)&&a(b,{as:"link",ariaLabel:i==null?void 0:i.label,link:i,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:i==null?void 0:i.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-TJZPE7DN.mjs

@@ -1 +0,0 @@
-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 w}from"@stackshift-ui/text";import g from"react";import{jsx as a,jsxs as b}from"react/jsx-runtime";function N({links:e,primaryButton:l,secondaryButton:s,logo:t}){let[i,r]=g.useState(!1),m=()=>{r(f=>!f)};return b(h,{className:"bg-background",children:[a("nav",{className:"relative py-6",children:a(c,{maxWidth:1280,children:b(o,{align:"center",justify:"between",gap:4,children:[a(p,{links:e}),a(M,{logo:t}),a(R,{primaryButton:l,secondaryButton:s}),a(k,{showMenu:m})]})})}),a(z,{menu:i,showMenu:m,links:e,primaryButton:l,secondaryButton:s})]})}function p({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)=>b(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",ariaLabel:e==null?void 0:e.label,link:e,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 b("div",{className:"hidden lg:text-right lg:block lg:w-1/3",children:[(e==null?void 0:e.label)&&a(v,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,className:"px-4 py-3 text-gray-900 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",ariaLabel:l==null?void 0:l.label,link:l,className:"px-4 py-3 leading-loose text-center text-white font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:l==null?void 0:l.label})]})}function k({showMenu:e}){return a("div",{className:"ml-auto lg:hidden",children:a(v,{variant:"unstyled",as:"button",ariaLabel:"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 z({menu:e,showMenu:l,links:s,primaryButton:t,secondaryButton:i}){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(v,{variant:"unstyled",as:"button",ariaLabel:"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,m)=>a("li",{className:"mb-1",children:a(v,{as:"link",ariaLabel:r==null?void 0:r.label,link:r,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)))})}),b("div",{className:"mt-auto",children:[b("div",{className:"pt-6",children:[(t==null?void 0:t.label)&&a(v,{as:"link",ariaLabel:t==null?void 0:t.label,link:t,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:t==null?void 0:t.label}),(i==null?void 0:i.label)&&a(v,{as:"link",ariaLabel:i==null?void 0:i.label,link:i,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:i==null?void 0:i.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{N as a};

package/dist/chunk-Z3RUBMRD.mjs

@@ -1 +0,0 @@
-import{a as h}from"./chunk-S35O64PB.mjs";import{Button as b}from"@stackshift-ui/button";import{Flex as f}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 $}from"@stackshift-ui/section";import{Text as v}from"@stackshift-ui/text";import{useClickAway as S,useWindowScroll as N}from"@uidotdev/usehooks";import w from"classnames";import g,{createContext as I,forwardRef as R,Fragment as y,useCallback as B,useEffect as E,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=g.useContext(P);if(!e)throw new Error("useAccordion must be used within an Accordion");return e},W=({className:e,children:a,defaultValue:n=[],onValueChange:o})=>{let[s,l]=x(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(P.Provider,{value:i,children:t("div",{className:w("w-full",e),children:a})})},K=({value:e,className:a,children:n})=>{let{openItems:o,toggleItem:s}=O(),l=o.includes(e);return t("div",{className:w("border-b border-gray-200",a),children:g.Children.map(n,r=>g.isValidElement(r)?g.cloneElement(r,{isOpen:l,onClick:()=>s(e)}):r)})},V=g.forwardRef(({className:e,children:a,isOpen:n,onClick:o,...s},l)=>m("button",{ref:l,type:"button",onClick:o,className:w("flex w-full items-center justify-between py-4 text-left",e),...s,children:[a,t("svg",{className:w("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=g.forwardRef(({className:e,children:a,isOpen:n},o)=>t("div",{ref:o,className:w("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 o=S(()=>{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(W,{children:e==null?void 0:e.map(s=>t(T,{megaMenu:s},s._key))})}):null},T=g.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(o=>{var s;return m("div",{className:"mt-4 pl-4",children:[t(v,{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(v,{className:"text-black font-medium leading-[30px] text-sm",children:l.title}),(r=l.links)==null?void 0:r.map(i=>{var c;return t(b,{ariaLabel:(c=i.label)!=null?c:"",as:"link",link:i!=null?i:{},variant:"unstyled",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)})})]},o._key)}),(n=e.showcaseLink)==null?void 0:n.map((o,s)=>{var l,r,i,c,d,u,p;return t("div",{className:"mt-4 pl-4",children:t(b,{ariaLabel:(r=(l=o.primaryButton)==null?void 0:l.label)!=null?r:"",as:"link",link:(i=o.primaryButton)!=null?i:{},variant:"unstyled",className:"text-black text-sm font-normal font-heading-kb leading-[30px]",children:m(f,{direction:"col",gap:3,children:[t(M,{src:(c=o.mainImage)==null?void 0:c.image,alt:(u=(d=o.mainImage)==null?void 0:d.alt)!=null?u:"",width:200,height:150,className:"w-[188px] h-[147px] object-cover object-center"},s),(p=o.primaryButton)==null?void 0:p.label]})})},`MobileMenuContent-Item-Images-${o._key}-${s}`)})]})]})});T.displayName="MobileMenuContentItem";function q({logo:e,iconLinks:a,megaMenu:n}){let[{y:o}]=N(),[s,l]=x(!1),[r,i]=x(""),c=F(null),d=o&&o>80?"fixed w-full transition-all duration-300 ease-in-out":"sticky transition-all duration-300 ease-in-out",u=B(p=>{c.current&&clearTimeout(c.current),p===""?c.current=setTimeout(()=>{i("")},200):i(p)},[]);return E(()=>()=>{c.current&&clearTimeout(c.current)},[]),m(D,{children:[t("header",{className:w("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:r,setCurrentDropdown:u})}),t(U,{data:n,showMobileMenu:s,setShowMobileMenu:l})]})}var Q=({logo:e,iconLinks:a,megaMenu:n,setShowMobileMenu:o,currentDropdown:s,setCurrentDropdown:l})=>{var d;let[{x:r,y:i}]=N(),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:w("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 ${h(e)==="/"?"home page":h(e)}`,className:"text-3xl font-bold leading-none",href:h(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:()=>o(!0),className:"md:hidden h-fit self-center place-self-end",children:t(re,{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(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(b,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,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:o,y:s}]=N(),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(y,{children:r._type==="dropdown"?t(C,{dropdown:r,"aria-expanded":a===r.title,onMouseEnter:()=>{var i;return n((i=r.title)!=null?i:"")},onMouseLeave:()=>n("")},`MegaMenuDropdownTrigger-${r._key}`):t(k,{link:r},`MegaMenuLink-${r._key}`)},`MegaMenuNavLink-${r._key}`)):null,e&&e.length>0?e==null?void 0:e.slice(3,6).map(r=>t(y,{children:r._type==="dropdown"?t(C,{dropdown:r,"aria-expanded":a===r.title,onMouseEnter:()=>{var i;return n((i=r.title)!=null?i:"")},onMouseLeave:()=>n("")},`MegaMenuDropdownTrigger-${r._key}`):t(k,{link:r},`MegaMenuLink-${r._key}`)},`MegaMenuNavLink-${r._key}`)):null]})},k=({link:e,className:a})=>t(b,{ariaLabel:`Go to ${e.label}`,as:"link",variant:"unstyled",link:e,className:w("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: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:w("relative text-black text-sm font-normal font-label uppercase tracking-widest group",r),...i,children:n.title})}),ee=({data:e,currentDropdown:a,setCurrentDropdown:n})=>t(D,{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(te,{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 te({label:e,showcaseLink:a,groupedLinks:n,currentDropdown:o,setCurrentDropdown:s}){let l=o===e&&e!=="",r=n.length>0,i=a.length>0,c=j(()=>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($,{"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 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(A,{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(v,{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;return t(b,{ariaLabel:(d=i.label)!=null?d:"",as:"link",link:i!=null?i:{},variant:"unstyled",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(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;let s=(l=n.mainImage)==null?void 0:l.image;return t(b,{ariaLabel:(i=(r=n.primaryButton)==null?void 0:r.label)!=null?i:"",as:"link",link:(c=n.primaryButton)!=null?c:{},variant:"unstyled",className:"text-center text-black text-sm font-normal font-heading-kb leading-[30px] hover:underline",children:m(f,{direction:"col",align:"center",justify:"center",gap:3,children:[t(M,{src:s,alt:(u=(d=n.mainImage)==null?void 0:d.alt)!=null?u:"",width:500,height:500,className:"w-[188px] h-[147px] object-cover object-center"},o),(p=n.primaryButton)==null?void 0:p.label]})},`MegaDropdownContent-Item-Images-${n._key}-${o}`)})}):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};